Enjoy CSS es un generador muy muy avanzado de CSS3, la nueva especificación de CSS que ya lleva algunos años entre nosotros, si lo estás empezando a estudiar te darás cuenta que algunas cosas han cambiado y otras son completamente nuevas, o si ya lo has implementado pero todavía no tienes suficiente experiencia con las nuevas reglas y las formas cortas de escribir algunas propiedades, bueno, ya no tienes que rajarte la cabeza pensando en el orden en que escribir esto o aquello o el nombre de los malignos prefijos para cada navegador, Enjoy CSS hace todo esto por ti.

Enjoy CSS te permite crear tres tipos de elementos: Input, Block o Button, al cual le puedes editar absolutamente todo: Texto, Clase, Estados (Active, Hover, Before y After), Fondo, Transiciones, Transformaciones,  Posición, Márgenes y Bordes. Cada una de estas opciones tiene un editor visual, no tienes que tocar nada de código para editarlo, el editor posee selector de colores, fuentes, gradientes y demás, y en el caso de las transiciones están todas las diferentes funciones de tiempo disponibles, por supuesto cada cambio se inmediatamente reflejado en el elemento.

Si tal vez necesitas algo rápido para comenzar existe una extensa galería de elementos de todo tipo para ayudarte a realizar la creación de tu elemento.

La función más destacada de Enjoy CSS es la exportación del código, esto lo puedes por cada una de las diferentes categorías de estilo o por todo el elemento, en este aspecto Enjoy CSS no deja de ser avanzado, te permite seleccionar la versión de todos los navegadores para los cuales estás trabajando y si estás utilizando un preprocesador de CSS como Sass y Less también puedes exportar el código en estos formatos.

Espero que les sea de utilidad este completo generador de CSS y disfruten más de su CSS.

Enjoy CSS

La entrada Enjoy CSS: Generador avanzado de CSS3 se publicó primero en Punto Geek.

En la versión número 3 de CSS se introdujo una característica increíblemente útil: la posibilidad de seleccionar determinados elementos hijos de un elemento padre en común, es decir, si tienes una lista desorganizada <ul> con varios items <li> ahora puedes seleccionas alguno de ellos o definir una sumatoria para seleccionarlos, por ejemplo, los items pares o impares, o cada 3 items.

A pesar de la excelente especificación que tiene siempre es un poco complicado comprender perfectamente como funciona, el ejemplo más claro es con las listas pero prácticamente se puede aplicar a cualquier listado de etiquetas que sean hijas de otra.

Si deseas aprender mejor como funciona este pseudo-selector te recomiendo NTH-Test, una pequeña aplicación web para que compruebes visualmente y de manera rápida lo que estás seleccionando actualmente cuando utilizas este selector.

NTH-TEST

La entrada NTH-Test: Aprende fácilmente como utilizar CSS nth-child y nth-of-type se publicó primero en Punto Geek.

HTML, CSS y JavaScript son solo la punta del iceberg en cuanto a desarrollo web se refiere, una vez conozcas como funcionan, sus especificaciones y sus estrechas relaciones apenas estarás entrando al maravilloso mundo de la web.

Como los desarrolladores evitamos a toda costa repetir lo que escribimos se crearon los preprocesadores de CSS, los cuales permite establecer variables, crear funciones y realizar operaciones matemáticas con las hojas de estilo, de esta forma te ahorrarás muchísimo tiempo al no tener que estar cambiando muchas líneas de código cuando deseas hacer una actualización o añadir una margen o espaciado a algún componente.

Bueno, después de la pequeña ilustración sobre preprocesadores de CSS hoy les presento otra excelente prueba del poder de la nueva versión de CSS: CSS3, esta vez es una pequeña pero increíble detallada animación de Mario Bros saltando para obtener una moneda, la animación fue creada solamente utilizando un elemento HTML y el resto lo hace el procesador de CSS, Sass.

Pueden ver la animación completa y su código cuente en CodePen

La entrada Mario Bros creado con SCSS se publicó primero en Punto Geek.

PHP continua siendo el lenguaje de programación web más utilizado, aunque en los últimos años han surgido otros que cada vez cogen más fuerza como Python y Ruby todavía no han logrado destronar el reinado de más de 10 años que sustenta PHP en nuestros corazones (?).

