SimpleWeather es un plugin de jQuery que nos permite mostrar las condiciones meteorológicas en cualquier lugar utilizando las predicciones de Yahoo! Weather.
Las características de este jQuery son bastante potentes, podemos utilizar la iconografía por defecto de Yahoo! Weather o personalizar nuestros propios iconos, en este enlace podremos encontrar juegos de iconos que nos pueden servir. seguir leyendo…
El CSS3 y el HTML5 han actualizado de manera significativa el desarrollo web, si bien los principios fundamentales son los mismos, hay innumerables técnicas y nuevas posibilidades disponibles. seguir leyendo…
Hace varias semanas publicábamos una interesante colección de iconos creada por Victor Erixon. Pues bien, el amigo Victor a tenido a bien, crear una nueva colección de 80 mini iconos, simples y prácticos y que encajan perfectamente en nuestros trabajos.
Continuamos con la recopilación de más efectos en CSS3 y jQuery. Hoy os presentamos 3 efectos que podremos incorporar a nuestros proyectos dándoles un toque diferente.
Comenzamos con un original efecto al pasar el cursor por las miniaturas.
Al pasar el cursor sobre la miniatura provocará un efecto de transición mostrándonos una descripción de la imagen. Tenemos disponibles 10 efectos diferentes que van desde el blur, un zoom ampliado, movimientos hacia arriba, abajo, izquierda, derecha etc…
La idea principal es ampliar la zona sobre la que hago clic, dejando el resto de zonas menos opacas. Como opciones, podremos personalizar la altura y la anchura, así como el número de zonas que están activas.
Efecto de desenfoque en cajas de texto
La idea es que al pasar el ratón por un cuadro de texto, este se amplia ligeramente y el resto de cuadros no activos se reducen mostrándose desenfocados.
Hoy comenzamos una recopilación de 3 posts en los que podremos aprender a realizar diferentes efectos realizados con jQuery y CSS3 con un denominador común, su espectacularidad.
Comenzamos esta serie con un efecto de desenfoque en transición de una imagen de fondo.
Este efecto provoca un blur en las imágenes de fondo en transición con la posibilidad de variar el fundido y la duración del blur en cada imagen.
En segundo lugar, un efecto de miniaturas que se escalan proporcionalmente al pasar el ratón y nos permite en alguna de sus variaciones mostrar descripciones de la miniatura seleccionada.
Y para cerrar este primer post de la serie, efectos de tipografía muy originales
Con este efecto podremos crear grandes titulares con CSS3 y jQuery a través de animaciones y transiciones, ofreciendo diferentes variaciones
Nos ha llamado la atención esta simpática colección de iconos del diseñador sueco Victor Erixon. Se nota el cuidado que ha tenido en los detalles y la uniformidad gráfica del conjunto.
Aunque los iconos son gratuitos, debes estar registrado en la página de Premium Pixels para poder descargártelos.
Aprovechando la llegada de la Navidad, aportamos nuestro granito de arena con un interesante pack de 30 iconos navideños que Freepik (el buscador de recursos gráficos gratuitos) nos ofrece.
El pack está disponible en formato PDF, EPS y AI y lo más importante, los podéis utilizar de forma totalmente gratuita.
La utilización de sliders esta a la orden del día en el mundo del diseño web actual. Desde carruseles de imágenes, textos, etc… hasta la integración hoy en día de videos o código HTML.
El slider es un recurso fácil de integrar en nuestra web y nos ofrece un dinamismo que antes no teníamos; tal vez pecamos muchas veces de una excesiva utilización de este tipo de recurso en nuestros desarrollos.
En Smashing Hub han realizado una recopilación de 40 sliders realizados en jQuery (hay algunos adaptados al diseño responsive) y que pueden sernos de mucha utilidad para poder aplicar en nuestros desarrollos. seguir leyendo…
Hoy os presentamos IconMonst, un repositorio de iconos en blanco y negro para que podamos utilizarlos en bruto y poder darle las texturas o colores que queramos. La colección cuenta actualmente con mas de 600 iconos en formato PNG o SVG.
Podemos ordenar el listado de iconos por los mas recientes, populares o aleatorios. Dispone también de iconos relacionados cuando entramos en la ficha de cada uno de ellos.
Los iconos puedes ser utilizados libremente tanto para usos personales como comerciales.
Os recomendamos muy mucho esta colección.
Enlace: iconmonstr.com
Freepik ha sido rediseñado por completo y ahora con un interface mucho mas intuitivo y claro, nos permitirá encontrar, no solo vectores o fotografías, si no además tendremos la posibilidad de encontrar archivos PSD.
Con más de 1.313.236 de recursos indexados, Freepik se ha convertido en un referente líder en su sector. Esta disponible en 14 idiomas (español, francés, ingles, chino etc…).
Con este servicio, los diseñadores tenemos una gran ayuda a la hora de localizar fotos de calidad, vectores, ilustraciones y archivos PSD.
Eres importante señalar que todo el contenido que Freepik indexa es gratuito o de libre uso.
URL: www.freepik.es
