¿Qué es LESS? Como utilizar less para mejorar nuestro CSS3 (Less.js)

(Primera parte)

LESS es una pequeña y gran herramienta que extiende las posibilidades del CSS añadiendo variables, mezclas, operaciones y reglas anidadas. Esto significa que con LESS podemos escribir código ligero y óptimo de forma muy rápida. LESS (less.js) también nos va a ser muy útil para simplificar algunas del las propiedades avanzadas del CSS3, y sobretodo para combinar varias propiedades en una sola orden.

LESS es un compilador o un previo que procesa las instrucciones previamente para facilitar luego las cosas y hacer que nuestro CSS sea más fácil de mantener, más límpio, más personalizable y más extensible. A primera vista puede parecer que nos complica las cosas, pero en realidad nos va a facilitar la vida si nos gusta el CSS y estamos acostumbrados a trabajar con él.

Continuar leyendo

Compartir

Como hacer cantos redondeados (redondos) con HTML5 y CSS3 (esquinas redondeadas)

Warning: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead in /usr/home/dissenyaweb.com/web/blog/diseno_web/wp-content/plugins/highlight-source-pro/highlight_source_pro.php on line 128
Compartir

Botones de diseño con HTML5 y CS3

Si te preguntas como hacer  buenos botones en HTML 5 y CS3 para tu web, este es tu artí­culo. En 3 sencillos pasos tendras estos magní­ficos botones que darán un plus de diseño y usuabilidad a tu web.

Vemos un ejemplo de lo que queremos conseguir:

Ejemplo de botones elegantes con HTML5 y CSS3 (Twitter Bootstrap)

Para conseguir estos botones elegantes y simples, utilizaremos Twitter Bootstrap porque nos ahorrarí  mucho tiempo y conseguiremos un diseño de gran calidad compatible con todos los navegadores.

Veamos paso a paso com crearlos:

Continuar leyendo

Compartir

Los buscadores internos complementan la navegación principal, pero cuidado: ¡no la solucionan!

En muchas ocasiones, cuando un usuario entra en determinados sitios web, puede navegar a través del menú principal y el resto de enlaces visibles, o puede utilizar un buscador interno para tratar de hallar directamente lo que busca.  ¿Hasta que punto dichas opciones condicionan la usabilidad de un sitio web?

Continuar leyendo

Compartir

Leyendo en la web: comparativa de diversos esquemas y formatos para hacer párrafos y textos más “apetecibles”

La legibilidad de un texto depende de múltiples factores: el tipo de letra, el tamaño,  el color, el espacio que dejamos entre una lí­nea y otra, los márgenes, la alineación, el fondo de la página, etc… Pero, ¿cómo organizamos estos elementos para crear textos más claros, atractivos y legibles para nuestro sitio web?

Continuar leyendo

Compartir

Cuida los detalles cuando trates con visitas: sitios web en los que pequeños detalles marcaron la diferencia.

La usabilidad de una página web depende en gran parte de cómo se disponen y muestran sus contenidos. Una buena jerarquización de los elementos es una buena base, pero la sutileza y el “savoir fer” en los detalles será lo que realmente marcará la diferencia.

Continuar leyendo

Compartir