Si todavía no sabes PHP o apenas estás entrando en este infinito mundo de bits y algoritmos te recomiendo Learn PHP, un sitio similar a CodeAcademy en el cual puedes aprender PHP de forma interactiva y divertida, sin necesidad de instalar algo y directamente en el navegador.

El sitio ofrece todo lo básico pero fundamental de PHP, como son las estructuras, cadenas, ciclos, funciones y objetos, cada sección con información precisa explicándote que estás aprendiendo y como funciona en general el lenguaje.

Learn PHP

La entrada Tutorial interactivo gratuito para aprender PHP se publicó primero en Punto Geek.

Cada vez es más común ver que las nuevas aplicaciones web o servicios en Internet que requieres de una cuenta para iniciar sesión nos facilitan hacerlo a través de nuestra cuenta en alguna red social, esto con el fin de hacer muchísimo más fácil y rápido el registro y en el camino obtener parte de nuestra información desde la red social.

Por el otro lado, del de los desarrolladores implementar estas integraciones no es nada fácil, cada red social ofrece métodos y formas diferentes de integración, pero por el lado de la estructura visual ya nos podemos tranquilizar un poco, gracias a Social Buttons for Bootstrap, un pequeño pero útil proyecto que nos entrega los botones de inicio de sesión de 12 redes y servicios sociales diferentes, cada uno con su color distintivo y en diferentes formas y tamaños.

Para utilizarlo lo único que tiene que hacer es descargar el proyecto desde Github e incluirlo en su proyecto web, después de eso utilizar algunas de las 12 diferentes clases y ya esta, tienen su botón para iniciar sesión desde las redes sociales.

Social Buttons for Bootstrap

La entrada Botones sociales con Bootstrap se publicó primero en Punto Geek.

Te cuento que ya no es necesario una aplicación de escritorio ni un editor de código ni un lento y pesado, pero robusto IDE para editar código, ahora ya existen aplicaciones y herramientas online para ejecutar cualquier código que necesites y ver los cambios en vivo a medida que escribes el código.

A continuación les dejo una lista de editores de código en vivo y en la web, todos absolutamente gratuitos y sin nada que envidiarle a un editor de código como aplicación de escritorio:

CodePen

CodePen te permite incluir tu HTML, CSS y JavaScript en los panales destinadas para cada tecnología web y ver en vivo como cambia la forma final de tu código mientras lo editas. Permite guardar todos tus códigos, compartirlos, incrustarlos en otros sitios web e incluso ejecutarlos en los smartphones.

JSFiddle

JSFiddle es uno de los más populares porque es uno de los más completos, te permite agregar cualquier librería de JavaScript o CSS, pero lo mejor es que ya tiene un listado con docenas de las librerías más populares como jQuery, Mootools, YUI, e incluso frameworks JavaScript como AngularJS o EmberJS, permite además hacer peticiones AJAX dentro del editor, limpiar el código JavaScript y guardar varias versiones de tu edición.

Mozilla Thimble

Mozilla Thimble es uno de los últimos esfuerzos por la empresa Mozilla, quien esta detrás del popular navegador Firefox, de llevar a más personas las hermosas capacidades de las tecnologías web, aunque no tiene muchas opciones, es uno de los más rápidos, como punto a favor te muestra errores en tu HTML rápidamente y subrayado de etiquetas, puedes incluir CSS y JavaScript en el documento sin problemas, pero no tiene guardado de código, así que ten cuidado con cerrar la pestaña del navegador.

dabblet

dabblet es un editor enfocado al CSS y HTML, tiene dos vistas principales, el HTML y el resultado o el CSS y el resultado, como lo pueden notar esta enfocado al CSS de la página, puedes escribir cualquier CSS que se te ocurra y funcionará directamente en la previsualización, la forma final de tu código se puede compartir o ver a pantalla completa, también guarda todos las versiones que hagas del código.

CSSDeck

CSSDeck, como su nombre lo indica está completamente enfocado al CSS, te muestra un panel pequeño para el HTML, uno más grande para el CSS y por último el panel con el resultado de tu código, como punto a favor de CSSDeck, puedes cambiar el fondo de la página de resultados y crear enlaces únicos que puedes compartir para que cualquiera vea tu nueva creación, por último puedes descargar el resultado en un archivo .html.

JSBin

