Ads 468x60px

Perfil

sábado, 23 de febrero de 2013

8 juegos geniales desarrollados en HTML5


En el mercado de los juegos a travĂ©s del navegador, Flash mantiene un amplio dominio, sin embargo, con la llegada de HTML5 se abre una nueva ventana, desde la que se ve un futuro prometedor para esta forma de generar entretenimiento.
Aunque aĂşn le falta mucho camino por recorrer, HTML5 tiene a su favor, entre muchas otras, tres ventajas importantes que sin duda alguna lo perfilan como lamejor alternativa para desarrollar juegos de navegador en los años venideros.
  • Es un estándar abierto y gratuito, por lo que está al alcance de cualquiera. A diferencia de Flash, los desarolladores ya no tendrán que pagar por software exclusivo y costoso para poder crear juegos.
  • No requiere instalar complementos, es soportado por la mayorĂ­a de navegadores modernos independientemente del sistema operativo, por lo cual es posible disfrutar de los juegos desarrollados en HTML5 casi en cualquier plataforma.
  • Cuenta con el apoyo de los más grandes del mundo tecnolĂłgico. Google, Microsoft y Apple han manifestado su total respaldo a HTML5.
Otra caracterĂ­stica importante de HTML5 es que puede combinarse fácilmente con otras tecnologĂ­as para sacarle mayor provecho, tal es el caso de Javascript, lenguaje en el cual se han escrito varios frameworks con clases exclusivas para video juegos, Ăştiles para agregar caracterĂ­sticas como detecciĂłn de colisiones, animaciones multicapa y acceso a la aceleraciĂłn por hardware recientemente incorporada a algunos navegadores.
El nĂşmero de juegos en HTML5 disponibles en el mercado actualmente no es muy grande, y aun hay mucho que mejorar en el apartado de rendimiento, consumo de CPU y memoria, sin embargo algunos de los que se han hecho hasta ahora son realmente buenos y sirven de anticipo de lo que podemos esperar en los prĂłximos meses, pero ¿quĂ© tal si le damos un vistazo a algunos de ellos?
  • Chain Reaction: Es un juego tan simple como adictivo, consta de una cuadricula donde rebotan en todas direcciones una cantidad determinada de pequeñas partĂ­culas circulares. El objetivo, como su nombre lo indica, es generar una reacciĂłn en la cual dichas partĂ­culas chocan entre ellas hasta desaparecer por completo.
  • Torus: Basado en Tetris, pero con una genial variaciĂłn. En Torus, los bloques no se apilan en un plano frente a la pantalla, sino forman un cilindro, que a su vez podemos girar para buscar la mejor ubicaciĂłn para nuestra siguiente jugada.
  • Entanglement: Este adictivo juego consiste en rotar piezas en forma de hexágono con diferentes patrones sobre ellas, con el objetivo de formar la linea de mayor longitud posible antes de que esta toque alguno de los extremos del tablero. Tiene una mĂşsica muy relajante y podemos usar nuestra cuenta de Google para almacenar los puntajes que obtengamos.
  • Canvas Rider: Este juego aprovecha al máximo el nuevo elemento canvas de HTML5, consiste en conducir una bicicleta a travĂ©s de increĂ­bles escenarios dibujados por los propios jugadores. En esencia es muy simple, pero entretenido y muestra el potencial de combinar HTML5 y Javascript.
  • TankWorld: Sus gráficos no son impresionantes, pero es un shooter 3D bastante interesante construido enteramente en HTML5 y Javascript. En el manejamos un pequeño tanque de guerra, con el objetivo de capturar la bandera mientras destruimos otros tanques con las diferentes armas disponibles.
  • Angry Birds: Uno de los juegos más populares para dispositivos mĂłviles, tambiĂ©n está disponible en HTML5 para disfrutar desde el navegador. Este port fue desarrollado con la intensiĂłn de demostrar el soporte de Google Chrome para este lenguaje.
  • Cut the Rope: Como lo hiciera Google con el Angry Birds para Chrome, Microsoft ha querido hacer su propia demostraciĂłn para Internet Explorer 9. Para quienes no lo conocen, Cut the Rope es un juego bastante popular en plataformas mĂłviles como iPhone y Android, que tiene por protagonista un pequeño monstruo verde llamado Om Nom, al que debemos alimentar con un caramelo tras cortar cuerdas para liberarlo, además de estallar algunas burbujas, capturar estrellas y otros divertidos retos que van apareciendo a medida que avanzamos de nivel. Se puede probar desde cualquier navegador con soporte para HTML5, aunque en cierto punto nos pide que usemos IE9 para disfrutar de más niveles.
  • Fieldrunners: Debo confesar que es uno de mis favoritos, los gráficos son geniales y cuenta con varios modos de juego. El objetivo del juego es proteger una base militar usando torres que disparan diferentes tipos de municiĂłn, está muy bien logrado y garantiza muchas horas de entretenimiento. Aunque el juego es pago (lo que demuestra que tambiĂ©n se gana dinero con juegos desarrollados en HTML5) podemos disfrutar de un nivel totalmente gratis.
