jQuery trabajando con clases. Añadir y quitar
jQuery permite dar dinamismo a las páginas web. En esta ocasión podrás ver como trabaja jQuery con...
Desarrollo web
En esta sección encontrarás interesantes plugins con jquery, como realizar interesantes efectos y podrás ver todo lo que puede aportar dentro de un diseño web.
¿Qué es jQuery?
jQuery es una biblioteca de Javascript que se utiliza mucho en diseño web porque puede manipular la hoja de estilos CSS, y cambiar el contenido de la página web sin volver a recargarla.
Hay una página oficial donde podrás encontrar muchos plugins, descargarlo, la documentación de la API y un blog con mucha información interesante. También podras utilizar el jQuery CDN para ahorrar ancho de banda en tu servidor y más velocidad de descarga de la página web. En esa página te podrás descargar el código en script para insertar en tu página web y no tener que tener esos archivos almacenados en tu servidor.
Los típicos efectos de clickar en un elemento y que se despliegue o se desplace, se suelen realizar con jquery o javascript. Ahora con html5 y css3 ya se pueden hacer animaciones, pero antes solo con html no se podía, por lo que había bastante limitaciones. Lo que se consigue con jQuery es conseguir animaciones más avanzadas y uniéndolas con html5 y css3 se diseñan páginas web más espectaculares.
Códigos jQuery
CSS border: radio, color, ancho con ejemplos
En este artículo podrás aprender a utilizar la propiedad css border con todas sus variantes. Si...
Plugins jquery para páginas web
Aquí tienes una colección de plugins jquery para tus páginas web. Es código que podrás añadir...
Tutorial de CSS con ejemplos
En este artículo podrás aprender trucos, utilidades… No es un tutorial de CSS al uso, sino...
Los mejores plugins de zoom de imagen con jQuery
Los plugins de zoom de imagen se utilizan mucho para galerías o tiendas online, donde se quiera...
Crea degradados en CSS fácilmente y responsive
Si no te gusta utilizar imágenes para insertar degradados en una página web, tienes la opción de...
Animaciones con CSS3
Que interesante es aprender cosas nuevas y conseguir nuevos efectos para nuestras páginas webs....
Mapas con jQuery
Colección de mapas con jQuery desarrollados en plugins para integrar directamente en páginas web....
Rotar iconos con CSS
Aprende paso a paso como rotar iconos con CSS y HTML. Si quieres crear iconos con CSS que roten...
CSS: Personaliza el botón de subir archivos
Un diseño currado atrae clientes y si una web vende todos ganan: el diseñador web y el cliente. En...
Conoce una forma más rápida de escribir código HTML y CSS con Sublime Text 3
En este artículo Regi Peña nos muestra algún truco para escribir más rápido código HTML y CSS....
Filtrar contenido con CSS y jQuery
Si quieres crear un portfolio y poder filtrarlo por categorías, puedes hacerlo solo utilizando CSS...
Efecto precarga con animación y con jQuery
Con CSS, jQuery y SVG conseguirás tener un efecto precarga con animación en tu página web. Si...
Haz tu página responsive fácilmente con jQuery
Con el aviso de Google de que a partir del 21 de abril iba a posicionar mejor las páginas web que...
Crea tablas dinámicas con plugins de jQuery
Si estas buscando como crear tablas dinámicas en este post podrás encontrar varios plugins de...
Los mejores plugins de jQuery para crear gráficos y diagramas
Si quieres crear gráficos y diagramas con jQuery (también conocidos por jquery charts) aquí tienes...
Juegos HTML5 gratis para que insertes en tu web
¿Quieres tener a tus visitantes enganchados a tu página web? Puedes insertar juegos en HTML5. En...
Plugin de sliders en jQuery
Selección de plugins de sliders en jQuery para insertar en nuestras webs de una forma rápida y...
Plantilla html gratis para un hotel
Si buscas ahorrar tiempo y ya tener la base de una web en html, hoy podrás ver una plantilla html...
Como insertar un contador de los Me Gusta de Facebook en tu web
¿Quieres insertar un contador de la gente a la que le gusta tu página en Facebook? Te voy a...
Contador cuenta atrás con jQuery
Hay recursos muy útiles para determinadas situaciones. Un ejemplo es el contador cuenta atrás....
Barras de progreso con jQuery
Colección de barras de progreso con jQuery. Las barras de progreso o cargadores muestran al...
Los mejores libros de jQuery para diseñadores y desarrolladores
La formación es muy importante para seguir avanzando en nuestros conocimientos e ir progresando...
Preloader en javascript para HTML5
PxLoader es una librería en Javascript que permite cargar imágenes, archivos de sonido o lo que...
Favicon html como insertarlo en una pagina web
En este artículo pretendo mostrarte como insertar un favicon html en los distintos dispositivos porque dependiendo de cual sea, así será la manera diferente de mostrarlo. Un favicon es el icono de favoritos, los navegadores lo...
Como crear botones tipo on/off con CSS3
El CSS3 unido con el HTML5 consigue efectos sorprendentes, creo que aún nos queda mucho que...
Efectos con HTML5
El HTML5 es impresionante, se pueden conseguir efectos espectaculares que dejan al flash en un...
Optimizando tu CSS – buenas prácticas
Cuando estamos creando el css de una página web, en ocasiones no nos preocupamos demasiado si...
Expresiones regulares con HTML5
HTML5Pattern es una colección de expresiones regulares HTML5 usando input-Patterns. Estas...
Cómo comprimir imágenes con PHP
Para que una página web esté bien posicionada, uno de los factores (entre otros muchos) es la...
CaseBox – CMS en PHP para administrar tareas, registros y archivos
Casebox es un CMS en PHP Y MySQL de código abierto que permite administrar registros, tareas y...
Cambiar estilos de un select con css
Para que nuestros formularios tengan un diseño atractivo es necesario modificar los css de los...
Desarrolla webs más rápido con frameworks en HTML5
Por un lado, el HTML5 está en auge al conseguir muchas más opciones que el HTML (a nivel...
Initializr generador de plantillas HTML5
Con Initializr es más fácil acercarse al mundo de HTML5. Genera una plantilla que puedes descargar...
Navegadores HTML5 y CSS3: compatibilidades
He encontrado un link muy útil, con información acerca de las compatibilidades a día de hoy de...
Geolocalización usando HTML5
Para muchos tipos de proyectos es muy interesante conocer la procedencia de un visitante. Y...
Como crear una página web en html5 desde cero
A estas alturas es esencial programar en HTML5, nos facilita la vida a los diseñadores en aspectos...
Página web en construcción en html
Si estás terminando tu página web y mientras tanto quieres poner una página en construcción ahí te...
Plugins de redes sociales con jQuery
Interesantes plugins de redes sociales con jQuery para compartir contenido en las redes sociales o...
Menús para diseño web responsive
Hoy podrás ver distintos menús para diseño web responsive. Los diseños web responsive se están...
Crea tu línea del tiempo con html5 y css3
Podrás ver como se crea una línea del tiempo con html5 y css3 (también conocida por el su nombre...
Interesantes animaciones de texto con jQuery
En el post de hoy te invito a ver interesantes animaciones de texto con jQuery. Las podrás...
Galería de fotos tipo Pinterest con jQuery
Un diseño de una web con una galería de fotos cambia totalmente si están las fotos insertadas de...
Botones CSS3 para web
Colección de botones CSS3 para tu página web. A todos los que nos dedicamos al diseño web no son...
Menús horizontales desplegables con jQuery
Aquí podrás ver mis menús horizontales desplegables con jQuery que más me gustan. He hecho una...
Crear banners animados con css3
Si quieres aprender a crear banners animados con css3 y html aquí encontrarás la forma de hacerlo...
TagCanvas, nubes de palabras animadas en HTML5
TagCanvas te será muy útil si quieres crear nubes de palabras animadas y utiliza Canvas HTML5. Se...
Transforma tus capas de Photoshop en CSS3
CSS3Ps es un plugin gratuito para Photoshop que convierte las capas que tu escojas de Photoshop en...
Menús acordeón verticales y horizontales
Los accordion html – menús en acordeón consiguen reducir el espacio visual necesario para...
Timeline jQuery para páginas web
Colección de timeline jquery para que insertes fácilmente en tu página web. ¿Quieres indicar...
Tabla de precios con css3 (pricing table html)
En cualquier web con tablas de precios (pricing table html) es recomendable que éstas atrapen al...
Sistema de usuarios login PHP y MySQL
Si buscas como crear un sistema de usuarios con login PHP y MySQL, te propongo distintas...
Menús animados con css3
En este post encontrarás algunos menús animados con css3 que podrás aplicar en cualquier página...
Infografías interactivas para inspirarse
En esta sección encontrarás unos ejemplos de infografia interactiva para que te inspires en tus...
Menu responsive con jQuery y CSS3
En esta sección encontrarás una colección de menu responsive en jQuery y CSS3 para darle un toque...
Colección de html5 progress bar
En este post encontrarás una colección de html5 progress bar, barras de progreso hechas con html5...
Saber el color palette de una imagen con javascript
Color Thief es un script en javascript para saber el color palette de una imagen, lo puedes...
Como hacer un slider en html5 y css3
Si quieres aprender como hacer un slider en html5 y css3 mira este artículo. También si quieres...