Lo mejor para el final, JSBin es una completa joya en cuanto a editores de código online se refiere, puedes incluir CSS, JS y HTML, agregar una o varias de las más de 50 librerías que tiene disponibles para importar, por supuesto puedes compartir el código final, incrustarlo en sitios web seleccionando que paneles deseas mostrar en el resultado final, exportar el código a un Gist de Github, guardarlo como plantilla y navegar desde la misma ventana a través de todos tus Bins.

La entrada Herramientas online para probar código en vivo se publicó primero en Punto Geek.

Gracias a que es CSS3 pueden ver el código completo y empezar a jugar con el para aprender como fue logrado tal efecto para un solo elemento HTML.

Reactor Arc de Iron Man

Green Lantern

Spiderman

Captain America’s Shield

Si jugaron un poco con el código se darán cuenta de que el truco  es utilizar las nuevo pseudoelementos :after y :before, los cuales pueden tener cualquier cosa adentro, como degradados, fondos o letras.

Vía: Google+

La entrada Símbolos de superheroes creados solo con CSS3 se publicó primero en Punto Geek.

Programar es como el sexo. Un error y tienes que dar soporte el resto de tu vida.

Un experto de SEO entra a un bar, bares, pub, taberna, posada, Pub irlándes, bebidas, cerveza, alcohol…

¿Por qué el geek agregó body { padding-top: 1000px; } a su página de Facebook? Porque quería mantener un bajo perfil.

¿Cuál es el lenguaje más usado en programación? Groserías.

¿Por qué el desarrollador web se fue del restaurante? Por el diseño de tabla.

Una consulta SQL se acerca a dos mesas en un restaurante y pregunta: ¿Me les puedo unir?

¿Por qué el programador renunció a su trabajo? Porque no consiguió arrays. (Array similar Aprender)

Vía: Silktide

La entrada Chistes geek para desarrolladores web se publicó primero en Punto Geek.

Las Web está evolucionando, está creciendo, está mejorando, está avanzando, está más Web que nunca.

Con la llegada de CSS3, en conjunto con HTML5, es cada día más común ver sitios web realmente impresionantes, con diseños increíbles, efectos muy bonitos para la vista e interactividad como nunca antes, ofreciéndole al usuario una experiencia única en todos los sentidos.

Para crear estos sitios web es necesario conocer bien las tecnologías que lo hacen posible, en este caso una de ellas es CSS3, la hoja de estilos en cascada para Internet, en la versión 3 incorporaron muchos elementos nuevos, como las transformaciones 3D, transiciones, animaciones, sombras, perspectiva, entre otros.

Si estás interesado en jugar un poco con estás tecnologías te recomiendo Create CSS3, un generador de estilos CSS3 válidos, la aplicación web tiene más de una decena de efectos disponibles en CSS3, cada uno se puede personalizar fácilmente y obtener en tiempo real una vista previa del efecto al lado derecho.

De esta forma ya no tienes excusa para probar e implementar las nuevas tecnologías que están por fin a nuestro alcance y con las cuales se puede crear experiencias enriquecidas para nuestra hermosa Web.

Create CSS3

La entrada Generador visual de CSS3 válido se publicó primero en Punto Geek.

El Desarrollo Web dejo de ser hace mucho tiempo tan solo HTML, CSS y JavaScript, cada día son más las tecnologías que se crean, usan y se inventan para crear aplicaciones web increíble, rápidas y sin nada que envidiarle a una aplicación de escritorio.

Conocer todas estas nuevas tecnologías y estar actualizado en ellas es una tarea complicada, pero siempre es mejor hacerlo que no de hacerlo. Cada tecnología tiene sus sitios web, su documentación, sus tutoriales, sus ayudas pero debido al número de recursos disponibles a veces no sabes que leer, que tutorial seguir para empezar a conocer la tecnología o donde encontrar la documentación, información indispensable cuando estás aprendiendo algo nuevo.

Bento llega para solucionar este problema, la página recopila todas las tecnologías en cuanto a desarrollo web se refiere, cuando haces click sobre una caja de la tecnología se resaltan las otras tecnologías que deberías aprender luego de la que seleccionaste, en mi experiencia, debo decir que es la forma correcta de empezar a desarrollar para la Web, está bien organizado y los pasos a seguir con los correctos.

