Bootstrap, un sistema de 12 columnas para construir webs responsive Bootstrap es un framework o conjunto de herramientas de código abierto para diseño de sitios y aplicaciones web. Contiene plantillas de diseño con tipografía, formularios, botones, cuadros, menús de navegación…

Cuando diseñamos una web es de gran importancia el texto. La apariencia visual del texto, es decir que tipografía o tipografías elegimos para el website, se diseña. Si elegimos una u otra fuente tipográfica, qué estilos de esa tipografía vamos…

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.…

Leo esta tarde en Genbeta que ya es oficial que Internet Explorer 8, 9 y 10 se quedarán sin soporte la semana que viene. Microsoft lo ha anunciado el pasado 6 de enero. Advierte que el próximo 12 de enero…

Bienvenidos, icon fonts Los icon fonts se tratan de iconos que en realidad forman parte de una fuente tipográfica. Esta fuente en lugar de letras contiene iconos. Esta idea ya existía hace años en fuentes llamadas dingbat , que quizás…

"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…

O'Reilly acaba de sacar la beta de su nuevo proyecto Atlas. Atlas es una plataforma de publicación, donde leer, escribir, colaborar y aprender. O’Reilly es famosa por hacer muy buenos libros sobre programación, diseño y tecnología. Sí, son los de…

FROONT, es una herramienta de prototipado visual para webs responsive. Está ahora mismo en fase Beta y me acaban de enviar mi código para poder probarla. Por lo de ahora poco puedo decir, pero tiene buena pinta... habrá que probarla…

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…

La guía "A Begginer's Guide to HTML & CSS" de Shay Howe está muy bien explicada y además tiene una maquetación muy agradable que facilita la lectura. Está en inglés, pero si comprendéis el inglés, el contenido os será muy…

Los botones (input, button) en el iPad se muestran con bordes redondeados y sombras. Esta apariencia puede no convenirnos en el diseño de alguna web determinada. Estos estilos se pueden anular con CSS. Defiendo que no queremos utilizar la apariencia…

Initializr es una herramienta de HTML5 Boilerplate, un conjunto de plantillas HTML, CSS y JS para el inicio de sitios web, de un modo rápido, robusto y profesional, apto ya para HTML5. Con Initializr podrás generar tu sitio web totalmente…

Dar transparencia o opacidad a un elemento mediante CSS es una estas propiedades que para que funcionen bien en todos los navegadores requiere de varios trucos. Lo normal sería opacity: 0.5; pero hay varios hacks a tener en cuenta. Apunto…

A la hora de diseñar una web los diseñadores debemos dejar espacio para el texto y su correspondiente diseño: tipo de letra, espacio entre párrafos, interlineado, etc. Para ver cómo quedan nuestros textos solemos utilizar texto simulado, la mayoría de…

En este artículo CSS pitfalls and how to overcome them recogen una serie de problemas que se nos suelen presentar cuando estamos diseñando con CSS y nos dan buenas soluciones para resolverlos. Os recomiendo echar un vistazo.

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…

Muy útil a la hora de maquetar esta guía de referencia para caracteres XHTML que contiene 252 referencias oficiales reconocidas por el W3C. FUENTES 1stWebdesigner XHTML Character Entity Reference

El plugin WP Maintenance Mode para Wordpress nos permite que mientras tenemos nuestro blog wordpress en construcción que el usuario pueda ver otra página diferente (que nosotros podemos personalizar totalmente) y nosotros mientras tanto vamos construyendo el blog por debajo…

Recientemente por razones de trabajo he tenido que abordar el tema del diseño de una página web para niños . A la hora de diseñar un website infantil hay que tener en cuenta ciertas características relacionadas con este target, los…

Initializr es una herramienta de HTML5 Boilerplate, un conjunto de plantillas HTML, CSS y JS para el inicio de sitios web, de un modo rápido, robusto y profesional, apto ya para HTML5. Con Initializr podrás generar tu sitio web totalmente…

Esta presentación de Rafael Poveda para el WordCamp Spain 2010 nos resume la historia de los temas en WordPress. Fuentes Ayuda Wordpress

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…

Los estándares web son un conjunto de recomendaciones dadas por el World Wide Web Consortium (W3C) y otras organizaciones internacionales acerca de cómo crear e interpretar documentos basados en la Web. El objetivo es crear una Web que trabaje mejor…