TambiĂ©n hay que destacar que los Ăşltimos doodles, como se le conoce a las versiones que Google saca de su logotipo para conmemorar fechas importantes, han sido posibles gracias a HTML5. Uno para destacar, es el doodle creado para celebrar los 30 años de Pac-Man con el que podemos jugar y disfrutar otro de los grandes clásicos.

6 librerĂ­as JavaScript Ăştiles para desarrolladores


JavaScript es uno de los lenguajes de programaciĂłn más usados de la actualidad, gracias a este, tenemos acceso a mĂşltiples caracterĂ­sticas que se ofrecen en los sitios web que visitamos regularmente y que hacen nuestra experiencia de navegaciĂłn mucho más agradable, simple y entretenida.
Los navegadores que usamos a diario llevan integrados sus propios motores JavaScript, con el fin de aprovechar al máximo sus bondades y tratar de ofrecer al usuario, un mayor rendimiento en aplicaciones webque lo implementan de forma exhaustiva.
Interfaces de usuario, páginas web dinámicas, validaciĂłn del lado del cliente, animaciĂłn, frameworks para desarrollo de aplicaciones que requieren actualizar informaciĂłn en tiempo real y muchas cosas más, son posibles con este lenguaje.
Entre esas muchas cosas, existen pequeñas librerĂ­as creadas para cumplir objetivos muy especĂ­ficos, que nos ayudarán a dotar nuestros proyectos de caracterĂ­sticas muy interesantes, asĂ­ que vale la pena que las tengas allĂ­ a la mano.
  • Moousture: Una librerĂ­a que permite el uso de gestos del ratĂłn en cualquier sitio web, es compatible con todos los navegadores modernos, incluidos los mĂłviles. Para los que no lo tienen muy claro, un gesto de ratĂłn, es un movimiento -obviamente del ratĂłn o mouse- que al dibujar una trayectoria especĂ­fica en la pantalla, genera un evento por parte de la aplicaciĂłn, o en este caso, de la página web. En el propio sitio de Moousture se puede ver un ejemplo, si dibujas un circulo en sentido anti-horario sobre la página, se desplegará un menĂş.
  • Grafico: Esta librerĂ­a nos permite generar y manipular varios tipos de gráficos, muy elegantes visualmente. Grafico es fácil de implementar, su API permite la configuraciĂłn y personalizaciĂłn una gran cantidad de parámetros, lo que la convierte en una herramienta bastante flexible. La librerĂ­a pone a nuestra disposiciĂłn 10 tipos de gráficos, de barras, de area, de lĂ­nea y barras horizontales son algunos de ellos.
  • PaintbrushJS: Especialmente Ăştil y unas de mis favoritas. PaintbrushJS, permite manipular y procesar imágenes utilizando JavaScript y canvas. Es bastante liviana y fácil de usar, cuenta con 9 filtros distintos que se configuran de manera independiente. Los efectos logrados con esta librerĂ­a son un tanto similares a los que podemos encontrar en aplicaciones como Instagram o picplz.
  • Selectivizr: Una librerĂ­a que permite emular los selectores de CSS3 a travĂ©s de pseudo-clases en versiones antiguas de Internet Explorer, especĂ­ficamente IE6, IE7 e IE8. Basta con incluir el script en las páginas nuestro proyecto, ya que Selectivizr se encarga del "trabajo sucio". Ahora puedes decir adiĂłs a muchos dolores de cabeza generados por estos viejos navegadores.
  • CanvasXpress: Muy similar a Grafico, pero mucho más poderosa. Si necesitas crear gráficos complejos en tu proyecto, esta es la elecciĂłn correcta. CanvasXpress, además permite generar gráficos tridimensionales, que podemos rotar libremente para una mejor perspectiva. Sin duda una increĂ­ble librerĂ­a para tener en favoritos.
  • Typeface.js: Con esta librerĂ­a podemos añadir cualquier tipo de fuente a nuestras páginas web, sin necesidad de renderizar imágenes. Es muy fácil de usar, pero no se encuentra totalmente optimizada, por lo que es mejor usarla con cuidado y leer la documentaciĂłn.