Los enlaces a los que lleva cuando le haces click al título de la tecnología son las páginas más confiables y con la última información sobre la tecnología seleccionada, son las páginas con la documentación actualizada, ejemplos claros y con la definición clara de todo lo relacionado con el lenguaje o tecnología web.

No dejes de visitar esta página cada vez que tengas duda sobre algo con desarrollo web.

Bento

La entrada Bento: Todo lo que necesitas saber sobre desarrollo web en un solo lugar se publicó primero en Punto Geek.

Vamos chic@s, cuéntenme cual imagen corresponde a cual navegador.

Un poco de humor para empezar la semana. :) ¡Feliz semana!

La entrada Adivina el navegador web [Humor] se publicó primero en Punto Geek.

La nueva generación de tecnologías web introdujo muchas cosas maravillosas, pero una de las más increíbles son las transformaciones 3D de CSS3, ahora es posible crear cualquier objeto en el navegador con un diseño 3D, animarlo y darle vida como si se tratará de un objeto de la vida real, ya hemos visto muchos ejemplos de todo lo que se puede crear pero nunca les he mostrado algún editor para crearlos fácilmente.

Hoy se los muestro, se llama Tridiv y es increíblemente genial, en serio, es espectacular lo que se puede hacer con el editor web, básicamente es similar a cualquier editor CAD del mercado, añades una figura geométrica y empiezas a modificarla según tus necesidades, desde lo más básico como dimensiones, rotaciones, duplicar y eliminar la figura, también puedes añadirle colores o imágenes a las caras de la figura, pero todo esto utilizando solo HTML5 y CSS3, ¿Increíble, no?

Con este editor se te facilitará muchísimo la creación de animaciones u objetos complejos usando tecnología 3D de CSS3.

En la página web hay algunos ejemplos como un iPhone, una NES y un Xwing, que es el más espectacular de todos.

Acá un ejemplo que hizo el creador para mostrar la aplicación.

Tridiv

La entrada Tridiv: Increíble editor CSS 3D se publicó primero en Punto Geek.

Cualquier parecido con la realidad es pura coincidencia.

Vía: Twitter

La entrada Lo que hace los Diseñadores Web [Humor] se publicó primero en Punto Geek.

En ese momento creímos que no había más innovación, no era posible tener sitios web más sofisticados que brinden al usuario experiencias completas como si fuera una aplicación de Escritorio, pero después de la explosión de la Web 2.0, todo fue renovado, fueron HTML5 y CSS3 con todas sus nuevas capacidades los que hicieron posible crear experiencias increíbles directamente en el navegador: Aplicaciones Web, Juegos, Diseños Interactivos y mucho más.

En la siguiente recopilación descubrirán las maravillosas posibilidades que brindan los lenguajes web haciendo que tu imaginación y creatividad son las que definen el límite de la creación.

3D Tunes

No sé mucho de música pero me atrevo a decir que es un piano, un piano en 3D en el cual puedes crear música, reproducir algunos sonidos pregrabado y dos canciones, se llevarán una sorpresa con una ;). Para crear música solo tienen que tocar las teclas con el mouse y ya esta.

Ir al experimento

WebGL Aquarium

A todos nos encantan los acuarios, la posibilidad que nos brinda de observar los increíbles animales del océano desde la seguridad de la tierra, este experimentos simula un Acuario completo, donde puedes seleccionar el número de peces y otras opciones para personalizar el mundo.

Ir al experimento

Berts Breakdown

Un sencillo juego de aventuras donde eres una masa azul con manos y ojos llamado Berts, debes recolectar todas las monedas y sobrevivir a los enemigos, un claro ejemplo de lo que significa la web para los videojuegos, ahora se pueden jugar los juegos de las consolas en nuestros navegadores sin ningun problema.

Ir al experimento

WebGL Bookcase

Libros, una de las principales formas de transmisión de información, gracias a los libros los seres humanos mejoramos nuestro conocimiento de los fenómenos del Universo, en la actualidad el Internet ha reducido su producción pero aún así pasarán muchísimos años antes de que se imprima el último libro de la humanidad. En este experimento tienes una estantería circular con los libros de Google Books, la librería se puede girar y navegar rápidamente con tu mouse.

Ir la experimento

ChromaPad

