Excelentes complementos de JQuery para sitios web nuevos
Uno solo puede imaginar lo difícil que era volver a practicar el diseño web cuando todo parecía tan nuevo: durante los días de Netscape Navigator y Microsoft FrontPage. Mirando hacia atrás, parece un momento tan arcaico en la historia del diseño web. Era casi imposible diseñar algo de creatividad suprema e inteligente. En aquel entonces, se te veía como creativo si tenías un fondo deslumbrante horrible o barras de desplazamiento de colores.
No había mucha flexibilidad realmente cuando se trataba de la esencia del diseño. Muchos de los diseños eran iguales e imitaban lo que se veía en revistas y periódicos. Quiero decir, solo piénsalo: hace poco pudimos finalmente encontrar la manera de usar fuentes decorativas en línea. De antemano, era todo Arial, todo Verdana y todos los Times New Roman: en 2012, ¿te imaginas vivir esa vida?
Las tablas eran la norma y no eran demasiado flexibles. Hablando de flexibilidad, ¿cómo vivimos sin receptividad? Si quisiste diseñar un sitio web hace un tiempo, estabas prácticamente encajonado para trabajar con lo que tenías. Nadie se quejó entonces, pero gracias a Dios por la tecnología progresiva.
Ahora…
Avance rápido hasta ahora, y podemos diseñar cualquier cosa como queramos, en lo que queramos. Este tipo de cosas no se deben dar por sentado, pero a medida que las nuevas generaciones de diseñadores y desarrolladores ingresan a este ámbito, prácticamente lo es. Quiero decir, hace solo unos meses, finalmente pudimos usar hojas de estilo para crear esquinas redondeadas: ¿qué tan rápido nos olvidamos?
Los avances en el diseño web se pueden contribuir a la evolución continua de los diferentes lenguajes de codificación. No puede tener un gran diseño web sin un gran desarrollo web (y viceversa). Y uno pensaría que las cosas se han complicado en lo que respecta al desarrollo, pero es bastante obvio que las cosas se han vuelto más fáciles. Eche un vistazo, por ejemplo, en HTML4 vs. HTML5.
Uno de los mayores avances en, bueno, desarrollo y diseño ha sido el uso de jQuery. Es probablemente una de las bibliotecas de JavaScript más sencillas para aprender y codificar, y también hacer algunas cosas lindas. Si diseña libremente y / o desea interacciones realmente asombrosas entre su diseño y su audiencia, probablemente use jQuery.
Los complementos
jQuery no solo sube la apuesta de su diseño real, sino que mejora las experiencias del usuario. Cuando se deben hacer sitios web para dar la bienvenida a su público y facilitarles la movilidad, esto es importante. El diseño también es importante si está utilizando una gran cantidad de creatividad con su diseño. Básicamente, no debe haber límites a la hora de crear sitios web, y jQuery es extremadamente útil para asegurarse de que no esté atrapado en las cajas. Entonces, ¿qué puede hacer jQuery por ti? A continuación se incluyen algunos complementos geniales que le permiten ser lo más creativo y fresco en desarrollo web posible.
jQuery grid mobile
A algunos diseñadores les gusta abrir el programa que elijan y diseñar lo que quieran sin reparos. Hay otros que les gusta tener un método para su locura. Los estándares de diseño web sugieren que debemos utilizar redes para ayudarnos a diseñar sitios web excelentes y efectivos, especialmente si está diseñando un blog o un sitio de noticias. Una segunda parte de esa idea es que la cuadrícula debe ser flexible y receptiva. Este complemento le permite crear múltiples columnas con (y sin) capacidad de respuesta.
ArcText.js
Hace solo un par de años, si quería tener fuentes y efectos tipográficos geniales en su sitio web, tenía que abrir su programa de diseño deseado y crear un gráfico con lo que quisiera. Fue una buena técnica hasta que la gente se dio cuenta de que no era la más flexible, ni le fue bien con la optimización del motor de búsqueda. Con los avances y la tecnología, sin embargo, hemos podido usar fuentes decorativas en línea. No solo eso, sino que con este complemento, podemos agregarles un estilo que de otro modo no estaría disponible fuera de Photoshop.
Fancy Moves
Una tendencia común en el diseño web moderno es la capacidad de hacer que las cosas se muevan. Es casi imposible visitar un sitio web y ser testigo de imágenes estáticas: casi todo el mundo utiliza un control deslizante de imágenes de alguna forma o forma. Muchos de estos controles deslizantes son automáticos y cambian las imágenes en un marco de tiempo específico. No hay nada de malo en eso, pero ¿cómo se puede tomar tal concepto y hacerlo más grande para la experiencia del usuario? Este plugin de Fancy Movies parece haberse resuelto dejando que los espectadores controlen la diapositiva, no solo haciendo clic en la flecha siguiente sino tocando cómodamente las teclas de flecha en sus teclados.
FitText
La tipografía en el diseño es extremadamente importante. Los diseñadores web necesitan la capacidad de utilizar las fuentes que quieran y luego armarlas de la forma que deseen. A través de cosas como Cufon y CSS, eso es posible, pero de gran importancia últimamente es la capacidad de respuesta de un sitio web. Si su diseño no puede ser flexible, es casi inútil y una de las partes principales de los sitios que tiene que ser receptiva es la tipografía. FitText permite que sus encabezados y texto de relleno sean geniales, sin importar el tamaño de la ventana o el dispositivo utilizado para verificar su sitio web.
Hover Zoom
La forma en que ciertos elementos reaccionan a las interacciones en un sitio puede tener un impacto (negativo y positivo) en la forma en que los espectadores reaccionan. Una interacción simple que siempre se juega, es la función de desplazamiento. Cuando coloca el mouse sobre una imagen o incluso un enlace, es casi normal que ese elemento haga algo; y cuanto mejor sea la reacción, mejores personas responderán. Este complemento es para imágenes que, cuando están suspendidas, acercan o alejan y también proporcionan información adicional. Si se utiliza correctamente, esto puede ser extremadamente efectivo. Sin mencionar, el diseño tendrá un buen rendimiento.
jRumble
Lo que los diseñadores deben darse cuenta es que cuando hacemos sitios web, tenemos mucho poder. Podemos hacer que las personas vean lo que queremos que vean y que no vean las cosas que no queremos que vean. Los principios básicos de diseño, como el equilibrio y la jerarquía, pueden ayudar a influir en el enfoque y el interés de los espectadores. Hay formas sutiles de hacer esto. jRumble es más apasionado por lograr que uno vea y observe las cosas de una manera más enérgica y descarada. Es un plugin divertido y cuando se usa con moderación puede ser efectivo para cualquier propósito. Solo recuerda no sobrepasarlo.
jQSlickWrap
Crear diseños para su texto puede ser una tarea difícil. No se trata solo de las fuentes que eliges, sino también de la manera en que las presentas que las hacen efectivas. Si está diseñando un sitio que planea tener grandes bloques de texto, configurarlo incorrectamente puede hacer que sus lectores no estén interesados en lo que usted dice. Muchos diseñadores tienen problemas cuando tratan de hacer que las imágenes y el texto interactúen bien entre sí. Si no está muy interesado en los bloques de texto o si desea que su texto e imágenes interactúen más, este puede ser el complemento para usted. No más lecturas al estilo de periódico, pero más libertad creativa.
jQuery Offset Animation
Como se dijo anteriormente, los sitios web estáticos no son tan comunes hoy como lo han sido en años anteriores. Muchas cosas se han vuelto contribuyentes para ayudar a crear sitios web dinámicos que se muevan e interactúen bien con sus espectadores. Una cosa que jQuery había agregado a esa conversación es la capacidad de crear grandes animaciones y transiciones de elemento a elemento. Este complemento crea una transición suave de deslizamiento o barrido para pasar de un elemento al siguiente. Es un sitio web muy agradable.
Scroll-O-Rama
Con un nombre como 'Scroll-O-Rama', podrías pasar este plugin, pero te aconsejo que no lo haga. Tan divertido y genial como este plugin es, creo que puede hacerse popular en el nicho de moda de los sitios web de una sola página. A medida que te desplazas por los sitios web de una sola página, esperas que ocurra algo. Este plugin prácticamente permite que los títulos y el texto bailen al pasar por él. Es otro complemento que se utiliza principalmente con fines decorativos, pero si puede rociarlo sobre su sitio y usarlo en los lugares correctos, podría jugar este complemento para obtener una fortaleza.
jQuery Shadow Plugin
Para agregar un poco de profundidad a las imágenes o elementos a veces, a los diseñadores les gusta usar sombras paralelas. Hay dos maneras populares en que los diseñadores crean sombras y eso a través de CSS o creando la sombra en su programa de diseño y generalmente guardándola como algún tipo de archivo transparente. La mayoría de las veces esto funciona y algunas veces puede haber algunos problemas, pero lo mejor de este complemento es que le permite agregar diferentes tipos de sombras a los elementos que desee sin tener que diseñarlos, y funciona en todos los navegadores.
Slitslide
Las buenas transiciones en los sitios web son una experiencia divertida y tentadora. Ya le hemos proporcionado un excelente complemento para las transiciones elemento a elemento, pero este complemento es ideal para transiciones de página a página. Con este complemento Slitslide, la página se divide, desliza e introduce nuevas páginas directamente detrás de ella. Esta es una herramienta extremadamente dinámica que agrega un poco de emoción y sabor a los sitios que pueden necesitar ese nivel adicional.
Con punta
La información sobre herramientas es un elemento utilizado por muchas razones; para llamar la atención, agregar información o lo que sea que pueda caber en ella. Actúa de forma muy parecida al efecto de desplazamiento, que si se usa correctamente puede ser extremadamente efectivo. Hay una gran cantidad de complementos jQuery que se adaptan al desarrollo y uso de tooltips. Tipped es un complemento que funciona y tiene muchas características, la mayoría de las cuales son personalizables por HTML5 y CSS, lo que hace que la compilación sea fácil y fluida.
Tubular
Todos podemos estar de acuerdo en que un fondo intermitente no es donde radica la creatividad. Sin embargo, hay otras cosas que se pueden agregar a su fondo para darle un poco de chispa a su sitio web. Puede que solo se refiera estrictamente al diseño y desee un patrón bien organizado, pero es posible que desee algo un poco más dinámico. Tubular es un complemento que te permite usar videos de YouTube para que te sirvan de fondo. Piensa en las posibilidades divertidas y creativas que uno puede marcar con esto.
jmpress
jQuery Knob
3D Thumbnail Hover
Ya hablamos sobre el efecto de imagen estacionario y cómo puede ser muy eficaz para los sitios web. Bueno, ¿y si quieres un poco más de dinamismo para tus imágenes? Este plugin te ofrece un efecto de imagen estacionario que revela información con un toque 3D.
blur.js
Un buen diseño realmente puede ser la diferencia entre un sitio web bueno y uno malo. A menudo, la decisión no es sobre el diseño como un todo, sino sobre los pequeños detalles; es por eso que usamos información sobre herramientas y grandes textos de cabecera. Este complemento agrega un poco más de detalle a su sitio, si lo desea. Este complemento crea elementos borrosos transparentes a otros elementos. Este es un complemento decorativo, pero puede usarse para beneficiarse.
Conclusión
Hay muchas maneras de mejorar su diseño web para hacerlo más fresco y atractivo para sus visitantes. Tenga en cuenta que desea hacer algo que no solo sea creativo, sino creativo y efectivo. Las herramientas que tenemos ahora son geniales y lo que es aún mejor es que la tecnología sigue aumentando y nos esperan mejores cosas para la creación de sitios web.