Web

Aprende jQuery paso a paso con tryjQuery

por

3-6-2013 5-03-16 PM

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

Diferencias entre Desarrolladores y Diseñadores Web

por

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:

WEBdesignerVSdeveloper

La lista de chequeo definitiva para los desarrolladores Web

por

1-29-2013 1-28-13 PM

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.

Web Developer Checklist

Conoce en detalle la evolución de la web en una experiencia colorida con Visual.ly

por

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.

1-27-2013 5-08-00 PM

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 Evolución de la Web

La evolución de la Web

por

La web como la conocemos hoy en día no ha sido así desde el origen de Internet, ha tenido una larga evolución de más de 20 años, inicialmente las primeras páginas web era únicamente texto plano con un poco de estilo, así fue la primera página web que estuvo disponible en Internet, luego la Web empezó a evolucionar haciéndose un poco más compleja gracias a las tablas <table> que eran la única forma de distribuir elementos en la página.

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ó.

the-evolution-of-web-design_50aa39c029731

 

El costo real de un sitio web lento

por

El mismo Google lo dice, la Web debe ser rápida.

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 conquista de la Internet móvil [Infografía]

por

Los dispositivos moviles empiezan a ocupar cada día más una parte importante de la web, desde hace unos años aumenta constantemente el porcentaje de visitas desde estos dispositivos.

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

Google Penguin [Infografía]

por

Sí has detectado que las visitas a tu sitio web han disminuido a partir del 24 de abril, quizá la siguiente infografía te ayude a saber el porqué y el cómo remediarlo. La causa podría ser las modificaciones que ha hecho Google a su buscador para garantizar que en sus resultados prevalezca el contenido original y de calidad, diciéndole no al spam de palabras claves.

Visto en: wwwhatsnew

jPages – Paginando resultados fácilmente con jQuery

por

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