Todos sabemos que Photoshop es el software por excelencia cuando se trata de edición de imágenes pero es muy costoso todavía, para los que no tenemos como sostener una licencia existe GIMP, su alternativa libre que nos ofrece gran parte de sus funcionalidades, no importa cual utilices ahora puedes tener una funcionalidad similar en el navegador gracias a este experimento, por supuesto no es un Photoshop pero se le asemeja mucho.

Ir al experimento

Depth of Field

Depth of Field o Profundidad de campo en Español es un excelente experimento donde muchísimas bolas metálicas se mueve en la pantalla creando figuras geniales. Les recomiendo ponerlo como Salva pantallas, se ve increíble.

Ir al experimento

Keylight

Este experimento es un campo de sonidos y colores, debes crear puntos haciendo doble click en el campo, cada zona del campo reproduce sonidos diferentes, a medida que los creas se reproducirán automáticamente, muy divertido y creativo para crear sonidos únicos, para compartir el sonido solo copia y pega la URL y ya esta.

Ir al experimento

Mix.js

Si te gustaría ser DJ o ya lo eres este experimento te permitirá jugar con una consola con muchísimas opciones para jugar con la canción que cargue la aplicación, brindando infinitas posibilidades.

Ir al experimento

Pitts Special Demo

Mi experimento favorito, manejas un pequeño avión a través de las montañas, el manejo es especialmente sencillo pero no deja de ser totalmente divertido jugar con el avión, hacer maniobras peligrosas u obtener la advertencia Overspeed.

Ir al experimento

World of Solitaire

Todos, absolutamente todos alguna vez en nuestra vida hemos visto o jugado el popular juego de Windows Solitario, un creativo de la web decidió llevarlo a un aplicación web y este es el resultado.

Ir al experimento

Water Type

A todos nos gusta el efecto de texto en el cual las letras parecen olas que salen o flotan en el agua, este experimento se trata de eso, puedes escribir lo que quieras y estás emergerán del agua creando olas, para obtener un mejor resultado prueben a escribir y borrar rápidamente ;).

Ir al experimento

WebGL Cars

Posiblemente la gran mayoría de nosotros jugamos alguna versión de la saga Need for Speed y quedamos encantados con las gráficas de los hermosos autos, de cualquier forma, este experimento trae dos autos deportivos de lujo, solo puedes manejar el Lamborghini Gallardo, aunque el autor dice que se pueden utilizar los dos, aún así se ven increíbles.

Ir al experimento

World Flights

En este preciso momento hay miles de aviones alrededor del mundo transportando cientos de personas alrededor del mundo, en este experimento se puede tener una visualización fascinante y llena de luz de todos los vuelos del mundo los cuales se pueden filtrar por aerolínea.

Ir al experimento

Zygote Body

Un experimento educacional especialmente para aquellas estudiantes apasionados por la Medicina o simplemente personas curiosas acerca de nuestro cuerpo humano, en este experimento es posible explorar por completo nuestro cuerpo, elegir su sexo y cada uno de los diferentes sistemas de los que estamos compuestos, al hacer click sobre alguna parte obtenemos detalles sobre lo que se trata.

Espero que los experimentos lo haya impresionado así como lo hicieron conmigo, también creo que te di una idea de las fascinantes posibilidades que nos ofrecen los lenguajes web en estos días.

La entrada Recopilación de experimentos en Google Chrome sorprendentes se publicó primero en Punto Geek.

Si eres Diseñador Web oficial (?) o simplemente eres un explorador como yo y te has medito al Photoshop a ver que sale te has encontrado con la situación anterior, quieres o necesitas una medida exacta y no eres capaz con el mouse por ninguna razón, le das vuelta, utilizas técnicas de evasión pero nada.

Pero si no olvidaste que se puede utilizar la barra para insertar el valor exacto, haces uso de el y listo el caso.

Vía : 9gag

La entrada La vida diaria de un diseñador web [Humor] se publicó primero en Punto Geek.

Cuando estamos programando algún proyecto siempre necesitamos a la mano la documentación del lenguaje de programación, librería o utilidad que estemos empleando para su implementación, porque no sabemos como hacer algo o saber si lo que necesitamos hacer es posible hacerlo con dicho lenguaje o librería.

