Show Posts

This section allows you to view all posts made by this member. Note that you can only see posts made in areas you currently have access to.


Topics - 4kstore

Pages: 1 [2] 3 4 ... 12
16
Blog SMFSimple / Fechas español - Función Setlocale y Date PHP
« on: January 07, 2016 - 03:48 15:48 »
Como poner fechas en español usando php


Esto es una pequeña ayuda para los programadores que utilizan php y que a menudo se encuentran con problemas a la hora de trabajar con fecha, por mi parte siempre sufro tener que manipular fecha pero creo que es por una negación personal que tengo mas que por dificultad del propio tema.

Veamos, la función principal para manipular fecha en PHP es la función PHP DATE

No hablare de esta función en este tutorial pero si tienen dudas me lo dicen y preparo algo mas especifico sobre el esto, el tema principal ahora es que esta función devuelve cadenas en ingles, es decir los días y lo meses.

Para pasarlo a español tenemos dos formas rápidas.

La primera es setear la función setlocale para que interprete el idioma español como principal y de esta manera las funciones propias de php que manejan cadenas de texto serán devuelta en el idioma que especifiquemos.

Por ejemplo para usar el español seria:
Code: [Select]
setlocale(LC_ALL,”es_ES”);
Esta funcion solo funciona con strftime

El segundo método permite usar la función date y consiste en crear 2 arrays con los nombre de los meses y de los días en español y utilizando los indices de los array devolver el que corresponda.

Code: [Select]
public function dia($index)
    {
        $dias = array("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sábado");
        return $dias[$index];
    }

    public function mes($index)
    {
        $meses = array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
        return $meses[$index];
    }

Un ejemplo seria:

Code: [Select]
echo $dias[date('w')]." ".date('d')." de ".$meses[date('n')-1]. " del ".date('Y') ;
La explicación seria que

date(w) devuelve el numero del día en el que nos encontramos (0 (para domingo) hasta 6 (para sábado))
entonces usamos ese numero y lo buscamos como indice en el array de días esto nos devolverá el día escrito

date(d)
nos devuelve el numero en 2 dígitos (01 a 31)

date(n)
Representación numérica de un mes, sin ceros iniciales, le restamos uno ya que los arrays empiezan desde 0 y lo evaluamos en el array meses, esto nos permite la representación textual del mes.

y finalmente date(Y) nos devuelve el año completo con 4 digitos

entonces podemos obtener algo como
Quote
Jueves 07 de Enero del 2016

Si tienen dudas al respecto no duden en comentar el post para que los pueda ayudar.
Abrazo!

17
Blog SMFSimple / Guía completa - Flexbox CSS3 (Que es y como usarlo)
« on: November 15, 2015 - 10:28 22:28 »
Que es y como usar flexbox.


Buenas gente, recientemente encontré estas nuevas propiedades de CSS que te permiten maquetar de manera sencilla y rápida.
Antes costaba montones alinear cajas en un contenedor por mas que tengamos la propiedad float esta interfería con los margenes de las cajas y nos dejaban cálculos engorrosos para solucionar.

Otra gran dificultad era alinear respecto de, es decir alinear respecto a las cajas hermanas o del contenedor, ni hablar si el alineado era vertical para solucionar eso debíamos recurrir a parches con javascript.

Gracias a flexbox podemos alinear, organizar y distribuir elementos con muy poco css y nos permite hacer diseños responsives ya que si lo aplicamos bien las cajas irán tomando la forma que nos permita la pantalla.

Para lograr esto necesitamos tener un contenedor que contenga items.



el código seria el siguiente:

HTML:
Code: [Select]
<section class="container">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</section>

CSS:
Code: [Select]
.container{
display: flex;
border: 4px solid green;
}

.item{
flex: 1;
background: red;
min-width: 200px;
min-height: 200px;
border: 2px solid #000;
}

Con la propiedad display:flex en el contenedor le estamos diciendo que el contenedor adopte el comportamiento flexible y al darle a cada item flex: 1 le estamos diciendo que ocupen cada uno igual proporción:

Ejemplo en vivo: http://www.smfsimple.com/blog/tutoriales/flexbox/ejemplo1/

Entonces ya sabiendo lo que necesitamos y como funciona podemos darle distintas características a nuestra caja flexible.

Propiedades flexbox:

Primero dejo el link a cada demo para una rapida vista de cada uno, les recomiendo ver el archivo estilos.css y el codigo html de cada una de las paginas para entender en profundidad como funciona cada ejemplo.

Propiedades del contenedor:

flex-direction

Permite indicar en que dirección se mostraran los items.

Code: [Select]
.container {
  flex-direction: row | row-reverse | column | column-reverse;
}

row: es por defecto, pone una caja al lado de la otra en forma horizontal.

column:


Permite poner un item debajo del otro en forma vertical.

Y los reverse alteran el orden de las cajas.

flex-wrap:

Por defecto las cajas intentaran ponerse una al lado de otra ocupando una linea (nowrap), esto hará que los tamaños se achican para encajar dentro de una linea.
Si lo que queremos es cambiar ese comportamiento y hacer que la siguiente caja se ponga abajo utilizamos esta propiedad.