La cantidad de librerĂ­as JavaScript disponibles en la red son casi infinitas, algunas más complejas y otras más simples, pero sin duda, todas resultan de gran ayuda a la hora de desarrollar. Espero que estas sean de gran utilidad para todos ustedes y si desean compartir alguna otra, no duden hacerlo en los comentarios, son todas bienvenidas.

5 herramientas para simplificar el desarrollo en HTML5


A pesar de que el W3C -World Wide Web Consortium- y WHATWG -Web Hypertext Application Technology Working Group - aĂşn se encuentran trabajando en Ă©l, HTML5, con sus nuevas y magnificas caracterĂ­sticas, está revolucionando la forma en que se desarrolla para la web.
Es una realidad que, a la fecha, no todos los navegadores soportan todas las caracterĂ­sticas del estándar -aunque hay que reconocer que se esfuerzan mucho para mejorar la compatibilidad con cada versiĂłn- sin embargo, desarrollar hoy dĂ­a en HTML5 trae muchos beneficios, sobre todo de cara al futuro.
Para el dĂ­a de hoy, se encuentran disponibles una gran variedad de herramientas para simplificar el desarrollo en HTML5, Ăştiles tanto para los más expertos como para los que apenas se inician. Personalmente encuentro muy atractivas estas 5 que compartirĂ© con ustedes a continuaciĂłn:

Initializr

Initializr es un generador de plantillas basado en HTML5 Boilerplate que nos permite generar rápidamenteuna base para comenzar a desarrollar nuestro proyecto, lista para usar y muy fácil de personalizar.
Tenemos la posibilidad de escoger entre 3 "sabores" diferentes para la plantilla: HTML5 Boilerplate Clásico, Responsive y Bootstrap, cada una lista para funcionar de acuerdo a nuestra elecciĂłn. Una vez que hayamos pre-configurado nuestra plantilla, hacemos clic en "Download it!", y automáticamente se descargaran todos lo archivos (con su estructura de directorios bien definida) necesarios para comenzar a desarrollar. La herramienta tambiĂ©n cuenta con buena documentaciĂłn en español.

HTML 5 Demos

HTML 5 Demos nos ofrece una pequeña, pero valiosa lista de ejemplos que aprovechan las bondades de HTML5, llena de funciones interesantes que podemos reutilizar en nuestros proyectos.
Los ejemplos, además del cĂłdigo fuente, nos muestran los navegadores compatibles y las tecnologĂ­as especĂ­ficas que utilizan para poder funcionar. Para los que realmente desean aprender HTML5 será muy fácil quedarse enganchados analizando todos y cada uno de los magnĂ­ficos ejemplos disponibles.

HTML 5 Visual Cheat Sheet

HTML 5 Visual Cheat Sheet pone a nuestra disposiciĂłn la lista completa de etiquetas HTML 4.01 y HTML5, cada una con sus respectivos atributos.
En la hoja se diferencian de manera clara las etiquetas que funcionan en ambas versiones del estándar, las que no son compatibles con HTML5 y por supuesto las que se agregaron de manera reciente y que hacen a HTML5 tan poderoso.
Aunque los enlaces directos a los JPG y PDF están rotos, podemos descargar la imagen directamente desde Flickr. Aunque fue publicada originalmente hace casi 3 años, no deja de estar vigente.

SwitchToHTML5

El objetivo de SwitchToHTML5 es muy similar al de Initializr, es decir, crear de manera rápida una plantilla con la estructura básica en HTML5 que nos permita comenzar a desarrollar con una base predefinida, aunque su funcionamiento es mucho más simple y genĂ©rico.
Para generar nuestra plantilla, solo debemos seleccionar de la lista los elementos que vamos a utilizar y finalmente hacer clic en "Generate HTML5 Framework". En menos de un minuto estaremos desarrollando a plenitud.

HTML5 Reset