Cada una de estas herramientas tiene sus sitios oficiales y su documentación oficial para ser consultada, pero como buen geeks que somos es mejor tener toda esta información reunida en un solo lugar para que sea mucho más rápido la consulta y no perder tanto tiempo buscando entre varias página la forma de hacer algo.

El desarrollador web Thibaut Courouble se dio cuenta de esto y decidió crear DevDocs, un sitio que recopila la documentación de los tres principales lenguajes de programación web, HTML, CSS y jQuery cuenta con una sección para cada lenguaje donde se encuentran organizadas por orden alfabético las etiquetas, atributos y utilidades de cada uno de los lenguajes, cada una con ejemplos, documentación clara y precisa sobre su correcto uso y la forma correcta de utilizarlas.

DevDocs

La entrada Documentación de HTML, CSS y jQuery en un solo lugar se publicó primero en Punto Geek.

Si estás pensando en crear una startup y estás en la búsqueda de desarrolladores que te ayuden a convertir la idea de negocio del papel a el producto funcional o eres un desarrollador inquieto que está buscando nuevas tecnologías para aprender o utilizar en tu aplicación actual,  la página Cloudstacks te será perfecta para descubrir nuevas herramientas para implementar en tu producto o servicio.

Cloudstacks se trata de una página web que recopila información sobre las diferentes tecnologías y herramientas que utilizan las startups y compañías más populares del mundo, en su listado se encuentra Pinterest, tumblr, Twitter, Github, Soundcloud, ebay, Linkedin, foursquare, Codeacademy, Dropbox entre otras, de esta forma puedes conocer como funcionan las entrañas de estos populares sitios web y sus respectivas aplicaciones, información que nunca está de más conocer para saber que utilizar en tu próxima aplicación web.

Cloudstacks

La entrada Descubre las tecnologías y herramientas que utilizan las startups reconocidas del mundo se publicó primero en Punto Geek.

jQuery es una librería de JavaScript que facilita muchísimo el desarrollo de aplicaciones web interactivas, jQuery no es un framework como algunos desarrolladores suelen llamarle, jQuery hace muchísimo más fácil la manipulación del DOM (Document Object Model), controlar los eventos del navegador, animar elementos HTML, hacer Ajax, entre otros.

jQuery es la librería de JavaScript más utilizada en el mundo, los millones de desarrolladores web del mundo han creado miles de plugins o librerías más pequeñas basadas en jQuery para hacer casi cualquier cosa, creación de menús automáticamente; organizar texto; animaciones CSS; cargar imágenes dinámicamente;  convertir imágenes en Sprites; manipular el favicon y otros miles de ejemplos.

Con tantas librerías es difícil a veces encontrar justo la que necesitas, pero para ello existe Unheap, una página a modo de repositorio, pequeño según ellos, en el cual hay más de 600 librerías de jQuery categorizadas por Interfaz, Entradas, Media, Navegación y otros, cada librería tiene un enlace al sitio web de la misma, un demo de la librería y en algunos casos vídeos para mostrar su funcionamiento.

Así que ya no hay excusas para no encontrar una librería a tus gustos y necesidades para tu proyecto web, aunque algunos desarrolladores no les gusta utilizar librerías porque les parece una forma perezosa de desarrollar, la verdad es que no hay razón para reinventar la rueda. ¡Ya existe!

Unheap

La entrada Unheap: Repositorio de plugins jQuery se publicó primero en Punto Geek.

Aunque el título suenen un poco a ciencia ficción porque yo pensé lo mismo inicialmente, déjame decirte que de verdad es totalmente en vivo y en tiempo real como el robot dibuja la fotografía que subiste.

Se trata de Robodibujantes o Sketchbots, robots ubicados en el Museo de Ciencias de Londres controlados desde el sitio web gracias a los laboratorios de Web Lab, un compenio de cinco instalaciones de experimentos de Google Chrome en las que se aplican las funciones de Internet para mostrar a todo el mundo las posibilidades que brinda la Web.

Para probar el servicio solo tienes que entrar a Robodibujantes, tomarte una fotografía directamente en el navegador gracias a HTML5 y enviarla a la aplicación, ésta empezará a procesarla por varios filtros y algoritmos para dejarla en un formato válido que recibe algún robot en Londres, el cual empezará a crear un retrato en la arena u otro material similar, al terminar de hacerlo se te envía un email donde puedes ver el proceso del retrato robótico.

