12 de July, 2011 @22:04
Cuando navegas por una web, a veces, ves una fuente que te gusta y quieres saber de cual se trata. Normalmente tendríamos que navegar por el archivo .css y averiguar cual es la clase que afecta a dicho elemento y comprobar la fuente. Ahora podemos usar WhatFont un marcador que abriendolo desde el navegador nos Continuar →
12 de July, 2011 @16:49
Normalmente, por lo general, con los selectores básicos de CSS nos es suficiente para cualquier diseño. Pero aveces necesitamos ser un poco más especifico. Para ello tenemos otros selectores, no tan conocidos, pero igualmente útiles. A continuación listo 8 de los que consider más útiles y desconocidos. Hay muchos más, estos son solo una selección. 1. Continuar →
3 de July, 2011 @20:17
Estamos ante un plugin capaz de mostrar ventanas modales usando jQuery y que además nos da la opción de personalizarlas mediante CSS, con lo cual, es muy sencillo. leanModal.js es ideal para ocultar contenido y mostrarlo solo cuando se requiera. Además pesa solo 780 bytes en su versión comprimida, no usa imagenes y es perfectamente Continuar →
28 de June, 2011 @14:55
Lightly es un plugin que nos permite, facilmente, añadir lightbox a cualquier sitio. Lo curioso de este plugin es que usa CSS3, además de jQuery, por lo que podremos personalizar el aspecto facilmente mediante CSS. Veamos como usarlo Añadimos la hoja de estilos, y los archivos javascripts necesarios. Iniciamos el plugin. Podemos personalizar el color Continuar →
16 de June, 2011 @14:13
Estamos ante un editor de código online que nos permite ver el resultado al momento además de compartir el código con quien queramos. El editor está dividido en cuatro cajas. Una para el código HTML, otra para el código Javascript, otra para el CSS y la última para la previsualización de todo junto. Con JsFiddle Continuar →
25 de May, 2011 @23:39
Parece algo obvio, el footer o pie de página siempre va abajo. Pero, imagina que la página no tiene mucho contenido y no es muy alto. El footer podría quedar a mitad de página. Esto se puede solucionar con este pequeño hack. Supongamos que la estructura de nuestra página es algo así: Contenido del footer Continuar →
13 de May, 2011 @14:15
ImgToCSS es una aplicación que nos permite convertir una imagen de no mas de 250×250 pixeles a HTML/CSS. No es algo demasiado útil para una web normal, ni tampoco recomendable, pero para un newsletter es perfecto ya que la mayoría de los clientes bloquean las imágenes por seguridad. Normalmente, todos los que hayan diseñado un Continuar →
25 de April, 2011 @23:19
Con este truco podremos crear etiquetas solamente en CSS3, sin usar imagenes. Ideales para dar estilo a las etiquetas o tags de las entradas de nuestro blog. Para crear estas etiquetas usamos el “truco” para crear triangulos y circulos en CSS.
24 de April, 2011 @10:00
Estamos ante un framework de CSS que han lanzado los chicos de CSS Wizardry pensado para resolver los problemas diarios que se encuentra un desarrollador y evitar tener que realizar tareas repetitivas continuamente. Inuit.css funciona tanto en navegadores de escritorio como en versiones móviles o tablets. Además también es compatible con los últimos elementos de Continuar →
17 de March, 2011 @18:37
Cuando estamos trabajando intensamente con el CSS de un diseño, todos, tenemos que ir actualizando la página web después de realizar cualquier pequeña modificación para ir viendo los cambios. Gracias a Live CSS podemos simplificar el proceso. Tras agregar Live CSS a nuestra página, este, comprueba automáticamente si se ha realizado algún cambió en la hoja de estilos Continuar →