HTML5 Reset nos ofrece, entre otras cosas, la posibilidad de tener una plantilla para comenzar a desarrollartemas para WordPress con soporte HTML5. La gran ventaja de esta herramienta es que solo contiene lo que realmente necesitamos para iniciar, sin complicarnos con basura innecesaria.

viernes, 22 de febrero de 2013

10 buenas practicas para escribir cĂłdigo HTML


La mejor manera de hacer que nuestros sitios web se vean y funcionen correctamente en cualquier navegador, es escribiendo cĂłdigo limpio y que respete los estándares. En la actualidad, la calidad del cĂłdigo HTML presente en cada página es un factor que ayuda a mejorar -o empeorar- el posicionamiento en buscadores, una razĂłn de peso para preocuparnos por escribirlo correctamente.
La lista de buenas practicas que sigue a continuaciĂłn puede ser percibida por los desarrolladores más avanzados como "básica", y puede que asĂ­ sea. Sin embargo, espero que sea de utilidad para todos, en especial para nuestros lectores que reciĂ©n se inician en este mundo del desarrollo web.
En las primeras versiones del lenguaje -hablo de muchos muchos años atrás- y con los navegadores antiguos, muchas de estas reglas podían omitirse y cada uno establecía su propio estilo, sin que esto preocupara mucho a nadie. Por fortuna, las cosas han cambiado y hoy día somos mucho más exigentes con nosotros mismos.
Existe algunas reglas que debemos respetar, sobre todo ahora que HTML5 comienza a presentarse con más fuerza. Estas reglas no las inventĂ© yo, solo las aprendĂ­ con mi trabajo y hoy quiero compartirlas para que todosescribamos HTML de calidad.

Declarar el DOCTYPE correcto

Existen varias versiones de HTML, cada una con sus propias reglas, etiquetas, elementos y atributos. La única manera de que un navegador muestre correctamente una página web es conociendo exactamente la versión de HTML que usa el documento que la contiene.
Para indicarle al navegador la versiĂłn de HTML que estamos usando debemos usar la declaraciĂłn <!DOCTYPE>y debe ser la primera lĂ­nea de nuestro documento. Y aquĂ­ algunos ejemplos:
DOCTYPE en HTML5
<!DOCTYPE html>
DOCTYPE HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
DOCTYPE XHTML 1.0 Strict
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Si te encuentras un poco confundido ahora, puedes utilizar esta referencia donde se muestran las diferentes declaraciones posibles y las diferencias entre ellas.

Recuerda cerrar las etiquetas

Un documento HTML está compuesto por muchas etiquetas que sirven para definir encabezados, párrafos e incluso secciones enteras, usualmente vienen en pares, una para abrir y otra para cerrar. Siempre que abras una etiqueta, recuerda cerrarla correctamente.
Incorrecto <p>Lorem ipsum dolor sit amet
Correcto <p>Lorem ipsum dolor sit amet</p>

Nombra las etiquetas siempre en minĂşsculas

Tan importante como cerrarlas, es usar los nombres de las etiquetas siempre en minĂşsculas. Lo correcto es<p> </p>, <div> </div>, <h1> </h1> no es <P> </p>, <dIv> </DIV>, <H1> </H1>, . Además de que produce nauseas leer cĂłdigo escrito de esa manera, es probable que los navegadores modernos no interpreten correctamente estas etiquetas.

Utiliza ficheros externos para CSS y JavaScript

Aunque puedes crear funciones JavaScript y dar estilo a los elementos directamente en el documento HTML, por favor, nunca lo hagas. Utiliza siempre hojas de estilo y scripts externos en archivos separados para estos fines.

Enlaza los CSS externos al principio

Aunque en teorĂ­a puedes enlazar los archivos CSS externos en cualquier parte del documento HTML, lo más recomendable es hacerlo dentro de las etiquetas <head> </head>, en la practica esto hará que las páginas se cargan ligeramente más rápido.

Enlaza los JavaScript externos al final

En la medida de lo posible trata de enlazar los archivos JavaScript, justo antes de la etiqueta </body>. Esto ayudará a que las páginas carguen mucho más rápido.
No es una tonterĂ­a y existe una explicaciĂłn para esto: cuando el navegador está cargando un script, se detiene por completo la carga del resto del sitio y continua una vez que finaliza el otro proceso. Si se trata de un scriptde gran tamaño, el usuario deberá esperar un poco y notará fácilmente que algo sucede en el fondo, algo para nada elegante.