Robodibujantes

La entrada Mira como un robot dibuja tu rostro en vivo se publicó primero en Punto Geek.

ADRIFT es un juego nuevo creado por  Tack Mobile, una agencia especializada en crear experiencias interactivas para móviles y la Web.

ADRIFT es un juego del tipo Puzzle tridimensional donde tienes que conectar los estrellas de cada color para pasar al siguiente nivel en un cubo con obstáculos y una malla cuadricular que a cada nivel aumenta el número de filas y columnas utilizando las bondades de HTML5 y Canvas.

En el sitio web oficial del juego se pueden jugar 10 niveles relativamente sencillos, también puedes descargar los Wallpapers y Ringtones del juego pero la parte más importante del juego está en su aplicación disponible para iOS completamente gratuita, la cual tiene docenas de niveles diferentes.

ADRIFT

Aplicación en la App Store: ADRIFT

La entrada ADRIFT: Juego puzzle gratuito para iOS y Web se publicó primero en Punto Geek.

jQuery es una librería gratuita de JavaScript que facilita muchísimo el trabajo al momento de trabajar con el HTML de páginas web y la más popular en el mundo JavaScript, su slogan es «Escribe menos, haz más» y lo cumple al pie de la letra, tiene métodos, funciones y una sintaxis que mejora el rendimiento del trabajo cuando trabajar con HTML se trate, permite crear animaciones, manejar eventos, crear plugins para la librería y especialmente, crear aplicaciones AJAX.

Aunque la librería y los métodos son expresivos, fáciles de usar y con una documentación completa y extensa nunca está de más tener a mano un buen tutorial práctico para comprender mejor su uso, para ello existe tryjQuery, un sitio web creado por CodeSchool y jQuery para ayudarte paso a paso y de una manera muy práctica conocer jQuery a través de vídeos, una consola interactiva en la cual puedes escribir código jQuery directamente en el navegador.

Se empieza por supuesto desde lo más básico, como seleccionar elementos del DOM y progresivamente aumenta el nivel de dificulta al manejo de eventos y cambios en el estilo del HTML, está pensado lanzar la versión número 2 del curso/tutorial con temas más avanzados en algunas semanas.

Aprende jQuery: tryjQuery

La entrada Aprende jQuery paso a paso con tryjQuery se publicó primero en Punto Geek.

Crear aplicaciones o sitios web es posible gracias a dos tipos de personas, los Desarrolladores Web y Diseñadores Web, ambos comparten la pasión por crear aplicaciones web creativas, rápidas y lo más importante, que sean fáciles de usar para los usuarios, aunque parezca que hacen las mismas tareas en realidad tienen perfiles muy diferentes.

Un Desarrollador Web se encarga principalmente del código de la aplicación, tanto el backend o del lado del servidor como del frontend o el lado del ciente, de este lado también es responsable el Diseñador Web quien es el responsable de crear todos los iconos, imágenes y diferentes gráficos que necesite la aplicación para ser más agradable a la vista de los usuarios.

Por otro lado los Diseñadores Web utilizan más el hemisferio derecho de su cerebro, responsable de la creatividad, la imaginación y la intuición mientras los Desarrolladores usan más el izquierdo, responsable de la lógica, lo técnico y lo metódico, más detalles sobre los Desarrolladores y Diseñadores Web a continuación:

La entrada Diferencias entre Desarrolladores y Diseñadores Web se publicó primero en Punto Geek.

Esa si que era una Internet para pacientes o personas verdaderamente enamoradas de la Web.

Visto en Facebook

La entrada 6 cosas inolvidables del Internet 1.0 se publicó primero en Punto Geek.

Cuando estamos creando una aplicación o sitio para la Web hay algunas cosas o puntos importantes que son esenciales para que la aplicación tenga un éxito garantizado, la mayoría de estos requisitos son esenciales y cada uno de nosotros obligatoriamente debe conocerlos como la etiqueta <title> o comprobar la validez del HTML y el CSS escrito de toda la aplicación, aún así hay cosas que se nos pueden escapar como una página 404 personalizada.