Code: [Select]
.container{
  flex-wrap: nowrap | wrap | wrap-reverse;
}

flex-wrap: wrap



Code: [Select]
.container{
display: flex;
border: 4px solid green;
flex-wrap: wrap;
}

.item{
min-width: 400px;
background: red;
min-height: 200px;
border: 2px solid #000;
}

Hay que tener en cuenta que no podemos darle ancho relativo a cada caja porque sino se acomodarían una misma linea.

justify-content
Una de las propiedades que mas nos ayuda a acomodar nuestros items de la manera que necesitamos.
Acomoda los items según el eje horizontal de distintas maneras:

Code: [Select]
.container {
  justify-content: flex-start | flex-end | center | space-between | space-around;
}

flex-start: acomoda las cajas a la izquierda contenedor


flex-end: acomoda las cajas a la derecha del contenedor


center: acomoda las cajas al centro del contenedor


space-between: acomoda cada caja lo mas separada de la otra que se pueda manteniendo la proporción de distancia entre ellas.


space-around: acomoda cada caja distribuyendo el total del espacio entre ellas



align-items:
Otra gran salvación, nos permite alinear los items de manera vertical según el alto de nuestro contenedor.

Code: [Select]
.container {
  align-items: flex-start | flex-end | center | stretch;
}

flex-start: Se alinean verticalmente arriba y caen según su tamaño.


flex-end: Se alinean verticalmente abajo y suben según su tamaño.


center: Se alinean verticalmente en el medio del espacio total


stretch: Ocupara todo el espacio vertical (el item no debe tener un height determinado)


align-content:
Cómo se distribuyen las filas de items en el contenedor, sólo aplica si hay más de una fila de elementos.

Code: [Select]
.container {
  align-content: flex-start | flex-end | center | space-between | space-around | stretch;
}


flex-start: Cada linea se acomoda al principio del contenedor


flex-end: Cada linea se acomoda al final del contenedor.


center: Las lineas se acomodan en el centro del contenedor.


space-between: La primer linea arriba en el contenedor, la ultima abajo y las demas se distribuyen el espacio equitativamente en el contenedor.


space-around: Todas las lineas se distribuyen proporcionalmente en el espacio del contenedor.


stretch: (DEFECTO) las lineas crecen para ocupar el máximo del contenedor no deben tener un height definido para poder utilizar esta propiedad.


Propiedades del los items:

order:
Nos permite cambiar el orden en el que aparece nuestra caja, por defecto el orden es el orden que tienen en el html pero si nosotros quisiéramos alterar ese orden podríamos hacer que la ultima caja sea la primera.

Code: [Select]
.item {
  order: <entero>;
}

Por defecto:

Code: [Select]
<section class="container">
<div class="item it1">SMFSIMPLE 1</div>
<div class="item it2">SMFSIMPLE 2</div>
<div class="item it3">SMFSIMPLE 3</div>
</section>
Code: [Select]
.container{
display: flex;
border: 4px solid green;
height: 200px;
}

.item{
flex: 1;
min-width: 250px;
height: 100px;
background: red;
border: 2px solid #000;
margin: 5px;
color: #FFF;
}



Ahora si le indicamos el orden a cada div podemos manipularlo y decir quien estará primero.
Code: [Select]
.it1{
order: 2;
}
.it2{
order: 3;
}
.it3{
order: 1;
}



Demo: http://www.smfsimple.com/blog/tutoriales/flexbox/order/

Esto nos permitirá acomodar nuestras cajas y es realmente útil cuando queremos hacer diseños responsives ya que podemos manipular totalmente los elementos usando el orden y media-querys

flex-grow:

Nos permite definir como crecerá cada item respecto de los demás, osea permite que decidamos la proporción de cada item respecto del resto que ocupa el que contenedor.

Code: [Select]
.item {
  flex-grow: <numero>; /* defecto 0 */
}

Ejemplos:

Si ponemos que todos los items tengan flex-grow: 1 estos se distribuirán el espacio de igual medida equitativamente.

http://www.smfsimple.com/blog/tutoriales/flexbox/flex-grow/equitativo



De lo contrario, podemos setearle a cada item su proporción.

Code: [Select]
.it1{
flex-grow: 2;
}

.it2{
flex-grow: 1;
}

.it3{
flex-grow: 1;
}

De esta manera el item1 ocupara el doble de las otras dos cajas.

http://www.smfsimple.com/blog/tutoriales/flexbox/flex-grow/


flex-shrink:

La inverso a flex-grow, nos va a decir en proporción cuando se achica un item respecto al resto si el espacio no alcanza.

Code: [Select]
.item {
  flex-shrink: <numero>; /* defecto 1 */
}

Entonces si tenemos este ejemplo:
http://www.smfsimple.com/blog/tutoriales/flexbox/flex-shrink/


