[Inglés, a su vez] 45 útiles las nuevas tecnologías y herramientas de JS y jQuery
45 Fresco útiles JavaScript y jQuery Técnicas y Herramientas
Sí, este es otro resumen de las técnicas útiles Javascript y fresco, herramientas y recursos. Pero no cerrar la pestaña sin embargo, como usted podría encontrar esto un muy útil. En esta selección se presentan calendarios, formularios, botones, la navegación, depuración, optimización y tablas de compatibilidad, así como recursos útiles y herramientas. También cubrimos varios jQuery-plugins que le ayudarán a ampliar la funcionalidad de su sitio web y mejorar la experiencia del usuario con componentes listos o codificación de las soluciones.
La última sección incluye también una serie de recursos útiles de enseñanza como una útil recopilación de las prácticas de codificación de JavaScript, una comparación detallada de los marcos generales de JavaScript y las convenciones de programación JavaScript. Esperamos sus comentarios.
Usted podría estar interesado en los siguientes puestos relacionados con:
- 50 Herramientas activar JavaScript fresco que mejorará su flujo de trabajo
- 45 Potente CSS / Javascript-Técnicas
- Útiles y AJAX Javascript Técnicas 70
[Por cierto, ¿sabía que es un nuevo libro Smashing Wordpress ? Push WordPress allá de su tope!]
Calendarios y plazos
jDigiClock - Reloj Digital (HTC Hero inspirado)
jDigiClock es un plugin de jQuery inspirada de HTC Hero Reloj Widget.
jQuery deslizante Reloj v1.1
reloj jQuery transpearant Slider con sprites CSS.
Fecha / hora Selector
Tenga en cuenta que ese control no está diseñado para funcionar en IE6, aunque funcionarán correctamente en la mayoría de los casos, la posición del calendario puede ser lejos dependiendo de su página es de estilo.
Depuración de JavaScript y herramientas de validación
Venkman Javascript proyecto depurador página
Venkman es el nombre código para JavaScript de Mozilla depurador. Venkman tiene como objetivo proporcionar un poderoso entorno de depuración de JavaScript para navegadores basados en Gecko es decir, Firefox 3.x, el Netscape 7.x serie de navegadores, Netscape 9.x serie, Mozilla Seamonkey 1.x y Mozilla Seamonkey 2.x. No se incluyen los navegadores basados en Gecko como K-Meleon 1.x, 2.x Galeon y Netscape 8.x El depurador está disponible como un complemento en el paquete en formato XPI. Javascript Venkman depurador se ha proporcionado como parte de la Mozilla instalar la distribución desde el 03 de octubre 2001.
CompanionJS
Companion.JS (pronunciado Compañero punto JS o CJS) es un depurador de Javascript para IE.
Cómo probar su código JavaScript con QUnit
QUnit es una potente unidad de Javascript marco de pruebas que ayuda a depurar el código. Está escrito por los miembros del equipo de jQuery, y el conjunto de pruebas oficial de jQuery. Pero QUnit es lo suficientemente general como para probar cualquier ordinario de código JavaScript, y que es incluso capaz de prueba del lado del servidor a través de algún motor de JavaScript JavaScript como Rhino o V8.
Bin JS - JavaScript depuración de Colaboración
JS Bin es una herramienta de código abierto de colaboración depuración de JavaScript.
Los formularios, botones y navegación
Realización de una onda Slider Historia Google
Aquí se muestra cómo crear un control deslizante de la historia de Google Wave-como. Su utilización permitirá a los visitantes van y vienen en el tiempo para ver los cambios que tienen lugar en un hilo comentario.
Fancy Radio botones con jQuery
Creación de dos conjuntos de opciones obligatorias que un usuario pudiera elegir, al tiempo que oculta frente a las entradas de botón de opción y el uso de un ancla enlaces para hacerlo un poco más usable.
Creative Button Animaciones con sprites y jQuery
Desvanecimiento efecto "hover" para los que se facilitó la transición con el lenguaje Java, usando la biblioteca jQuery.
Contraseña (des) enmascaramiento
Javascript jQuery que activa el enmascaramiento y el desenmascaramiento del campo de la contraseña.
jQuery Navegación MagicLine
Estos "deslizamiento" barras de navegación estilo han sido alrededor de un rato, y resulta que es realmente bastante maldito fácil. Éstos son dos ejemplos ponen juntos.
Fijo Desvanecimiento Menú: CSS y jQuery Un Tutorial
El objetivo es tener una navegación fija que sigue al usuario cuando se desplaza, y sólo sutilmente demostrando por desapareciendo y convirtiéndose casi transparente. Cuando el usuario se desplaza sobre ella, el menú y después se vuelve opaca de nuevo. En el interior de la navegación tendremos algunos enlaces, una entrada de búsqueda y un botón superior e inferior que permiten al usuario desplazarse a la parte superior o inferior de la página.
jQuery plugin: más simple cuenta de carácter dinámico Twitter como para áreas de texto y campos de entrada
La mejor manera de explicar lo que este plugin hace es hablar de Twitter. Twitter mensajes están limitados a 140 caracteres. Si bien escribiendo el post de Twitter se encuentra esta información siempre actual sobre el número de caracteres que los usuarios tienen para alcanzar el límite. La información no es sólo ofrecen simplemente mostrando un número, hay colores diferentes que se aplican a determinadas etapas para notificar al usuario sobre el estado.
Etiquetas deslizante v2
Formulario de mantenimiento de la línea etiqueta etiqueta, pero deslizándolo a la izquierda en lugar de irse al hacer clic.
Ketchup Plugin
El ketchup es un plugin de jQuery delgado que valida los formularios. Su objetivo es ser muy flexible y extensible para su aspecto y funcionalidad.
herramientas de diseño
jQuery (CSS) designerGrid Plugin
(Css) designerGrid es un plugin de jQuery desarrollado para desarrolladores de interfaz web que utilizan la red de distribución. (Css) designerGrid se destina a ayudar a estos desarrolladores de prototipos con CSS.
css-plantillas de diseño
De JavaScript (jQuery) la aplicación de la CSS plantilla de diseño del módulo
Cómo crear una red fluida con jQuery
diseño Grid basado es probablemente la manera más preferida al estilo de una página web para darle apariencia más similar a la revista y se siente. Este tutorial es acerca de cómo utilizar CSS y Javascript para crear un diseño fluido basado en grid (Ver demo aquí). El algoritmo o procedimiento utilizado en este tutorial es muy simple y directo. Hay algoritmos más avanzados de ahí fuera que pueden manejar múltiples escenarios. Pero el propósito es entender la lógica básica sobre cómo crear un diseño tal. Así que aquí va ...
cierre de las plantillas
Plantillas de cierre es un cliente y del lado del servidor de plantillas del sistema que le ayuda de forma dinámica la construcción reutilizables HTML y elementos de la IU. Son fáciles de aprender y personalizables para satisfacer las necesidades de la aplicación. Cierre de plantillas soporta JavaScript y Java y el uso de un modelo de datos y de expresión de sintaxis que funcione para ambos idiomas. Usted también puede usar el soporte integrado para localizar fácilmente las páginas de sus aplicaciones.
Útiles plugins jQuery
TipTip jQuery Plugin
TipTip detecta los bordes de la ventana del navegador y se asegurará de que la descripción se queda en el tamaño de la ventana actual. Como resultado, la descripción se ajustará para que se muestre arriba, abajo, a la izquierda oa la derecha del elemento con TipTip aplicado a que, dependiendo de lo necesario para mantenerse dentro de la ventana del navegador. TipTip es un muy ligero e inteligente jQuery plugin haciendo descripción. Utiliza imágenes de cero y es totalmente personalizable mediante CSS. También es sólo 3.5kb minified!
jQuery rotonda
Glorieta es un plugin de jQuery que convierte una estructura estática de los elementos HTML en un área interactiva altamente personalizable-como plato. (Y ahora, platos no sólo, sino muchas formas!)
jParse - Plugin jQuery XML Analizar
jParse es un plugin para jQuery que te permite analizar XML que se trajo con el jQuery. método de ajax (por lo que es totalmente personalizable).
jQuery plugin Quicksand
Reordenar y elementos de filtro con una animación de arrastrar los pies bien.
typeQuery, cambiar la tipografía sitio web con jQuery
typeQuery da la flexibilidad para cambiar la fuente de la familia por todo lo que define con clase, id, o una etiqueta, este ejemplo se refiere a la opción seleccionada en un objeto de seleccionar con id = "tag" y el valor de font-family al objeto seleccionar con ID = "Familia": $($("#tag").val()).css("font-family", $("#family").val());
Flip! Un plugin de jQuery v0.9.9
Flip es un plugin para jQuery que le dará la vuelta fácilmente sus elementos en cuatro direcciones.
Cifrado de datos con javascript: jCryption
jCryption es un plugin de jQuery para la encriptación de POST / GET los datos presentados por las formas. Se usa el algoritmo de clave pública de RSA para el cifrado y tiene un archivo PHP para el manejo de la desencriptación de los datos.
jQuery minimalista: 11 plugins útiles en 4K
jQuery nos hace la vida más fácil. Tanto es así que es tentador usar todo el tiempo, sin querer disminuir nuestros tiempos de carga de página (Cue YSlow y martillo ). Combinar, comprimir y secuencias de comandos a luz en el final de la página de ayuda en la petición HTTP departamento. En el frente de tamaño del archivo, a continuación son los plugins jQuery que dan bang sólida para su dólar de rendimiento.
Deshacer / Rehacer en jQuery
Un plug-in de fácil uso para agregar deshacer / rehacer capacidades para una aplicación de jQuery. Se basa libremente en la forma de hacer las cosas Objective-C/Cocoa.
editease
editEase - jQuery | de CMS sin aspavientos, ninguna base de datos no se preocupa
jsHub
jsHub es una sola pieza de código JavaScript (un "tag") que puede manejar diferentes tipos de lectura de información de la página y luego enviarlos a muchos productos de diferentes proveedores. Una pieza de código para enviar a Google Analytics, Omniture SiteCatalyst, WebTrends y Mixpanel. En lugar de un fragmento de código JavaScript por proveedor, jsHub tiene una sola pieza de código (el "centro") y los plugins que saben cómo se traducen en el protocolo de cable necesario para cada proveedor. vendedores sólo mantener el plug-in para su producto.
Recursos educativos JavaScript y Tutoriales
Cafeína Simpleton
JavaScript es un lenguaje poco sorprendente, pero tiene algunas peculiaridades que hacen que un montón de gente. Uno de esos caprichos es this , y cómo no es necesariamente lo que usted espera que sea. this no es tan complicado, pero hay muy algunas explicaciones de cómo funciona en la Internet. Este artículo es un intento de explicar cómo this funciona y cómo utilizarlo correctamente.
Lo que Usted Necesita Saber Acerca de JavaScript Ámbito de aplicación
Este artículo explica cómo activar JavaScript maneja alcance y cómo las diversas bibliotecas JavaScript proporcionar métodos para tratar con ella y cómo suavizar algunos baches. También miraremos cómo puede regresar a lo básico y hacer algo de alcance interesantes discusiones sin la biblioteca, un enfoque útil si estás escribiendo código que es necesario para funcionar en solitario.
Aprendizaje avanzado del Javascript
Un muy buen tutorial para aprender JavaScript, código que contiene y la discusión del próximo libro Secretos de la Ninja Javascript por John Resig.
Resaltar los términos de búsqueda automágicamente con JavaScript y la marca
Script que rodean el término de búsqueda (S) con la mark en lugar de un elemento span , si bien la Palabra de búsqueda de clase se mantiene en caso de que quiera Estilo estos mark S diferente de los demás. En el CSS, el Estado article mark se acaba de agregar a su vez un tono suave de color rosa.
10 Funciones útiles Atravesando realmente en jQuery
Con jQuery, seleccionando los elementos HTML es ridículamente fácil. Pero a veces, es posible que deseen perfeccionar la selección, que puede ser una molestia cuando la estructura HTML es complicado. En este tutorial, vamos a explorar diez maneras de que podemos mejorar y ampliar un conjunto de elementos envueltos que queremos operar sobre.
Uso de métodos abreviados de teclado en Javascript
En caso de que desee mejorar su aplicación web, teclados Javascript atajos es definitivamente algo a considerar. En este artículo, usted aprenderá a utilizar métodos abreviados de teclado de JS con y sin el marco jQuery.
Código de convenios para el lenguaje de programación de JavaScript
Este es un conjunto de convenciones de código y las normas para su uso en la programación de JavaScript.
jQuery - Seleccionar elemento hoja de trucos
Esta hoja de trucos le ayuda a encontrar el índice de una opción seleccionada, establezca la opción seleccionada por el valor, definido en la opción seleccionada por el texto, insertar una nueva opción antes o después de otro y obtener el texto o el valor de la opción seleccionada.
Comparar frameworks de JavaScript
Moderno sitios Web y aplicaciones Web tienden a depender muy mucho de Javascript del lado del cliente para proporcionar interactividad, en particular a través de la llegada de las solicitudes HTTP asincrónico que no requieren actualizaciones de página para devolver los datos o las respuestas desde un script del lado del servidor o un sistema de base de datos. En este artículo, usted descubrirá cómo activar JavaScript marcos que sea más fácil y más rápido para crear altamente interactivo y sensible sitios Web y aplicaciones Web.
Estacione su caballo, Vaquero Código: Profesional Javascript flujos de trabajo, parte 1
En esta serie, vamos a hablar acerca de las herramientas y técnicas que puede utilizar para cubrir los n, y cortar un montón de luchas y la vergüenza de su experiencia JavaScript.
Javascript ejemplos de referencia (código de ejemplo la fuente)
Javascript ejemplos de referencia, organizado por objetos, propiedades, métodos y Colecciones. Algunos Controladores de eventos de referencia están también disponibles.
Javascript mejores prácticas
Una recopilación de las mejores prácticas y los buenos consejos que he acumulado a lo largo de los años, gran parte de ella aprendió la manera dura (la experimentación y cosas por el estilo). Tome el consejo siguiente para corazón y mantenerlo en una parte de su cerebro que tiene una vía de acceso rápida para que pueda aplicarse sin pensar en ello. Estoy seguro de que encontrará cosas que no están de acuerdo con, y eso es una buena cosa - se debe cuestionar lo que lee, y se esfuerzan por encontrar mejores soluciones. Sin embargo, he encontrado que, tras estos principios me ha hecho un desarrollo más eficaz y permite a otros desarrolladores para construir en mi trabajo con mayor facilidad.
wtfjs
JavaScript es un lenguaje que a pesar de que el amor que nos da mucho que odio. Esta es una colección de estas irregularidades, muy especial, inconstancia y simplemente dolorosamente momentos poco intuitivo para el idioma de la web.
Traslado desde: http://www.smashingmagazine.com/2010/03/12/45-fresh-useful-javascript-and-jquery-techniques-and-tools/
