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.
Fontello es una herramienta que nos permite generar nuestra propia fuente tipográfica, seleccionando iconos de diferentes tipografías existentes (Fontelico, entypo, Font awesome, iconic, typicons…).
Lo único que deberemos hacer es seleccionar los iconos que mas nos gustan, no importa que sean de diferentes tipografías, y generar nuestra propia fuente. Nos descargaremos un Zip con la tipografía generada en formato eot, svg, ttf y woff.
Podremos utilizar estos iconos tipográficos tanto como elementos vectoriales como fuentes a incorporar a nuestro CSS para usarlos como tipografías web.
Muy sencillo de utilizar y muy recomendable.
URL: http://fontello.com/
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
En esta noticia se centran las bases de lo que posiblemente sea la tendencia del diseño web en el 2013, aunque nos centramos en 7 tendencias que consideramos mas relevantes podéis encontrar en internet algunas mas.
El diseño adaptado al dispositivo o diseño responsive será el denominador común como herramienta para ahorrar tiempo a la hora de desarrollar una página y evitar la creación de subdominios optimizando nuestros diseños de cara a buscadores Desplazamiento vertical de elementos La navegación nos acompaña verticalmente por la página. Los menús, herramientas sociales etc…, se desplazan acompañando al usuario en la navegación mejorando la experiencia de usuario.
Con el fin de adaptarse a las necesidades táctiles y a las dimensiones de tabletas y smartphones, los botones serán de mayor tamaño y más accesibles. En general hablamos generalizar el concepto “grande” como tendencia para el 2013.
seguir leyendo…
El 10 de octubre de 2012 abrió el Restaurante Deartys, donde se ofrece una cocina clásica pero con toques de modernidad.
La idea era mostrar una web de restaurante diferente, donde el cuidado por el detalle fuera importante. La web se basa fundamentalmente en una amplia cabecera en jQuery para la portada y con una estructura muy sencilla, cuatro secciones principales: el chef, nuestra carta, noticias y reserva online.
El restaurante que regenta el Chef Eduardo Martínez Villegas se convertirá en breve en visita obligada para el buen comedor.
URL: www.deartys.es
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.