Tenemos este html y css:
Code: [Select]
<section class="container">
<div class="item it1">SMFSIMPLE 1</div>
<div class="item it2">SMFSIMPLE 2</div>
<div class="item it3">SMFSIMPLE 3</div>
</section>
Code: [Select]
body{
max-width: 1024px;
background: #CCC;
margin: 0 auto;
}
.container{
display: flex;
border: 4px solid green;
height: 200px;
}
.item{
height: 100px;
width: 500px;
background: red;
border: 2px solid #000;
margin: 5px;
color: #FFF;
}
.it3{
flex-shrink: 2;
}

Veremos que el contenedor tiene como máximo 1024px y cada bloque ocupa 500px, al ser 3 bloques deberíamos achicar alguno y lo hacemos con flex-shrink.
Le decimos que al NO haber espacio suficiente reduzca el ultimo bloque a la mitad del resto y de esa manera queda mas chico y el espacio es suficiente.

flex-basis:
Nos permite indicar un ancho definido a cada item, si no es definido se define en auto y crece según el contenedor.
Code: [Select]
.item {
  flex-basis: <length> | auto;
}
Ejemplo:

Ejemplo: http://www.smfsimple.com/blog/tutoriales/flexbox/flex-basis/


Code: [Select]
.container{
display: flex;
border: 4px solid green;
height: 200px;
}

.item{
height: 100px;
background: red;
border: 2px solid #000;
margin: 5px;
color: #FFF;
}

.it1{
flex-basis: 400px;
}
.it2{
flex-basis: 200px;
}
.it3{
flex-basis: 100px;
}

align-self:
Permite sobreescribir el alineado definido por align-items, entonces podremos decirle a este item particular donde ubicarse sin afectar al conjunto.

Code: [Select]
.item {
  align-self: auto | flex-start | flex-end | center | baseline | stretch;
}

Los valores son los mismos que en la propiedad align-items, referenciarse a ella para entender cada uno.

Ejemplo: http://www.smfsimple.com/blog/tutoriales/flexbox/align-self/


Code: [Select]
.container{
display: flex;
border: 4px solid green;
align-items: flex-start;
height: 500px;
}

.item{
min-width: 100px;
background: red;
border: 2px solid #000;
margin: 5px;
color: #FFF;
}

.it1{
height: 200px;
}
.it2{
height: 100px;
align-self: center;
}
.it3{
height: 400px;
align-self: flex-end;
}
.it4{
height: 300px;
}

Como podemos ver el item1 y 4 siguen tomando la propiedad align-items: flex-start pero sobreescribimos la propiedad del item 2 y 3 para darle una distinta al del contenedor.

flex:

Por ultimo tenemos flex que nos permite setear 3 propiedades en una sola (shorthand)

Code: [Select]
.item {
  flex: flex-grow flex-shrink flex-basis|auto|initial|inherit;
}

Entonces tenemos la opción de setear directamente con una sola propiedad el grow el shrink y el basis.



Esas son todas las propiedades que tiene Flexbox, como pueden ver podemos manipular cada item de un contenedor de manera muy fácil y prácticamente podemos hacer todo lo que necesitemos hacer.

Flexbox compatibilidad:
http://caniuse.com/#search=flexbox

Como pueden ver funciona perfectamente en todos los navegadores modernos por lo que no hay ningún excusa en usarlo.
En safari tendremos que utilizar el prefijo -webkit- pero si se quieren olvidar de esto pueden utilizar pre-procesadores que incluyan estos prefijos o un plugin de sublime text como lo es sublime-autoprefixer

Extras:

- Me gustaria indicarles primero que nada un gran resumen que abro siempre que me olvido alguna propiedad y que me parece genial a la hora de revisar rápidamente como funciona esto: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

- Y para el que le gusta lo didáctico hay varios generadores de código que permiten interactivamente armar el esqueleto de nuestro contenedor e items.
http://the-echoplex.net/flexyboxes/

Próximamente traeré algunos layouts diseñados con flexbox para que pueda apreciar realmente la potencia que tiene esta propiedad.
Saludos espero que les sirva.

18
Mods SMFSimple / Membergroup name by gender
« on: November 08, 2015 - 09:01 21:01 »
Link al Archivo



Membergroup name by gender
Developed by 4kstore for SMFSimple.com
SMF 2.0.X



El soporte oficial de los desarrolladores de nuestros mods lo encontraras en SMFSimple.com


Descripcion:
Podras mostrar distintos nombres de grupos de usuarios segun el sexo elegido por el usuario en su perfil

Description:
You can show alternative membergroups names by the gender of the user




Screenshots | Imagenes





Language Support | Lenguajes Soportados
- English
- Spanish_latin
- Spanish_latin-utf8
- Spanish_es
- Spanish_es-utf8



Membergroup name by gender

Copyright 2015 | SMFSimple.com

19
Blog SMFSimple / Aprendiendo Sobre Frameworks de programación
« on: October 30, 2015 - 07:10 19:10 »
Frameworks de programacion


¿Qué es un framework?:

Según wikipedia:
Quote
La palabra inglesa "framework" (infraestructura, armazón, marco)1 define, en términos generales, un conjunto estandarizado de conceptos, prácticas y criterios para enfocar un tipo de problemática particular que sirve como referencia, para enfrentar y resolver nuevos problemas de índole similar.

