elWebmaster.com

CSS | recursos | código

Toolbox CSS: estilos para usar en cualquier sitio web

Toolbox CSS: estilos para usar en cualquier sitio webToolbox CSS es simplemente un conjunto de fragmentos de c√≥digo CSS que no est√° relacionado con ning√ļn sitio web en particular, para que puedas copiar y usar directamente en tus proyectos. La idea es que no escribas 1.000 veces la misma clase para una propiedad float.

Toolbox CSS es completamente libre, puedes hacer lo que quieras con √©l, modificarlo, usarlo como est√°, etc. Puedes usarlo como una segunda hoja de estilos “fija” o agregarlo a tu CSS principal. Seguir leyendo

08/may/08, 15.48 Juan Manuel Comentar

Dise√Īo | CSS | recursos

CleanCSS: optimizando autom√°ticamente tu hoja de estilos

CleanCSS: optimizando automáticamente tu hoja de estilosCleanCSS es un servicio online gratuito que te permite copiar el código de tu hoja de estilos CSS y optimizarlo en forma automática. Está pensado para quienes trabajen CSS desde Dreamweaver (¡atentos alumnos del taller de Thor! ^_^) dado que este suele agregar código innecesario que hace más pesados los archivos (y lentos para cargar).

Tenemos 5 opciones de compresi√≥n: desde la m√°s extrema (ning√ļn ser humano entender√° el c√≥digo luego) hasta la m√°s “prolija”. Haz clic aqu√≠ para probar CleanCSS.

05/may/08, 12.36 Juan Manuel Comentar

Dise√Īo | Programaci√≥n | CSS

CSS3: declarando variables

Declarando variables en CSS3Sin duda es algo que muchos programadores estaban pidiendo. Por fin la tercera versión de CSS soportará variables. Hay un poco de controversia con este cambio, dado que CSS se comienza a parecer a un lenguaje de programación.

En síntesis, ahora podremos declarar variables en CSS3. Cada uno decidirá para qué las usa y verá si su código pasa a tardar el triple en cargar, si le va perfecto o si se queda con lo que venía usando y se apoya en Javascript. Por ahora, conozcamos la sintaxis. Seguir leyendo

29/abr/08, 16.06 Juan Manuel 8 comentarios

Dise√Īo | CSS | c√≥digo

Repasando las medidas y tama√Īos en CSS

Repasando las medidas y tama√Īos en CSSLos estilos CSS nos dan varias opciones a la hora de ajustar el formato de presentaci√≥n de los elementos de una p√°gina web, as√≠ se trate de texto, im√°genes, etc. Hay varios tipos de etiquetas para especificar tama√Īos y medidas que nos ser√°n de mucha utilidad.

Desde csslab.cl, Jorge Epu√Īan nos trae un repaso de los est√°ndares dispuestos por el w3c, ideal para que refresquemos estos conceptos (y para que aquellos que est√°n comenzando con CSS se pongan a tono). Seguir leyendo

07/abr/08, 18.16 Juan Manuel 2 comentarios

CSS | recursos | código

CSS Type Set: creando estilos CSS en forma visual

CSStypeset, genera tus estilos CSSCSS Type Set es una aplicación online que tiene dos cajas de texto: en una le daremos formato (de manera visual) al párrafo de texto que queramos, como si lo hiciéramos con Microsoft Word). En la otra se generará el código CSS que corresponde a ese formato.

De esta forma, sin tener conocimientos previos de CSS podremos descargar el código para pegarlo en nuestras páginas web o en archivos .css, para que todo el texto de nuestro sitio se acomode al formato que queremos. Sin duda CSS Type Set es una gran herramienta. Seguir leyendo

10/mar/08, 11.14 Juan Manuel Comentar

Dise√Īo | Usabilidad | CSS

Optimiza tu sitio para una impresión correcta mediante estilos CSS

A veces queremos imprimir alguna p√°gina web interesante, pero resulta un dolor de cabeza porque el contenido se pierde entre barras de navegaci√≥n, publicidades, logotipos, etc., o peor, queda cortado y debemos imprimirlo en varias hojas y “pegarlas”. Otro problema es el color, generalmente se imprime en escala de grises (blanco y negro), y es muy dif√≠cil de leer el contenido impreso de algunos sitios. Todo esto se soluciona creando versiones para imprimir de cada una de las p√°ginas, pero hay un modo mucho m√°s sencillo de optimizarlas: Usando estilos CSS. Seguir leyendo

27/ene/08, 13.16 Juan Manuel Comentar

CSS | html | código

DebugBar 5 (beta): nueva herramienta de CSS debug para Internet Explorer

DebugBar CSS para Internet ExplorerJean-Fabrice Rabaute, el autor de Companion.JS ha creado una nueva herramienta gratuita, DebugBar, que apunta a que los desarrolladores cuenten con algo similar a Firebug, pero en Internet Explorer. En esta nueva versión beta, para cualquier elemento del DOM que seleccionemos, DebugBar muestra código fuente, estilo aplicado (con detalle del CSS), estilo computado, layout y atributos. Uno de los puntos fuertes de esta herramienta es la posibilidad de usarla para debuggear HTML, llamadas XMLHTTPRequest y Javascript.

Visita la página de DebugBar para bajar la versión beta en forma gratuita.

Fuente: Ajaxian

14/nov/07, 11.33 Juan Manuel Comentar

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder