Principle es una herramienta para la creación de prototipos. Consigue lograr de un modo sencillo el diseño de interfaces de usuario animadas e interactivas. Principle permite crear desde microinteracciones hasta flujos de múltiples pantallas. La interfaz de Principle es similar…

¿Qué son las Variable Fonts? Variable Fonts son la nueva revolución en lo tocante a diseño tipográfico. Han sido desarrolladas por un grupo de expertos de Apple, Google, Microsoft y Adobe. Se empezaron a dar a conocer en eventos mundiales…

Con estas técnicas podrás crear gráficos circulares con Sketch muy fácilmente. Te habrás encontrado muchas veces en tus diseños de aplicaciones con la necesidad de crear gráficos bellos y claros para ilustrar estadísticas y datos diversos. Con estas técnicas podrás…

Sketch es una aplicación de diseño vectorial pensada para diseñadores. Entre sus características principales se encuentra su facilidad para crear y organizar símbolos, estilos y las ventajas de exportación de piezas o assets. También la agilidad para manejar artboards ,…

¿Tus .PSD están debidamente ordenados? Trabajes solo o con compañeros y más aún si haces entregables de tus ficheros PSD a terceros, debes procurar mantener tus archivos lo más organizados posibles. Esto es recomendable tanto si en un fichero trabajarán…

Desde mi entrada Sticky footer, pie de página fijo al final de la página de 2011, podemos decir que el uso de un pie de página fijo es una constante en la mayoría de las webs de hoy en día.…

Halloween ya asoma a la puerta y desde hace tiempo este día es muy importante no sólo en EEUU. También en nuestro país estará ya preparándose alguna que otra fiesta de Halloween, lo que naturalmente requiere enviar invitaciones originales y…

En Udacity ofrecen de modo gratuito un Curso de Material Design para desarrolladores de Android que está realmente bien. Os lo comento para quien le pueda interesar. Es un curso orientado a explicar como aplicar los principios del estilo "Material…

Las tablas son un elemento frecuentemente usado en diseño para mostrar comparaciones de datos. No hay demasiado problema para visualizar tablas actualmente en nuestras resoluciones de pantalla de sobremesa ("desktop") pero esto puede presentar un problema al verlas en las…

Un triángulo, en geometría, es la reunión de tres segmentos que determinan tres puntos del plano y no colineales. Cada punto dado pertenece a dos segmentos exactamente. Los puntos comunes a cada par de segmentos se denominan vértices del triángulo…

Long shadows son las (relativamente) nuevas sombras que se extienden desde el objeto formando un ángulo de 45 grados y cuyo tamaño es de 2,5 veces el objeto. Esta tendencia se está usando actualmente entre los diseñadores gráficos y web…

"CSS Animations", una guía sobre las animaciones y transiciones CSS escrito por Val Head. Es un libro dedicado a diseñadores y desarrolladores web, los cuales quieren conocer las novedades de las animaciones CSS, quienes quieren comenzar a utilizarlas y a…

Esta es una pequeña recopilación de tutoriales y demostraciones de menús off-canvas. Foundation Off-canvas El framework Foundation viene preparado con componentes para crear menús Off-canvas de una forma sencilla. Pushy Pushy es un menú off-canvas responsive creado con trasiciones y…

Puede hacernos falta tener más de un menú en nuestro tema de WordPress, por ejemplo un menú principal con unos ítems y con una apariencia y posición concretas. También un menú en el pie de la web, con otros enlaces…

El pasado 28/02/2013 este vídeo sobre Preprocesadores CSS fue emitido en directo por HTML5 Spain. Naiara Abaroa en su charla instructiva y amena nos habló de los principales preprocesadores CSS: less, sass y stylus. El modo de maquetar web y…

Imagínate que actualizas tu WordPress a la última versión y tienes algún conflicto, por ejemplo que los plugins que tenías instalados no funcionan bien con esta versión de WordPress o incluso generan algún conflicto. No te preocupes, puedes volver a…

Hacks para Internet Explorer Hacks para Firefox: Hacks para Chrome y Safari FUENTES: ww.fix-css.com

A continuación os facilito los mejores enlaces que conozco a tutoriales donde explican detalladamente cómo crear un tema wordpress desde cero: - Crafting Your Theme Framework’s Structure and Layout (WPCandy) - How to Create a Minimalist and Typographic Blog Layout…

Cuando diseñamos webs cada vez deseamos poder usar los nuevos efectos que el CSS3 nos permite. Esto puede convertirse en un reto sobre todo si no queremos utilizar JavaScript o queremos intentar que nuestro código sea compatible con la mayoría…

Existen un gran número de plugins para compartir un post en redes sociales que funcionan maravillosamente y que además nos permiten compartir nuestros artículos con muchas redes sociales. A mí, sin embargo, me interesa poder realizar esta función sin utilizar…

Los comentarios a un post en Wordpress se pueden paginar. Wordpress desde la versión 2.7 ya incluye en el Core una función para eso, los paginate comments links, así que si la llamamos en nuestra plantilla de comentarios (normalmente comments.php…

Si en tu web tienes un copyright con fecha, podrías hacer que el año se actualizara de forma dinámica. Para esto deberás añadir este código en el fichero functions.php Y en el php para el pie de página, footer.php pondríamos…

En CSS3 existe una propiedad llamada "text-shadow" que permite añadir una sombra a cada letra de un texto. En su forma más simple, sería así: El código anterior le está dando este estilo de sombra al texto de un H3.…

Me interesaba integrar mis últimos tweets en mi blog sin utilizar un plugin para poder tener mayor control sobre este elemento e intentar recargar menos mi wordpress. Así que me pareció muy buena la opción de cargarlo con jQuery y…

Es frecuente en maquetación web que necesitemos centrar una capa o div de modo horizontal y vertical . Además esta capa debe quedar centrada siempre, aunque redimensionemos la ventana, incluso para diferentes tamaños de pantalla. Se consigue del modo siguiente…

Post actualizado Sticky footer. Buenas prácticas. Un pie de página fijo (sticky footer) es muy útil a la hora de maquetar webs que pensemos que tengan páginas con poco contenido. Es una buena solución para que el pie permanezca en…

Post actualizado a 15 de noviembre @font-face es un método mediante el cual podrías utilizar, en teoría, cualquier fuente tipografía en un sitio web. Este método consiste en subir al servidor el fichero de la fuente (embeber). No podemos embeber…

En el blog de Ma.tt explican cómo implementar imágenes aleatorias en cualquier parte de tu tema de Wordpress. Por ejemplo, si añadiésemos un bloque de imágenes aleatorias para nuestra cabecera, cada vez que entrásemos en nuestra web veríamos una imagen…

En WordPress podemos utilizar imágenes destacadas para ilustrar un post. Las imágenes destacadas ( featured images ) existen en WordPress desde la versión 2.9, así que para usarlas no se necesita ninguna clase de plugin extra. Muchos temas ya las…

Introducción: ¿qué es CSS? CSS, Hojas de Estilo en Cascada (Cascading Style Sheets), es un mecanismo simple que describe cómo se va a mostrar un documento en la pantalla, o cómo se va a imprimir, o incluso cómo va a…