En el desarrollo de software, un framework o infraestructura digital, es una estructura conceptual y tecnológica de soporte definido, normalmente con artefactos o módulos concretos de software, que puede servir de base para la organización y desarrollo de software. Típicamente, puede incluir soporte de programas, bibliotecas, y un lenguaje interpretado, entre otras herramientas, para así ayudar a desarrollar y unir los diferentes componentes de un proyecto.

Representa una arquitectura de software que modela las relaciones generales de las entidades del dominio, y provee una estructura y una especial metodología de trabajo, la cual extiende o utiliza las aplicaciones del dominio

https://es.wikipedia.org/wiki/Framework

Realmente una definición un tanto complicada, negus yo un framework es una herramienta que brinda un conjunto de clases e interfaces con practicas comunes para el desarrollo de aplicaciones mas rápidas y robustas.

Ventajas de un framework:
- Uso de buenas practicas probadas en cientos de aplicaciones, utilizando un framework te aseguras de que lo que hagas tiene robustez y que estas aplicando buenas practicas.

- Velocidad, los frameworks brindan paquetes de herramientas para no tener que hacer una y otra vez lo mismo en cada nuevo proyecto que comiences, si no lo trae el framework podes empaquetar la nueva funcionalidad y utilizarla en proyectos futuros (modularizar codigo)

- Brindan un marco de comienzo inicial, muchas veces nos encontramos con el problema de no saber por donde arrancar y con un framework ese puntapie ya lo tenemos cubierto.

- La mayoría de los frameworks utilizan patrones de diseño que brindan seguridad, estabilidad y escalabilidad en nuestras aplicaciones.

- Mejora los ambientes de trabajo facilitando la colaboración, al trabajar en grupo es indispensable tener buenas practicas de programación y programar de una forma en la que los otros miembros del grupo puedan aportar código sin necesidad de andar preguntando o revisando todo el código para poder entenderlo, los frameworks permiten estandarizar flujos de trabajo para que todos sepan donde y como se hace cada cosa.

- Muchos frameworks se apoyan en comunidades de programadores que no solo actualizan constantemente el framework en si sino que también aportan paquetes de funcionalidades que ya se programaron y que pueden ser útiles a otros grupos.

Desventajas:

- Tiempo de aprendizaje, como todo lo nuevo aprender a utilizar un framework lleva tiempo pero déjame decirte que las ventajas que tienen son muchísimas y vale la pena.

- Conocer bien los lenguajes de programación: generalmente puedes utilizar un framework sin conocer mucho del lenguaje de programación pero esto no es lo recomendable para aprovechar al máximo las ventajas que te brinda es necesario conocer en profundidad el lenguaje de programación en el que esta escrito el framework.

- Muchas veces los framework agregan código y servicios que no aprovechamos en todas las aplicaciones que creamos depende de cada uno la limpieza.

Frameworks actuales (PHP):




¿Qué framework utilizar
- Esto depende de tu nivel, no todos los frameworks son fáciles de aprender y no todos brindan las mismas herramientas, creo que lo ideal seria saber manejarlos a todos y de acuerdo a cada proyecto emplear el que convenga ya que todos tienen ventajas en algunos puntos del desarrollo.
Destacar que también es bueno perfeccionar alguno para poder ir armando tu propio kit de módulos y trabajar en cada proyecto con comodidad, por mi parte recomiendo codeigniter o yii para comenzar y luego si podes pasar a symfony o laravel que son los mas usados en la actualidad.

¿Qué saber antes de utilizar un framework PHP?
- Es fundamental saber programar php orientado a objetos, todos los frameworks utilizan la orientación a objetos ya que se basan en ella para poder implementar los patrones de diseño.
- Recomendable entender el patrón MVC (modelo vista controlador)

Como recomendación final los aliento a aprender y utilizar frameworks no solo para uso propio sino para poder tener oportunidades laborales futuras, cualquier empresa de desarrollo de software seria utiliza alguno de estos frameworks y va a ser indispensable que ustedes demuestren conocimiento al menos en alguno, sabiendo uno los otros se aprenden con 1 o 2 meses de capacitación.

En futuros post es probable que hable cosas de YII que es el framework con el que trabajo actualmente así que los invito a leer sobre su comunidad.

Un abrazo!

20
Blog SMFSimple / Agregar animaciones con scrollReveal.js
« on: October 16, 2015 - 07:58 19:58 »
ScrollReveal.JS
Animaciones html5 en segundos


Hoy les traigo una herramienta que les va a volar la cabeza, si alguna vez tuvieron que lidiar con el problema de animar elementos del DOM al hacer scroll sabrán que no es una tarea fácil, requiere combinar varias técnicas de css, html y javascript en cada zona de la pagina.

Con scrollReveal podemos lograr nuestro cometido de manera muy sencilla y de forma declarativa, solo declarando en las etiquetas html como queremos que se muevan.

