Blog de diseño
Plugins jQuery listos para llevar
MiniJs es un sitio en el que podrás encontrar varios plugins jQuery, listos para integrar en tu web. No son muchos, pero los que están merecen la pena, y supongo que irán añadiendo. Entre los MiniJs que podemos encontrar tenemos: Count - una cuenta atrás de caracteres...
Preload chulo con jQuery y HTML5
Un ejemplo muy vistoso, de cómo hacer un preload con jQuery y HTML5. Además de poder descargarlo, podréis ver una explicación de su funcionamiento en http://www.megaptery.com/
Combinación de Colores en Diseño Web
Si estás pensando en un nuevo diseño web, seguro que estás pensando en qué colores utilizar. Esta es una de las primeras decisiones que tenemos que tomar a la hora de afrontar un "papel en blanco", la temática de la web, la imagen corporativa o el target, nos van a...
Diseño Web recomendado
Hay diseños web que no pasan desapercibidos, este sin duda es uno de ellos. Además de disfrutar del sitio y de su interactividad, os recomiendo que echéis un vistazo a los formularios. Otra curiosidad es la máscara que muestra y esconde a los mecánicos manipulando los...
La evolución web desde 1990 a 2012
Desde hace unos años, el diseño web ha sufrido una tremenda transformación, gracias a las nuevas tecnologías y a la obligatoria necesidad de los distintos navegadores de adaptarse a ellas. La web hoy en día es un Universo cada vez mayor de páginas web y aplicaciones...
Curvar texto con CSS3 y jQuery
En este blog de diseño web, ya hemos visto algún ejemplo de cómo manipular la posición de las fuentes en HTML. En un post anterior, vimos cómo curvar texto con un CSS y HTML5, también vimos como rotar un texto y por ejemplo, escribir con HTML en vertical....
Animaciones Hover con jQuery
Algunos de vosotros habréis tenido (los menos ;), la curiosidad de ver el portfolio de este blog de diseño web. Al situarte sobre la imagen, esta se desplaza y deja ver otra imagen u html. Es un efecto muy utilizado en galerías, ahorra espacio y además es...
50 barras preload en PSD. GRATIS !!!
50 originales barras de progreso en formato PSD, listas para descargar desde http://designshareblog.com/
Botones Facebook, Twitter,… en formato PSD. GRATIS !!!
Botones para introducir las redes sociales en tu diseño. Se trata de botones Facebook, Twitter, Youtube, ... Todos ellos en formato PSD y listos para descargar gratuítamente.
Ideas para diseñar Apps para iPhone e iPad
El diseño de Apps es ya una asignatura de obligado conocimiento para un diseñador. Tamaño de gráficos, resoluciones, usabilidad, interfaces, todo es distinto a lo que actualmente hemos diseñado para web, así que no queda más remedio que ponerse al día y fijarse en lo...
Parallax Slider con CSS3 y jQuery
Hace unos meses, en este blog de diseño web, vimos unos ejemplos de las últimas tendencias de diseño, el Parallax. Hoy vamos a ver un ejemplo más de cómo hacer un slider con Parallax, en el que podemos ver cómo los elementos del diseño aparecen y desaparecen con...
25 animaciones jQuery y CSS3
25 animaciones jQuery con sus correspondientes tuturiales. Sliders, parallax, landscapes animados, menús, etc... Seguro que encuentras algo que se adapte a lo que andas buscando. Ver animaciones en visionwidget.com
Scrollbar con jScrollplane. jQuery
En diseño web cada vez se ve menos el scroll. De todos modos, hay veces en los que es necesario y si además podemos meter una barra diseñada por nosotros y ocultarla, mejor que mejor. Este código nos permite ocultar la barra de desplazamiento, apareciendo cuando nos...
Pintar con HTML5. Diseño Web
El elemento Canvas de HTML5 es una etiqueta HTML similar a <div>, <a> o <table>, con la excepción de que su contenido se escribe o dibuja con JavaScript. La etiqueta canvas va asociada a una función JavaScript, y con ella se pueden hacer todo tipo de...
Notificaciones tipo iPhone con HTML5
El diseño web está muy ligado al resto de diseños tecnológicos, sobre todo al diseño realizado para smartphones. Hoy os dejo algo que seguro que os gusta. Se trata de la notificación que aparece en el iPhone (por ejemplo), cuando tenemos mensajes pendientes de leer....
Casa Rural en Sevilla (El Pedroso). Diseño Web para Turismo Rural
Acabo de entregar un Diseño Web, una web para unas casas rurales en El Pedroso, Sevilla. Toda la web está realizada con WordPress. La web es un tres en uno, se trata de tres casas rurales en una misma web, cada una con su galería de fotos, su calendario de ocupación e...
Menús con Animación en CSS3 GRATIS !!!
Todo lo que antes era impensable en un diseño web, ahora es fácil con CSS3, y más si te ofrecen el código para que te lo descargues gratuítamente !! Tympanus.net nos deja 10 ejemplos espectaculares para que hagas tu menú más atractivo para el usuario. Se trata de...
¿En qué Red Social debo estar si… ?
Parece curioso el dibujo. ¿Somos conscientes de quien puede ver la información que metemos en nuestra res social?. Diversos son los artículos relacionados con este tema y las anécdotas que cuentan lo fácil que es perder una oportunidad en una entrevista después de...
Los mejores Sliders con jQuery. Diseño Web
Está claro que los sliders se implantaron hace tiempo en los diseños web, habrá quien lo tenga perfectamente controlado y habrá quien todavía no sepa muy bien cómo implementar una galería en su web. Wow Slider es una aplicación que instalamos en nuestra máquina y nos...
Alucinantes transiciones de imágenes con jQuery y CSS3
4 efectos Flip, 6 efectos de rotación, 3 de multi-flip, 4 efectos cubo, 2 unfold y 7 efectos más que harán que te quedes alucinado con estas transiciones de imágenes, de nuevo con jQuery y CSS3 La web es tympanus.net, podréis ver los efectos y descargar código...
Retina display de iPhone para web
Hoy os dejo una adaptación de la retina display de iPhone para adaptarla a web. Se trata de un efecto lupa que se acciona con el ratón, realizado con jQuery. La lupa nos muestra la imagen a tamaño original y lo que queda fuera es una reducción de la misma. El efecto...