All posts tagged CSS
Using CSS Variables
It is very common to find repeated property values in a CSS stylesheet. CSS Variables allow authors to define variables that are reusable as property values anywhere in a stylesheet and queryable/modifiable through an extension of the CSS Object Model.
CSS Variables can define stylesheet-wide values identified by a token and usable in all CSS declarations. A recurring value, like colors or background-color in a stylesheet, will be way easier to update across the stylesheet if a developer has to modify at just one single place or value instead of modifying all style rules applying the property:value pair.
CSS Variables, once implemented, will allow authors to define variables that are reusable as property values anywhere in a stylesheet and queryable/modifiable through an extension of the CSS Object Model.
Majority of the Web Designers and Developers has been requesting a way of defining CSS Variables since its early release. Nonetheless, some are of the opinion that it is not needed and will complicate matters.
Why variables in CSS?
Dise
- El kit de diseño para Web 2.0 de Tommy Maloney : una guía fantástica para dominar sombras suaves, gradientes, patrones, y por supuesto las esquinas redondeadas.
- Un buen artículo de Schillmania sobre la construcción de bordes redondeados con el CSS.
- Alistapart debe estar en tu lista de RSS si no lo está ya. Atención categoría diseño.
- Una clase particular sobre gradientes muy completa.. Si no es eso bastante en esta lista hay más.
- El diseñador australiano Miles Burke tiene una gama de colores Web 2.0 puedes descargar e importar a Photoshop. Consigue tu tono pastel:)
- Un artículo sobre zoom layouts con referencias y muestras del código.
- M.Kiesler explica en The Big Font Conspiracy la relación entre las fuentes y el diseño elegante.
- Jakob: construcción de tu propia Web 2.0. Paso a paso.
- Fontshop , artículo sobre Logos en Web 2.0.
- Fuentes ‘comic’ : blambot.
- Para dar un paseo: : InspirationKing, cssimport, o cssbeauty.
SOLUTION: PNG in Windows IE: Info & Links
Pros:
* Ignored as a comment in other browsers – it’s only run by Windows IE.
* Works with (X)HTML Strict & Transitional Doctypes
* Does not break W3C validation
* Lightweight and very easily deployed
* Works with existing in-line or external CSS rules based on class or ID selectors
* Works with old-style img align=”left” or align=”right” attributes
* Runs after any existing Body Onload code
* Works with imagemaps and input images using a special version
Cons:
* Doesn’t work in IE versions earlier than 5.5 – the AlphaImageLoader filter wasn’t introduced until version 5.5. There is no cure for earlier versions.
* Requires JavaScript to be enabled – the estimations for how many people choose not to use JS vary wildly. See note [1]
* CSS backround PNGs not supported – experimentation revealed I could traverse the Stylesheets collection and use the AlphaImageLoader trick to replace all background-image attributes containing PNGs, but then background-repeat would not work, and anchors placed over non-transparent parts of the image were not clickable 
* CSS rules for the PNG images based on the img selector are lost, but this is easily rectified by adding a class selector to your img rule such that img{..} becomes img,.png{..} – then add the attribute class=”png” to each of your PNGs.
http://homepage.ntlworld.com/bobosola/pnginfo.htm
El soporte para CSS en los clientes de correo
Buenisimo art
La movida de las esquinas redondas
Gracias a http://www.albin.net/CSS/roundedCorners/ por compartir esto