Un demo es el sitio oficial: http://scrollrevealjs.org/
Verán que al hacer scroll para abajo irán apareciendo los elementos de distintas maneras (se puede lograr el mismo efecto al subir pero esto es opcional).

Ya use este plugin en varios proyectos y realmente estoy fascinado.



Aclarar que necesitan utilizar html5 ya que para declarar los métodos usa la etiqueta data-sr


Entonces solo necesitan agregar la libreria en el html:

Code: [Select]
<script src='/js/scrollReveal.min.js'></script>
    <script>

      window.sr = new scrollReveal();

    </script>

Recomiendo incorporar la creación del objeto en el onLoad de jquery, eso me ahorro algunos dolores de cabeza con la carga de la pagina
Al crear el objeto le pueden pasar un json con propiedades que tendra por defecto la animacion.

Un ejemplo seria:
Code: [Select]
<script src='/js/scrollReveal.min.js'></script>
<script>

  var config = {
    reset:  true,
    mobile: true
  }

  window.sr = new scrollReveal( config );

</script>

En el ejemplo, los efectos se harán en ambos sentidos del scroll y también funcionara en aplicaciones moviles (Siii, tus sitios responsives con animaciones)
Mas configuraciones:
https://github.com/jlmakes/scrollReveal.js/wiki/Configuration

Un ejemplo de la declaracion para animar un titulo seria el siguiente:
Code: [Select]
<h1 data-sr="wait 2s, ease-in-out 100px">Titulo animado</h1>
Con esto la animación tardar en realizar desde que se esta en foco 2 segundos y la hará con un efecto ease-in-out de 100px.
Como ven solo declaran las opciones como clave - valor separadas por coma y listo!

Tenemos varias opciones de animación y con creatividad podemos hacer sitios muy lindos con poco codigo.
Acá el link para que vean mas animaciones: https://github.com/jlmakes/scrollReveal.js/wiki/Keywords

Otro recomendado, espero que le peguen un ojo y cualquier duda que tengan comentan que yo le agarre la mano y posiblemente los pueda ayudar.
Abrazo!

21
Blog SMFSimple / Razones por las cuales sublime text es el mejor editor
« on: October 07, 2015 - 04:58 16:58 »

Razones por las cuales sublime text es el mejor editor



El motivo de este tema (el inagural del blog) es porque necesitaba contar mi experiencia con sublime text ( 2 o 3 da lo mismo son geniales las 2 versiones)
Primero contar un poco cuales fueron los editores de texto que use a lo largo de mi vida como programador, no es que sea una larga vida pero llevo algunos años en esto.
El orden fue el siguiente (desde mas antiguo al actual)

  • Bloc de notas (si, aunque no lo creas)
  • Dreamweaver, alguna de las primeras versiones me eran realmente útiles porque empece con html básico y que me genere código era genial!
  • Netbeans el motivo fue que empece a programar java en la facultad y es realmente bueno para java pero para otros lenguajes no tanto (meh)
  • Notepad ++ , SIII! amor la sencillez y este programa es lo que es gracias a sus principales funciones que salvan la vida pero hasta ahí llega
  • Sublime Text 2
  • Sublime Text 3 <3 <3

OK, realmente no fueron tantos pero quien me quita lo programado (?)
Básicamente como alternativa no aconsejo ninguno de los anteriores pero si buscan sencillez notepad++ en cambio si tienen una computadora con buenas características y les gusta que todo se acople Netbeans es otra buena opción.

Vamos al tema del post, razones por las cuales casarse con sublime text.

1º Es super liviano y esto es sencillamente así, consume muy pocos recursos por lo que si tenes una computadora media viejita o sos de utilizar mil pestañas en el chrome, el editor no afectara el rendimiento.

2º La cantidad de plugin útiles y para todos los gustos (¡TODOS!, ¿todos? SI TODOS!). I love sublime gracias a esto, yo me dedico a la parte web entonces me gusta tener facilidad a la hora de crear código en html, javascript, php y lenguajes web y sublime me da esa comodidad gracias a la cantidad de plugins instalables que hay disponibles.

3º Confiable, sublime text es realmente estable, desde que lo uso nunca crasheo y perdí horas de trabajo (cosa distinta con dreamweaver por ejemplo)

4º Si sos amante de windows, linux o mac no importa! sublime es multiplataforma y lo podrás usar en el sistema operativo que tengas instalado (portabilidad yeah!)

5º Gran cantidad de themes (skins) para personalizarlo a piacere de cada uno.

6º Constantes actualizaciones hacen que tengas confianza en el producto ya que tiene una gran comunidad por detrás trabajando día a día.

7º "CTRL + P" , esta no esta muy clara pero es un comando que te permite escribir el nombre del archivo que tengas abierto en el proyecto actual para abrirlo en 2 segundos, es realmente un shortcut muy cómodo y que te ahorra tiempo (MUCHO TIEMPO!)

8º Instalar plugins nunca fue tan fácil (suena a publicidad) pero es absurdamente fácil, tiene un instalador de paquetes que solo poniendo el nombre del plugin instalarlo es un instante.

