Lo mejor de 2008 - JavaScript
En la última parte de nuestra serie de resumen, es hora de ver algunos de los Goodies de JavaScript de 2008. Algunos de los siguientes son recursos, algunos son tutoriales útiles, algunas opiniones y otros simplemente cosas interesantes y divertidas.
Siempre hay una o dos lecciones que aprender de esto, y podría ayudarlo a ingresar al Año Nuevo con una variedad de nuevas habilidades en su cartera.
sIFR Lite
“ Érase una vez que algunos desarrolladores web realmente buenos crearon sIFR. Su objetivo era convertir sin problemas los encabezados HTML en bonitas fuentes. Bueno, estos desarrolladores hicieron un gran trabajo para que funcione bien. Mirando su código, decidí que crearía una versión "lite" de sIFR usando un enfoque más orientado a objetos. sIFR Lite es un poco más fácil de leer y más intuitivo de usar ".
Visitar sitio
DD_belatedPNG
¡Soporte para imagen de fondo de translucidez alfa PNG de 24 bits + posición de fondo + repetición de fondo para IE 6 por fin!
Visitar sitio
El complemento jQuery de EqualHeights
“Crear columnas de igual altura con CSS a veces es un oso. Pero, ¿quién necesita la molestia de las columnas falsas, los divs "claros" y el resto? Con este bit de jQuery, puede igualar fácilmente las alturas de cualquier grupo de elementos ".
Visitar sitio
jQuery.popeye - una alternativa lightbox en línea
“El complemento transforma una lista no ordenada de imágenes en un cuadro que muestra solo una imagen de vista previa a la vez. El cuadro tiene controles para examinar las imágenes de vista previa y ampliar una imagen determinada. El cuadro se expande para acomodar la versión ampliada, mientras que los controles están ocultos en el modo de tamaño de imagen completo. Un simple clic en la imagen devuelve el cuadro a su estado compacto ".
Visitar sitio
DD_roundies
Una manera fácil de implementar esquinas redondeadas en IE.
“No hay mesas de 9 celdas para una caja redonda. Sin imágenes. No agrega media docena o más nodos HTML a un elemento contenedor (más como uno, máximo dos y solo en IE) ".
Visitar sitio
Niceforms
" Niceforms es un script que reemplazará los elementos de formulario más utilizados con diseños personalizados. Puede usar el tema predeterminado que se proporciona o incluso puede desarrollar su propio aspecto con un mínimo esfuerzo ".
Visitar sitio
jQuery Corners 0.3
“Este complemento jQuery creará fácilmente esquinas bellamente redondeadas. No se necesitan imágenes ni marcas molestas ”.
¡Otro guión de esquina para tu beneficio!
Visitar sitio
Complemento de menú Superfish jQuery
"Superfish es un complemento jQuery de menú estilo Suckerfish mejorado que toma un menú desplegable CSS puro existente (por lo que se degrada con gracia sin JavaScript) y agrega las siguientes mejoras muy buscadas".
Visitar sitio
JavaScript nos salvará a todos
La opinión de Eric Meyer sobre por qué deberíamos buscar en JavaScript un soporte estándar extendido que falta en muchos navegadores, en lugar de esperar a que los proveedores de navegadores los implementen.
Visitar sitio
CSS Sprites2 - Es hora de JavaScript
“Una sensación de movimiento es a menudo el diferenciador entre los sitios web con gran cantidad de Flash y los sitios basados en estándares. Las interfaces Flash siempre han parecido más vivas, respondiendo a las interacciones del usuario de una manera dinámica que los sitios web basados en estándares no han podido replicar. Últimamente, eso ha cambiado, por supuesto, con un resurgimiento de los efectos de la interfaz dinámica, ayudado por las bibliotecas de JavaScript que lo hacen fácil: bibliotecas como Prototype, Scriptaculous, Moo, YUI, MochiKit (y podría continuar). Ya es hora de volver a visitar la técnica CSS Sprites de hace cuatro años, y ver si no podemos interponer un poco de movimiento por nuestra cuenta ".
Visitar sitio
jParallax
“JParallax convierte un elemento seleccionado en una 'ventana' o ventana gráfica, y todos sus elementos secundarios en capas posicionadas absolutamente que se pueden ver a través de la ventana gráfica. Estas capas se mueven en respuesta al mouse, y, dependiendo de sus dimensiones (y opciones para la inicialización de la capa), se mueven en diferentes cantidades, en una forma de paralaje ".
¡Pura alegría!
Visitar sitio
Pie de página fijo sin JavaScript
Una técnica CSS pura para posicionar pies de página fijos, probada hasta IE 5.5.
Visitar sitio
Diseño dinámico
"El diseño dinámico es una biblioteca simple de JavaScript que le permite ajustar fácilmente el diseño de la página según el ancho actual del navegador".
Visitar sitio
¡Deja de usar Ajax!
“Ajax es una idea sólida y útil. Pero cada idea se reduce a una implementación práctica, una tecnología que lo hace posible, y en este caso la tecnología es inmadura porque deja atrás a grupos de usuarios. Los más notables y muy afectados son aquellos que usan tecnologías de asistencia, pero también aquellos que usan navegadores menos capaces que no admiten los objetos de secuencias de comandos necesarios, o no admiten secuencias de comandos en absoluto. "
Visitar sitio
Así es como haces que sIFR funcione
“El objetivo de este tutorial es resumir la información en el sitio oficial para sIFR en un proceso simple paso a paso de cómo implementar sIFR en su sitio.
Después de seguir este tutorial, tendrá una comprensión básica de cómo funciona sIFR y podrá expandirse a áreas más avanzadas ".
Visitar sitio
FancyZoom
Smooth Javascript Image Zoom para sus páginas web.
Visitar sitio
Rotación de cubo 3D en JavaScript
¡Nada más y nada menos! Echale un vistazo.
Visitar sitio
Super Mario en Javascript de 14kB
" Aquí hay un experimento para mantener las cosas pequeñas y limitadas a un archivo Javascript. No hay archivos de imagen externos ni nada, todo se procesa con Javascript utilizando elementos de lienzo o tácticas anticuadas de creación de div (para IE). Los sprites se almacenan en cadenas codificadas personalizadas en un formato que solo permite 4 colores para cada sprite, pero a su vez solo ocupa alrededor de 40-60 bytes por sprite. "
Visitar sitio
10 técnicas inteligentes de Javascript para mejorar su interfaz de usuario
“Javascript se usa típicamente como un lenguaje estético en el desarrollo web. Esto significa que los desarrolladores web casi siempre deberían usar Javascript solo para una cosa: mejorar la experiencia del visitante. Hay muchas formas inteligentes y útiles de mejorar un sitio desde la perspectiva de la interfaz de usuario. Un desarrollador puede encontrar casi cualquier fragmento de Javascript para lograr lo que quiere lograr ".
Visitar sitio
25 increíbles juegos de JavaScript (algo de diversión e inspiración)
“JavaScript, con el auge de Ajax, es definitivamente una herramienta imprescindible para todos los diseñadores / desarrolladores web.
Además de los controles de formulario, las alertas y el uso similar de JavaScript simple, casi puede hacer cualquier cosa con la ayuda de JavaScript (y Canvas) ".
Visitar sitio
Top 5 favoritos Bookmarklets
“Bookmarklets son los enlaces habilitados para JavaScript que puede incluir en sus marcadores que interactúan con cualquier página en la que se encuentre. Los mejores marcadores actúan como normalmente esperarías de una barra de herramientas, al extender tu experiencia de navegación. Sin embargo, dado que están escritos en JavaScript, todos trabajan dentro del navegador y sin necesidad de instalación. Aquí hay 5 marcadores altamente recomendados que puede arrastrar a la barra de herramientas de su navegador o a sus marcadores para extender su experiencia de navegación ".
Visitar sitio
10 marcos prometedores de JavaScript
“Los marcos / bibliotecas de JavaScript populares como jQuery, MooTools, Prototype y YUI (por nombrar algunos de los marcos de JavaScript más populares que existen) definitivamente tienen un punto de apoyo sólido en el ámbito del marco de JavaScript. Pero para los desarrolladores más aventureros que buscan marcos / bibliotecas nuevas o alternativas, hay algunos marcos excelentes fuera de los populares que vale la pena echarle un vistazo ”.
Visitar sitio
5 soluciones útiles de codificación para diseñadores y desarrolladores
“A menudo, las soluciones de diseño creativas y verdaderamente notables siguen siendo desconocidas porque nosotros, los diseñadores, simplemente las pasamos por alto. Al estar ocupados con nuestros propios proyectos, a veces tratamos de comprender la intuición detrás (probablemente) del código complejo y desordenado de otros diseñadores para comprender cómo logran implementar ideas de diseño particulares. De hecho, simplemente observando el código de otros desarrolladores podemos aprender mucho de ellos; podemos encontrar ideas interesantes y mejorar la calidad de nuestro trabajo ".
Visitar sitio
Llamar a WebServices a través de AJAX
Este tutorial le dará una buena idea de cómo usar JavaScript para interactuar con WebServices.
Visitar sitio
JavaScript Pretty Date
"... Una forma sencilla de formatear fechas antiguas de JavaScript de una manera" bonita ". "
Visitar sitio
Aplicaciones de iPhone JavaScript
“He estado observando, con interés, que los desarrolladores crean nuevas aplicaciones para el iPhone. Poseer uno yo mismo y estar bien informado sobre JavaScript. Me he estado preguntando qué opciones había para crear aplicaciones descargables de JavaScript o el iPhone. Al investigar un poco, encontré varias soluciones, algunas más simples que otras, algunas que requieren más conocimiento de Objective-C que otras. "
Visitar sitio
Técnicas Ajax más buscadas: más de 50 ejemplos y tutoriales
“Las aplicaciones web han dado grandes pasos para mejorar la experiencia del usuario gracias a una gran cantidad de tecnología Ajax desarrollada recientemente. Cuando combina una buena funcionalidad por cortesía de PHP con la inteligencia de javascript, puede producir algunos resultados geniales. En un esfuerzo por ayudarlo a mejorar, nos gustaría compartir algunos métodos para ayudar a su sitio a anticipar el próximo movimiento de un usuario ".
Visitar sitio
50 excelentes tutoriales de AJAX
“AJAX ofrece a los desarrolladores web muchas oportunidades para mejorar la experiencia del usuario y mejorar el rendimiento de sus sitios web. Hay innumerables formas en que se puede usar AJAX, y afortunadamente hay muchos buenos y útiles tutoriales de AJAX para ayudarte con tu propia implementación.
Esta publicación sirve como una colección de tutoriales útiles sobre cómo trabajar con AJAX en una amplia variedad de formas. "
Visitar sitio
10 cosas que TI necesita saber sobre Ajax
“La introducción de cualquier nueva tecnología web afectará la infraestructura de una red de maneras que van desde intrascendentes hasta devastadoras. Ajax es una de las nuevas tecnologías web más disruptivas que viajan a través de las redes actuales. Para ayudarlo a minimizar las sorpresas futuras en su red, hemos esbozado las 10 cosas que debe tomar en serio sobre Ajax. "
Visitar sitio
jQuery timepickr
" Jquery.timepickr se creó en un intento de hacer que el proceso de ingresar el tiempo de la forma más fácil y natural posible".
Visitar sitio