Web Developer Checklist contiene una lista de 40 características o funcionalidades que debe tener una aplicación o sitio web cuando esté finalizado las cuales puedes ir marcando mientras avanzas en el proyecto. Cada una de ellas están clasificadas de acuerdo a un tema específico como Móvil, Usabilidad, Estadísticas, Rendimiento, SEO, Calidad del código, Semántica, Accesibilidad, Seguridad y opcionales, cada característica contiene enlaces a aplicaciones o herramientas externas que te ofrecen ayuda y más información sobre dicha característica.

La entrada La lista de chequeo definitiva para los desarrolladores Web se publicó primero en Punto Geek.

Visual.ly es un sitio web que permite crear infografías con tus datos de Facebook o Twitter pero además cada cierto tiempo lanzan algunas propias que van mucho más allá de ser infografias y se convierten en atractivas experiencias para conocer en detalle cualquier tema o historia.

Ese es el caso de Evolución de la Web, una estupenda experiencia web que te permitirá conocer todos los detalles de la historia y evolución de la Web, específicamente la historia de los navegadores, los protocolos, los lenguajes de programación y las diferentes API’s que han nacido durante estos años.

Cada color representa una tecnología o protocolo o lenguaje que viaja a través de los años haciendo intersección cada una de las líneas rectas históricas de cada navegador.

La entrada Conoce en detalle la evolución de la web en una experiencia colorida con Visual.ly se publicó primero en Punto Geek.

Para el año 1994 se consolida la W3C, o el Consorcio Internacional de la Web, cuyo objetivo principal es brindar la Web para cualquier persona en el mundo en cualquier dispositivo, a los dos años, en 1996, nacen JavaScript y Flash que hacen la web un poco más interactiva y con más estilo, así como más dinámica, para el año 1998 surge CSS o Hojas de estilo en cascada, convirtiendo la Web en un lugar mucho más colorido y con mucho estilo, dejando de lado el diseño con tablas.

PHP fue lanzado en el mismo año, 1998, brindando la posiblidad de crear sitios web dinámicos desde el lado del servidor, durante 5 años no hubo mayores avances hasta que en el 2003 fue lanzado un borrador de la nueva versión de CSS, dando origen a diversas aplicaciones bajo el nombre de la Web 2.0, así fue hasta el año 2008 donde la web se volcó hacia los dispositivos móviles y por último, solo hace 3 años, en el 2010, surge HTML5, el nuevo estándar de HTML, el lenguaje con que todo empezó.

La entrada La evolución de la Web se publicó primero en Punto Geek.

Tener un sitio web rápido es una de las mayores preocupaciones de los desarrolladores y en general de los administradores de sistemas, cada milisegundo que tarda tu sitio en cargar es dinero perdido para la empresa. La siguiente infografía nos muestra la perdidas que puede llegar a perder tu empresa por un sitio web lento, 11% menos páginas vistas, 16% menos en satisfacción de los clientes o visitantes.

El caso más visible es de Amazon, donde cada segundo que tarde de más en cargar el sitio pueden llegar a perder $1.6 billones por año.

Vía: Mashable

La entrada El costo real de un sitio web lento se publicó primero en Punto Geek.

En la siguiente infografía se muestra como la cantidad de consultas desde moviles ha crecido un 500%, la venta de computadores de escritorio ha disminuido desde 2005 y la venta de Tablets y smartphones ha crecido y según los expertos en el 2015 la web será consultada más desde moviles que desde cualquier otro dispositivo.

Vía: Six Revisions

La entrada La conquista de la Internet móvil [Infografía] se publicó primero en Punto Geek.

Visto en: wwwhatsnew

La entrada Google Penguin [Infografía] se publicó primero en Punto Geek.

Si estás en busca de una forma fácil y rápida de paginar resultados, este plugin de jQuery te vendrá como anillo al dedo. Se trata de jPages, y lo que permite es lo que describe el título de la entrada. La manera de invocarlo, al igual que todo aquello hecho con jQuery resulta casi que ridículo, de lo sencillo que es:

/* when document is ready */
$(function() {
/* initiate plugin */
$("div.holder").jPages({
containerID: "itemContainer"
});
});

Con este plugin tendrás la posibilidad de paginar no sólo texto, sino además galerías de imágenes, con efecto de aparición incluido.

Documentación: jPages (Descargar)

Visto en: Kabytes

La entrada jPages – Paginando resultados fácilmente con jQuery se publicó primero en Punto Geek.