css

Konstruktors: snippets CSS

ByLuis December 7, 2007

Konstruktors es un lugar dÃ³nde podremos encontrar cÃ³digos CSS para copiar y pegar. No se trata de ficheros independientes, sino de trozos de cÃ³digo.
Mantener cÃ³digo CSS en ficheros de texto no es difÃcil, y es conveniente teniendo mÃºltiples llamadas HTTP. Si tenemos bien organizados nuestros estilos, con estos trozos de cÃ³digo podremos modificar los estilos sin mayor dificultad.
Los trozos de cÃ³digo se dividen en uso para grid, aspectos bÃ¡sicos de HTML y menÃºs.
Konstruktors
VÃa / Posh CSS

css

Permitir que IE aplique estilos a las etiquetas HTML5

ByLuis August 18, 2010August 18, 2010

El que los navegadores antiguos o IE no acepten etiquetas HTML5 no suele ser un problema a la hora de mostrarlas, el problema viene a la hora de aplicar estilos e IE que no le aplica los estilos, ya que IE ignora las etiquetas.

header { /* sus estilos */ }
section { /* sus estilos */ }
footer  { /* sus estilos */ }

Para ponerle solución, se puede crear un elemento dinamicamente antes de aplicar los estilos, y por arte de magia (o desesperación) tendrá los estilos al elemento.

html5shiv

css | Curiosidades | IE | Microsoft

Los diseñadores de Microsoft también tiene problemas con IE

ByLuis March 30, 2006

Curioso y gratificante ver que no solo los nosotros sufrimos al IE, sino que los propios que trabajan en Microsoft lo sufren. En una de sus CSS se puede apreciar como una clase tiene el nombre StupidIEMarginHack y otra el nombre StupidIEWidthHack. Esto me recuerda la costumbre que solemos tener de poner trazas con insultos, palabras mal sonantes, … debido a la desesperación que sufrimos al desarrollar y que luego se nos olvida quitar.
Vía / Digg

Firefox

Firefinder: plugin para Firebug que localiza elementos

ByLuis May 14, 2009

Firefinder es un plugin para Firefox que se integra con Firebug y que nos permite localizar de forma rápida y sencilla elementos HTML en la página.
Permite usar selectores CSS y XPath, por lo que no es necesario conocer una nomenclatura nueva, y además nos ayuda cuando trabajemos con los selectores jQuery o cuando estemos parseando HTML.
Firefinder
Vía / Robert’s talk

css

CSS Clean: optimiza tus CSS

ByLuis October 25, 2007

A la hora de crear nuestras hojas de estilos, podemos crear ficheros css que no sean del todo Ã³ptimos, ocupando mÃ¡s espacio de lo debido, entre otras cosas. Por ello CSS Clean nos ayuda a optimizar nuestros css de forma rÃ¡pida y sencilla.
Basado en CSSTidy, existen varios niveles de compresiÃ³n, permitiendo desde hacer el css algo ilegible, pero menos extenso, hasta una compresiÃ³n personalizada, la cual permite quitar los Ãºltimos punto y comas, dejar los comentarios, eliminar las propiedades que no sean vÃ¡lidas para una versiÃ³n de CSS.
Una aplicaciÃ³n que nos puede ser de mucha ayuda y que facilmente puede conseguir un ratio de compresiÃ³n del 20%.
CleanCSS
VÃa / dzone

css

Dando estilo a los formularios con CSS

ByLuis January 10, 2007

Roger Johansson revisa su clÃ¡sico “styling from controls“, artÃculo en el que mostraba cÃ³mo se ven los estilos CSS aplicados sobre los controles de formularios en diversos navegadores y sistemas operativos.

Demostraba ademÃ¡s que intentar que los elementos de formulario se vean igual en todos los navegadores es una tarea imposible.

Roger acaba de publicar una revisiÃ³n incorporando nuevos navegadores y sistemas operativos y agregando nuevos controles. En total revisa los siguientes controles en 14 combinaciones navegador – sistema operativo:

Una actualizaciÃ³n necesaria, un recurso indispensable.

Desarrollo web

Recursos para un sitio compatible con navegadores

ByLuis October 23, 2007

Uno de los mayores problemas con los que nos encontramos cuando estamos desarrollando una aplicaciÃ³n web es la compatibilidad con los diferentes navegadores, bueno, realmente la compatibilidad de estos navegadores con los estÃ¡ndares.

Para ayudarnos en esta lucha, nada mejor que esta serie de recursos:

Cross Browser CSS For Your Site: una guÃa para realizar CSS compatible con los diferentes navegadores, grandes consejos con ejemplos, no teorÃa.
Starting With CSS: Revisited: cada navegador tiene estilos por defecto para las etiquetas HTML, siendo estos algo diferentes entre ellos. Elimina el margin y el padding para empezar con todos los navegadores del mismo modo.
Two CSS Hacks For Identical Pages: dos consejos que podemos usar y un aviso de cÃ³mo empezar a escribir tu cÃ³digo.
CSS Hacks & Issues: una serie de consejos y trucos para librarse de los quirks de Internet Explorer.
Box Model Hack: hack para dibujar correctamente el modelo de caja en IE 5 y 5.5.
Eric Meyer On CSS: consejos para usar trucos con los navegadores y ocultar estilos.
/* Position Is Everything */: necesario para aquellos que quieran desarrollar su layout.
glish.com : CSS layout techniques: ejemplos de layouts de 3 columnas, 2 columnas y modelos fluidos.
100 Percent Cross Browser, Pure CSS Layouts: otro lugar donde encontrar layouts CSS.
Rendering Mode and Doctype Switching: esta pÃ¡gina te enseÃ±a que DOCTYPE usar para usar el “standards mode”.
Activating the Right Layout Mode Using the Doctype Declaration: tabla con una relaciÃ³n de los navegadores y el tratamiento que le dan al doctype.
In Search of the Holy Grail: creaciÃ³n de layouts.
Litmus Labs: CSSVista: aplicaciÃ³n que permite modificar tus CSS en Firefox y en IE.
Browser Shots: herramienta online que te devuelve pantallazos de una pÃ¡gina vista en diferentes navegadores.
IE NetRenderer: lo mismo pero para diferentes versiones de IE.

Designing For Every Browser: How To Make Your Site Fully Cross Browser Compatible

VÃa / dzone

Similar Posts