Usa el atributo "alt" en todas las imágenes

Es una regla fácil de olvidar, sin embargo hay que hacer un esfuerzo por recordar incluir el atributo "alt" en todas las imágenes. Aunque parezca una tonterĂ­a, es necesario incluir este atributo por razones de validaciĂłn y accesibilidad.

Valida tu cĂłdigo

Validar el cĂłdigo de los documentos varias veces durante el proceso de creaciĂłn, te ayudará a descubrir errores de manera oportuna y te ahorrará dolores de cabeza innecesarios al final, cuando pensabas que ya habĂ­as terminado. W3C pone a nuestra disposiciĂłn su Markup Validation Service que nos permitirá realizar esta tarea de manera sencilla y nos avisará sobre cualquier error en nuestro cĂłdigo.

Memoriza todas las etiquetas

Resulta muy Ăştil repasar la lista completa de etiquetas HTML disponibles y tratar de memorizar la mayor cantidad de ellas. Siempre puedes acceder a la referencia, pero mantenerlas en la cabeza te ayudará a escribir cĂłdigo mucho más rápido.
Si memorizar no es lo tuyo, te recomiendo buscar un editor con soporte para HTML (hay cientos) que te ayude a agilizar el proceso, autocompletando cĂłdigo y ofreciendo sugerencias.

Lee cĂłdigo de otros

Para cerrar, aunque no estĂ© ligado Ăşnicamente al cĂłdigo HTML (ya que aplica para JavaScript, CSS y cualquier otro lenguaje) al leer cĂłdigo de otros desarrolladores, incluso mirando el cĂłdigo fuente de tus sitios web favoritos puedes aprender mucho. Inspecciona ese elemento particular que llama tu atenciĂłn y aprende como lo hicieron. Revisa otros estilos y crea uno propio.

8 maneras de ser un desarrollador web más productivo


Existen muchas cosas que podemos hacer para convertirnos en desarrolladores web más productivos, algunas muy simples y otras un tanto más complicadas. Pero mientras sea para ahorrar tiempo, hacer las cosas de una mejor manera y producir más dinero, cualquier esfuerzo extra vale la pena.
Web developer
Lo que sigue a continuación son algunas pistas sobre esas cosas que me han servido para ser mucho más eficiente y que espero te ayuden a ti también.

1. Usar Frameworks

Los frameworks pueden ayudarnos a ahorrar tiempo de manera considerable. Con ellos podemos olvidarnos de las tareas más básicas y tediosas, para concentrarnos totalmente en desarrollar las funcionalidades y requerimientos del sitio o aplicaciĂłn web que estamos desarrollando. Otra gran ventaja es que suelen ser mucho más seguros, lo que además nos permite estar un poco más tranquilos. Los frameworks más conocidos tienen una gran comunidad de desarrolladores a su alrededor, con ellos podemos interactuar, intercambiar opiniones y resolver problemas rápidamente.
Tenemos frameworks disponibles para casi todos los lenguajes: PHP, Ruby, Python, JavaScript, CSS, etc; todos tienen varias herramientas de este tipo disponibles. Incluso tambiĂ©n hay frameworks para acelerar el desarrollo de temas para WordPress, asĂ­ como los hay para desarrollar aplicaciones web mĂłviles. Con una rápida bĂşsqueda en Google, y una buena comparaciĂłn entre ellos, lograrás encontrar la herramienta perfecta para ti.

2. Probar con nuevas herramientas

Probablemente estás acostumbrado a utilizar el mismo editor de cĂłdigo desde hace mucho tiempo, lo conoces bien y no consideras que sea necesario cambiarlo, pues piensas que ya eres la suficientemente rápido. Pero cada dĂ­a surgen nuevas y mejores herramientas mucho más cĂłmodas, rápidas y con caracterĂ­sticas que nos ayudaran a generar cĂłdigo de manera más eficiente.
El problema es que muchas veces no contamos con el tiempo necesario para dedicarnos a probar una nueva herramienta. Pero te propongo sacar un par de horas antes de arrancar tu prĂłximo proyecto para investigar sobre alternativas a los programas que usas regularmente, es muy probable que te lleves una sorpresa o simplemente descubras una mejor manera de aprovechar tus herramientas de siempre.