9º Si usas git en tus proyectos tendrás una consola disponible para hacer los commits desde el programa y en cada momento.

10º Emmet, esto realmente no es propio de sublime pero es un plugin que funciona de puta madre. Escribir código like a ninja te hace sentir muy bien (con un poco de practica lo dominas en un segundo)

11º Convertir codificación de caracteres desde el programa con un par de clicks

12º Compatibilidad de sintaxis para casi todos los lenguajes de programación actuales.

13º Crear snippets personalizados para autocompletar código es realmente fácil

Y muchas otras cosas mas, realmente tiene todo lo que podes necesitar yo por mi parte te aconsejo que lo bajes y los pruebes estoy seguro de que te va a gustar.

Seguramente iré trayendo muchos artículos sobre sublime así que espero que les guste y comenten lo que a ustedes les gusta de este programa u alternativas

 Pagina oficial: http://www.sublimetext.com/

22
Themes Oficiales SMFSimple / Vuelos Theme By SMFSimple.com
« on: July 18, 2015 - 04:29 16:29 »
Link al Archivo



Disponible para la versión SMF 2.0.XX - Diseñado por 4kstore
Nuevo theme profesional con colores naturales y frescos permitiendo adaptarse a distintas tematicas de foros.

Recomiendo que pongan de ancho 85%.

Imagen de muestra:



Si lo instalas en tu foro, muestranos que tal te queda, asi vemos como se adapta y que tal anda.
Special thanks to the beautiful icons iconfinder.com gives us to do these jobs!

This theme uses CSS 3, so I remember you that older browsers do not support CSS3
Este theme utiliza CSS33, no todos los navegadores soportan CSS3
Copyright 2015 - SMFSimple.com

23
Themes Oficiales SMFSimple / Gool Theme
« on: January 25, 2015 - 12:31 12:31 »
Link al Archivo



Disponible para la versión SMF 2.0.XX - Diseñado por Lean
Gool es un theme especial para foros de tematica de futbol o deportes en general, con tonos verde cesped, iconos vinculados al deporte y un hermoso header de campo de futbol para darle el ambiente necesario de la tematica.
Cuenta con la funcion de compartir tu foro con las redes sociales de tus usuarios en la parte del header, de manera sencilla y muy moderna.

Recomiendo que pongan de ancho 55%.

Imagen de muestra:



Si lo instalas en tu foro, muestranos que tal te queda, asi vemos como se adapta y que tal anda.
Special thanks to the beautiful icons iconfinder.com gives us to do these jobs!

Copyright 2015 - SMFSimple.com

24
Themes Oficiales SMFSimple / Theme Fluxion
« on: January 19, 2015 - 06:12 18:12 »
Link al Archivo



Disponible para la versión SMF 2.0.XX - Diseñado por Lean
Fluxion es un theme elegante y fresco, con colores pasteles que dan la sensacion de tranquilidad y armonia al foro.
Tambien tendras la posibilidad de configurar los botones del menu.

Recomiendo que pongan de ancho 55%.

Imagen de muestra:



Si lo instalas en tu foro, muestranos que tal te queda, asi vemos como se adapta y que tal anda.
Special thanks to the beautiful icons iconfinder.com gives us to do these jobs!

25
El barcito / Promociones fin de año en smfsimple
« on: November 30, 2014 - 04:03 16:03 »
Promociones fin de año en smfsimple


Llega fin de año y queremos despedirlo trayéndoles promociones para que puedan adquirir los mods que mas les gusta.
Los nuevos paquetes son:


  • Plan 1   1 Crédito = 2.5 USD
  • Plan 2   5 Creditos = 6 USD
  • Plan 3   8 Creditos = 8 USD

Espero que lo aprovechen y tengan en cuenta que estas promociones estarán disponibles durante el mes de diciembre y luego cambiaremos los precios nuevamente.
Saludos.



26
Mods SMFSimple / Ultimate Topic Prefix
« on: November 24, 2014 - 02:00 02:00 »
Link al Archivo



Ultimate Topic Prefix 1.1
Developed by: 4kstore for SMFSimple.com
SMF 2.0.X



Descripcion:
Agrega prefijo totalmente personalizables a los titulos de tus temas.

Description:
Add a fully customizable prefix to your topics titles



Configuraciones:
  • Administracion de prefijos
  • Permisos por foro para cada prefijo
  • Permisos por grupo de usuarios para cada prefijo
  • Posibilidad de agregarle un link a cada prefijo, al hacerle click abrira una pestaña nueva con la direccion escrita
  • Agregar contenido html antes y/o despues de cada prefijo esto permite total libertad de diseño en cada prefijo
  • Mostrar prefijos en la lista de temas
  • Mostrar prefijos dentro de cada tema
  • El mod incluye un archivo CSS con algunas clases predeterminadas de diseño, ejemplo: <span class="tag blue">
  • Hooks parciales, menor edicion de archivos
  • Uso de cache, practicamente no hay consultas extras

Settings:
  • Manage prefixes
  • board permissions for each prefix
  • permissions per membergroups for each prefix
  • Possibility to add a link to each prefix, when make click open a new tab with the written direction
  • Add html content before and / or after each prefix This allows total freedom of design in each prefix
  • Show prefixes in the list of topics
  • Show prefixes in messageindex
  • Included in the mod a css file with some classes to improve tags desings and you can use it easily ie: <span class="tag blue">
  • Hooks partial, minor editing files
  • Using cache, virtually no extras consultation

Screenshots | Imagenes






Admin Url:
Code: [Select]
index.php?action=admin;area=utp

Language Support | Lenguajes Soportados

  • English
  • Español




Ultimate Topic Prefix

Copyright 2014 | SMFSimple.com

27
Reglas y anuncios de la comunidad / SMF 2.1 BETA 1 Liberado
« on: November 22, 2014 - 12:33 12:33 »
Buenas gente, hoy desperte con esta noticia del equipo de SMF y la verdad que entusiasma ver como siguen trabajando duro en mejorar la comunidad.
Para los que quieren saber sobre esto voy a traducir la noticia que dejaron en el sitio oficial:
http://www.simplemachines.org/community/index.php?topic=530233.0


Queridos usuarios.

Simple Machines se enorgullece en anunciar el lanzamiento de nuestra próxima gran generación de SMF, SMF 2.1! Un montón de trabajo puesto en  2,1 en los últimos 3 años, y con más de 5.500 commits (en github) por numerosos desarrolladores, tenemos toda una serie de nuevas e interesantes características y mejoras que esperamos que te gusten.

¡Advertencia! Esta es sólo la primera beta! Hay errores y características incompletas; no se recomienda que instale esta versión en un sitio en producción

A continuación se muestra un breve resumen de los cambios de 2.0. Para una descripción más completa, por favor visite las actualizaciones mensuales en el Blog de los desarrolladores, el repositorio en GitHub, y la Wiki 2.1.

  • Un diseño nuevo, fresco y responsive llamado Curve 2:
    SMF 2.0 introdujo el tema Curve, que era una actualización que dio una mirada web más moderna a SMF. 2.1 incluye una renovación de nuestro tema por defecto llamado Curve2! Curve2 introduce conceptos de responsive desing , por lo que es mucho más fácil acceso desde los teléfonos inteligentes y las tabletas modernas. Además, contamos con una serie de grandes y pequeñas mejoras UI / UX a lo largo de todo el foro.
  • Alertas y Notificaciones:
    En versiones anteriores de SMF, las notificaciones eran por medio de los mensajes privados y los emails. 2.1 cambia esto con la introducción de alertas, que se puede activar para mostrar todas las notificaciones del foro, mayores o menores, en un solo lugar sin saturar su correo electrónico o bandeja de mensajes privados. Las preferencias de alertas 'también actúan como un centro de centro de preferencia de notificación donde se puede especificar el formato de notificación que desea recibir:  emails, alertas o ninguno, todo en un solo lugar, en vez de tener preferencias repartidas por todo el foro. En el nuevo centro de preferencias que ahora tendrá la posibilidad de configurar las preferencias para el mail, alertas o ambos de los temas y los foro individuales en lugar de configuración de todo el foro, esto le permite ejercer un control mucho más preciso sobre las notificaciones que desea recibir
  • Borradores de Mensajes Privados y Temas:
    Alguna vez haz cerrado la pestaña o ventana en un post largo que has estado escribiendo durante mucho tiempo? Sé que lo hice al escribir este anuncio. O tal vez simplemente no podías terminar un post en una sola sesión y esperabas poder continuar desde donde lo dejaste? Entonces los "Borradores" son para ti, estan totalmente integrados en 2.1, junto con la capacidad de auto-guardar publicaciones y Mensajes privados a medida que los vas escribiendo.
  • Menciones y Me Gusta
    Likes o "Me gusta" han sido agregado a SMF, sustituyendo el existente sistema de Karma. El sistema también puede extenderse internamente por autores de mod para permitir "Likes" de su propio contenido.
    Los usuarios también pueden marcar un mensaje para llamar la atención de otros usuarios mencionandolos, utilizando la sintaxis @NombreDeUsuario estándar de Internet. Esto enviará una alerta o correo electrónico (dependiendo de la preferencia del receptor) notificandolos de la mencion.
  • Muchas MUCHAS Cosas Más!!
    • Completo soporte SSL en todo el foro. (NOTA: Requiere certificado y configuraciones apropiadas en el servidor.)
    • El Hash de contraseñas se ha mejorado de sha1 a bcrypt.
    • El área de administración ha recibido una serie de mejoras de usabilidad y organizativas. Algunas de las áreas se han reorganizado y reubicados, tambien se hizo una limpieza general
    • El Centro de moderación también tiene varias mejoras de usabilidad, incluyendo mejoras en los reportes de los temas, notas de moderador entre otras cosas.
    • Mejoras en las solicitudes y aprobaciónes de grupos de usuarios.
    • Los permisos se han ampliado con nuevos permisos para los perfiles de los usuarios, cuentas, etc..
    • Soporte integrado para Gravatars.
    • Users can select their timezones instead of manually selecting the time offsets.
    • Los usuarios pueden seleccionar sus zonas horarias en lugar de seleccionar manualmente los desplazamientos de tiempo.
    • jQuery ahora se incluye por defecto con muchas funciones que ahora se utilizan en núcleo.
    • Se deja de dar soporte a SQLite.
    • Mejoras internas reducen el consumo de memoria y mejoran la velocidad general.
    • Montones y montones de otras mejoras internas y externas!