3. Crear una librerĂ­a de cĂłdigo propia

En ocasiones dedicamos mucho tiempo a un problema muy particular, despuĂ©s de que conseguimos resolverlo nos vamos rápidamente a otra cosa. Cuatro meses más tarde volvemos a encontrarnos con un problema similar, sabemos que ya nos enfrentamos a el y que podemos resolverlo mucho más rápido, pero ¿para que volver a hacer todo el trabajo?.
Guarda esas funciones y fragmentos de cĂłdigo que tanto tiempo te tomĂł escribir para reutilizarlas posteriormente. Crea un wiki propio, archivalas en Evernote, compártelas en un blog y haz que sean Ăştiles para otros. Usa etiquetas y una descripciĂłn para identificarlas y conseguirlas rápidamente cuando la librerĂ­a se haga más grande.

4. Organizar los recursos disponibles

Utiliza una carpeta en Dropbox, o en tu servicio de almacenamiento favorito, para guardar todo el materialque descargas de Internet y asĂ­ tenerlo disponible en cualquier momento. Me refiero a iconos, imágenes, fuentes, guĂ­as, libros, plantillas, etc.
Organiza todos estos recursos en carpetas separadas por categorĂ­as y usa nombres descriptivos para encontrarlos más fácilmente. La prĂłxima vez que necesites algo de esto no tendrás que volver a buscar y descargar, ¡ya lo tienes!.

5. Elaborar listas de tareas

Estar organizados es una de las partes más importantes. Crea listas de tareas para cada dĂ­a de la semana, establece metas realistas y no planifiques para hacer en 2 horas algo que sabes que te tomará 4, no te engañes a ti mismo. Realiza tu mejor esfuerzo por terminar las tareas en el tiempo establecido. Si terminas antes estarás muy satisfecho y podrás elegir entre adelantar algo del dĂ­a siguiente o simplemente ir a relajarte y distraerte con otra actividad.
Asigna prioridades a las tareas, comienza por las más importantes. Puedes utilizar herramientas geniales como Astrid y Wunderlist, o Teambox para el trabajo colaborativo. Las primeras dos tienen aplicaciones mĂłviles para poder revisar todo fácilmente desde el telĂ©fono o la tableta.

6. Dividir el trabajo en bloques

Una vez que tenemos las tareas definidas podemos dividir las más largas en bloques más pequeños, asĂ­ podemos medir mejor nuestro rendimiento y evitamos la fatiga.
Concentrarnos en una sola tarea durante un espacio de 20 o 25 minutos nos puede ayudar a crear una disciplina y a trabajar mucho más rápido, pues estaremos corriendo varias carreras contra reloj a lo largo del día.

7. Tomar descansos entre bloques

Tomar 5 minutos de descanso entre un bloque y otro puede beneficiarnos de diferentes maneras. Si estamos atascados en un problema, alejarnos de la computadora por un momento nos ayudara a tomar un segundo aire y regresar con ideas frescas para continuar con el trabajo.
Existen varĂ­as tĂ©cnicas para gestionar el tiempo, una muy popular es la tĂ©cnica Pomodoro. Reconozco que la probĂ© y me funcionĂł por unos dĂ­as, pero luego la abandonĂ©. Particularmente prefiero acabar una tarea completa antes de tomar un descanso, o descansar entre tareas si siento que realmente lo necesito. Quizá contradiga un poco el punto anterior, pero lo importante es encontrar un mĂ©todo que funcione para nosotros, con los descansos necesarios sin caer en la procrastinaciĂłn.

8. Aprender cosas nuevas

Dedicar algĂşn tiempo para aprender cosas nuevas siempre es importante. Busca una API que te interese y comienza a estudiarla para descubrir que cosas interesantes puedes hacer con ella.
Dedica una hora a seguir un tutorial para aprender alguna técnica que no sabías que podía hacerse con CSS3. Revisa el trabajo de tus desarrolladores favoritos y aprende como lo hacen. En realidad es muy simple y sobre todo beneficioso.
CĂłmo puedes ver, son cosas muy fáciles que puedes poner en practica para crear una sana rutina de trabajo, no importa si trabajas desde casa, en una oficina, o si eres de los que lleva su espacio de trabajo a todos lados. Siempre es posible ser mucho más productivo, y ser productivo se traduce en mayores ganancias y en más tiempo para realizar otras actividades que nos gustan.