Como hemos mencionado, esto es sólo un breve resumen. Hay más cambios que no hemos mencionado aquí, así que siéntete libre de hacer tus propias pruebas!

Por favor, recuerde que los requisitos mínimos de SMF se han aumentado a PHP 5.3.8+ y MySQL 5.0.3+ o PostgreSQL 8.0+. Los servidores que ejecutan una versión anterior no serán capaces de ejecutar SMF 2.1 y no tenemos la intención de soportar esas versiones. Si usted tiene un servidor que ejecuta una versión anterior, puede actualizar el software de su servidor o quedarse en una versión anterior de SMF. SMF 2.1 también ha abandonado el soporte para IE6 e IE7, pero continuará trabajando con IE8 + (aunque IE10 + es recomendable) y de cumplimiento de estándares similares (cualquier versión moderna de Chrome, Safari, Firefox, Opera, etc va a estar bien).

El procedimiento de instalacion y actualizacion sigue siendo igual que para versiones anteriores, de todas maneras, una vez que pases de una version anterior a SMF 2.1 no podras volver atras, así que por favor sea cuidadoso antes de actualizar cualquier sitio en produccion.. Revise las guias de Instalacion y actualizacion de SMF en el manual online para mas informacion. No se puede actualizar a SMF 2.1 Beta 1 por medio del instalador de paquetes; deberas bajar e instalar el paquete "Large Upgrade". SMF 2.1 se puede descargar desde la seccion de descargas.

Please note: Because this is the first beta release, translations and language strings other than English have not been finalized and may not be complete yet.

Nota: Debido a que esta es la primera versión beta, las traducciones distintas de Inglés no se han finalizado y pueden no estar completas todavía.

Gracias,
Simple Machines Forum

28
Diseño Web / EnjoyCSS - Genera código CSS3
« on: October 12, 2014 - 03:09 15:09 »
EnjoyCSS - Genera código CSS3


El desarrollo web esta centrado en opciones sencillas y abiertas en la actualidad, y en el frontend reina el CSS3 y también el HTML5 de eso no cabe la menor duda, pero hay que reconocer que para hacer ciertos atributos atractivos en CSS3 se necesita de un conocimiento intermedio del tema a menos que tengamos a mano una aplicación web como EnjoyCSS.

EnjoyCSS, es una herramienta bastante interesante en la que podemos generar código CSS3 de forma sumamente sencilla, y por medio de una interfaz gráfica por lo cual prácticamente se hace de forma automatica. En ella podemos hacer el estilo para diferentes elementos de una página web como puede ser; botones, inputs, blocks (para citas), el fondo o background, además de efectos de transición y sombras.

Es una herramienta ideal para hacer cosas de forma rápida, y luego ver como se hizo para aprender, ya que al final como es obvio nos entrega un código con lo que hemos hecho en la personalización del elemento elegido. Es realmente muy interesante y se puede usar de muchas formas, y podemos trabajar con decenas de cosas del CSS3, así que para nuestros diseñadores y desarrolladores web viene a ser una herramienta útil.

Link: http://enjoycss.com/

29
Mods SMFSimple / Bump This Topic
« on: August 10, 2014 - 07:09 19:09 »
Link al Archivo



Bump This Topic V1
Developed by 4kstore for SMFSimple.com
SMF 2.0.X



El soporte oficial de los desarrolladores de nuestros mods lo encontraras en SMFSimple.com



Descripcion:
Este mod permite hacer "BUMP" a los temas creados, por lo que configurandolo como quieras podras permitir a tus usuarios revivir temas y mostrarlos arriba en la lista

Description:
This mod allows you to "BUMP" topics, so setting it as you want to allow your users relive topics and show up in the list



Caracteristicas:
  • Habilitar el mod
  • Permisos, que usuarios pueden revivir temas (propios o de cualquiera)
  • Permisos por foros, en cuales foros se pueden o no revivir lo temas
  • Cada cuantos dias se puede revivir el mismo tema

Features:
  • Enable mod
  • permissions for users, who can bump topic (own or anyone)
  • permissions for forums, forums which they may or may not bump topics
  • Every few days you can bump the same topic

Imagenes | Screenshots:







Bump This Topic V1

Copyright 2014 | SMFSimple.com

Pages: 1 [2] 3 4 ... 12
top

Smfsimple.com es un sitio destinado a brindar un servicio de soporte y herramientas para foros realizados con el sistema de foros gratuito simplemachines.org. Contamos con un selecto equipo de desarrolladores y conocedores del sistema, sus foros estaran en buenas manos.
This site is not affiliated with or endorsed by Simple Machines