VENTAJAS DE USAR CSS:
1. Separación del contenido y la presentación
2. Reducción considerable del peso de una página
3. Facilidad para cambiar el diseño
4. Diseños más exactos (sin truquitos tipo spacer.gif)
5. Adaptabilidad a distintos dispositivos
6. 'Pureza' del código (usar cada etiqueta para lo que realmente es)
ENLACES DE INTERÉS
ESPECIFICACIÓN CSS2
ESPECIFICACION XHTML 1.0
UN BUEN MANUAL CSS
UTILIDAD PARA CHEQUEAR UNA HOJA DE ESTILOS
GUIAS, EJEMPLOS Y TUTORIALES
A List Apart
css.maxdesign.com.au - CSS resources and tutorials for web designers and web developers
the noodle incident
The Layout Reservoir - BlueRobot
RichInStyle.com
http://www.digital-web.com/tutorials...l_2001-5.shtml
Diseñorama
Minid.net » Blog Archive » CSS 3: propuesta para el módulo de bordes.
BrainJar.com: Using Style Sheets
Eric Meyer: CSS
http://www.mako4css.com/index.htm
http://www.thenoodleincident.com/tut...son/boxes.html
Moved
css Zen Garden: The Beauty in CSS Design
tierra de nómadas
CSS Tutorial
dezwozhere —
Stu Nicholls | CSSplay | Experiments with cascading style sheets | Doing it with Style
Why tables for layout is stupid: problems defined, solutions offered
(este último es una buena explicación - en inglés - de por qué no maquetar con tablas)
Diseñorama
http://www.complexspiral.com/publica...psing-margins/
http://www.complexspiral.com/publica...aining-floats/
CSS Tutorial - Introduction (Explican cuando usar ID y cuando usar CLASS de una forma muy simple)
CSS Tutorial - ID vs Class
http://webhost.bridgew.edu/etribou/layouts/skidoo/
203 manually selected sites about Style Sheets
CSS Help Pile - A huge pile of CSS-related tips, tricks & resources. - Artypapers
CSS tests and experiments (CSS tips, tricks, hacks por categorias)
http://www.timvansas.nl/bookmarks/
Web Developer's Handbook | CSS, Web Development, Color Tools, SEO, Usability etc.
http://centricle.com/ref/css/filters...t_columns=true (css hacks y la correspondencia en todos los navegadores )
Live Design | Albino Blacksheep (Live Design, o cómo maquetar una página en CSS, paso a paso. )
http://www.ilovejackdaniels.com/css_cheat_sheet.png
Stu Nicholls | CSSplay | Experiments with cascading style sheets | Doing it with Style
/* Position Is Everything */ — Modern browser bugs explained in detail!
Apuntes de CSS: Sintaxis (Apuntes de CSS Sintáxis español)
http://www.htmlhelp.com/es/reference...roperties.html (propiedades css español)
CSS a fondo (CSS A FONDO español)
Tutoriales de Diseo grfico (CSS Y HTML en español)
Interactive CSS Box Model Demo (MODELO INTERACTIVO DE UN BOX EN CSS)
CSS Tutorial
http://simplelogica.net/caoticoneutral/index.php?p=43 (selectores en CSS)
CSS Techniques Roundup - 20 CSS Tips and Tricks (20 css tips)
http://www.javiercasares.com/2006/03...entos-con-css/ (Experimentos con CSS ESPAÑOL)
Stu Nicholls | CSSplay | CSS only menus (Diferentes menus con estilos CSS) *recomendado
Curso de CSS (Curso de CSS español)
Curso de CSS (Videotutoriales CSS español)*recomendado
http://www.proyectohispano.org/index...id=8&Itemid=63 (curso en PDF de CSS)
http://glish.com/css/home.asp (tecnicas de CSS)
http://glish.com/css/7.asp (layout plantillas de 3 columnas)
http://www.webreference.com/authorin...yout/advanced/ (otro layout de 3 columnas)
http://glish.com/css/9.asp (layout plantillas de 2 columnas)
http://pro.html.it/articoli/id_599/i...pag_1/pag.html (plantillas CSS con esquinas redondeadas)*recomendado
http://forum.joomla.org/index.php/to....html#msg65758 (bench de una plantilla CSS con características del anterior enlace) *recomendado para empezar a practicar.
http://msdn.microsoft.com/library/de...ie20050831.asp
TUTORIAL PARA INSTALAR LA EXTENSION CSS DE FIREFOX:
http://www.mambosphere.com/developer...asses%2c_live/
ADD-ONS CSS DE FIREFOX:
https://addons.mozilla.org/search.php?q=CSS&app=firefox
WEB DEVELOPER PARA FIREFOX
https://addons.mozilla.org/extension...cation=firefox (*recomendado)
HACKS CSS
dithered.com
http://centricle.com/ref/css/filters...t_columns=true
y muchos más enlaces en CSS » blogpocket
SITIOS CON COOLSITES HECHOS EN CSS
cssvault.com
CSS Beauty | CSS Design, News, Jobs, Community, Web Standards
Stylegala - Web Design Publication
W3C Sites - Web sites created by designers that conform with W3C standards
CSS Gallery.com CSS Design and CSS Gallery Showcases RYANSCHERF.NET to LAPAPAPIZZA.RO the Best CSS Galleries and CSS Designs of CSS Web sites Inspiration.
Y NO SOLO DE CSS VIVE EL HOMBRE
También la usabilidad, accesibilidad, SEO, etc, son importantes, así que:
http://uxespanol.blogspot.com/2005/1...ores-y_27.html
Enlace directo a Herramientas de CSS:
http://uxespanol.blogspot.com/2005/1...-y_27.html#2.2
BIBLIOGRAFIA
CASCADING STYLE SHEET, de Anaya
Autores:
Briggs, Owen
Champeon, Steven
Costello, Eric
Patterson, Matt
Nº Páginas: 304
Precio sin IVA: 21,15 € (3.519 Ptas.)
Precio con IVA: 22,00 € (3.660 Ptas.)
Fecha de publicación: 20 Febrero 2003
Diseño con estándares Web
Jeffrey Zeldman
Editorial: Anaya Multimedia
Colección: Diseño y creatividad
SOFTWARE
TOP STYLE (sin duda el mejor editor de hojas de estilo)
STYLE MASTER
Dreamweaver MX 2004
BUG'S CONOCIDOS EN IE:
Explorer Exposed!
BUG'S CONOCIDOS EN OPERA:
Opera Omnibus
BUG'S CONOCIDOS EN MOZILLA:
Open Source Oopsies
RECOMENDACIONES AL USAR CSS:
Buenas prácticas trabajando con CSS. Una traducción libre de ‘CSS Crib Sheet’ de Dave Shea | torresburriel.com
http://www.mezzoblue.com/archives/20.../css_problems/
Otros enlaces:
Recomiendo www.w3c.org que es el corazón de todo esto de los estándares y tiene validadores puros
HTML > http://validator.w3.org
CSS > The W3C CSS Validation Service
CREADOR EN LINEA CSS:
CSS Layout Generator | CSS Creator
GENERADOR DE BOTONES:
http://www.webtaller.com/utilidades/...r/csscoder.php
GENERADOR DE ROLLOVERS
CollyLogic | CSS Multi-element Rollover Generator
CREADOR DE ENLACES CSS EN LINEA
eKiwi - Alles für den Webmaster, kostenlose Banner, Flash, Buttons und vieles mehr
COMPRESOR DE CSS
Tools - CSS Compressor - Arantius.com
GENERADOR DE MENUS
http://www.webmaster-toolkit.com/css...enerator.shtml
GENERADOR AUTOMATICO DE CAJAS REDONDEADAS
CSS Rounded Box Generator
Recursos CSS:
http://www.soxiam.com/Notes/CSSTools
Manuales - Css (Estupendos tutoriales y manuales oficiales del w3c traducidos al español) *recomendado
http://penguin.theopalgroup.com/cgi-...electoracle.py
HERRAMIENTAS VARIAS
http://uxespanol.blogspot.com/2005/1...-y_27.html#2.2 (*recomendado, encontrarán muchas utilidades CSS , vista en diferentes navegadores, colores, menus etc., etc.,)
fuente: http://www.domestika.org/foros/viewtopic.php?t=17293
________________________________________________
Fuente original del post: Joomla! • View topic - CSS en resumen..
1. Separación del contenido y la presentación
2. Reducción considerable del peso de una página
3. Facilidad para cambiar el diseño
4. Diseños más exactos (sin truquitos tipo spacer.gif)
5. Adaptabilidad a distintos dispositivos
6. 'Pureza' del código (usar cada etiqueta para lo que realmente es)
ENLACES DE INTERÉS
ESPECIFICACIÓN CSS2
ESPECIFICACION XHTML 1.0
UN BUEN MANUAL CSS
UTILIDAD PARA CHEQUEAR UNA HOJA DE ESTILOS
GUIAS, EJEMPLOS Y TUTORIALES
A List Apart
css.maxdesign.com.au - CSS resources and tutorials for web designers and web developers
the noodle incident
The Layout Reservoir - BlueRobot
RichInStyle.com
http://www.digital-web.com/tutorials...l_2001-5.shtml
Diseñorama
Minid.net » Blog Archive » CSS 3: propuesta para el módulo de bordes.
BrainJar.com: Using Style Sheets
Eric Meyer: CSS
http://www.mako4css.com/index.htm
http://www.thenoodleincident.com/tut...son/boxes.html
Moved
css Zen Garden: The Beauty in CSS Design
tierra de nómadas
CSS Tutorial
dezwozhere —
Stu Nicholls | CSSplay | Experiments with cascading style sheets | Doing it with Style
Why tables for layout is stupid: problems defined, solutions offered
(este último es una buena explicación - en inglés - de por qué no maquetar con tablas)
Diseñorama
http://www.complexspiral.com/publica...psing-margins/
http://www.complexspiral.com/publica...aining-floats/
CSS Tutorial - Introduction (Explican cuando usar ID y cuando usar CLASS de una forma muy simple)
CSS Tutorial - ID vs Class
http://webhost.bridgew.edu/etribou/layouts/skidoo/
203 manually selected sites about Style Sheets
CSS Help Pile - A huge pile of CSS-related tips, tricks & resources. - Artypapers
CSS tests and experiments (CSS tips, tricks, hacks por categorias)
http://www.timvansas.nl/bookmarks/
Web Developer's Handbook | CSS, Web Development, Color Tools, SEO, Usability etc.
http://centricle.com/ref/css/filters...t_columns=true (css hacks y la correspondencia en todos los navegadores )
Live Design | Albino Blacksheep (Live Design, o cómo maquetar una página en CSS, paso a paso. )
http://www.ilovejackdaniels.com/css_cheat_sheet.png
Stu Nicholls | CSSplay | Experiments with cascading style sheets | Doing it with Style
/* Position Is Everything */ — Modern browser bugs explained in detail!
Apuntes de CSS: Sintaxis (Apuntes de CSS Sintáxis español)
http://www.htmlhelp.com/es/reference...roperties.html (propiedades css español)
CSS a fondo (CSS A FONDO español)
Tutoriales de Diseo grfico (CSS Y HTML en español)
Interactive CSS Box Model Demo (MODELO INTERACTIVO DE UN BOX EN CSS)
CSS Tutorial
http://simplelogica.net/caoticoneutral/index.php?p=43 (selectores en CSS)
CSS Techniques Roundup - 20 CSS Tips and Tricks (20 css tips)
http://www.javiercasares.com/2006/03...entos-con-css/ (Experimentos con CSS ESPAÑOL)
Stu Nicholls | CSSplay | CSS only menus (Diferentes menus con estilos CSS) *recomendado
Curso de CSS (Curso de CSS español)
Curso de CSS (Videotutoriales CSS español)*recomendado
http://www.proyectohispano.org/index...id=8&Itemid=63 (curso en PDF de CSS)
http://glish.com/css/home.asp (tecnicas de CSS)
http://glish.com/css/7.asp (layout plantillas de 3 columnas)
http://www.webreference.com/authorin...yout/advanced/ (otro layout de 3 columnas)
http://glish.com/css/9.asp (layout plantillas de 2 columnas)
http://pro.html.it/articoli/id_599/i...pag_1/pag.html (plantillas CSS con esquinas redondeadas)*recomendado
http://forum.joomla.org/index.php/to....html#msg65758 (bench de una plantilla CSS con características del anterior enlace) *recomendado para empezar a practicar.
http://msdn.microsoft.com/library/de...ie20050831.asp
TUTORIAL PARA INSTALAR LA EXTENSION CSS DE FIREFOX:
http://www.mambosphere.com/developer...asses%2c_live/
ADD-ONS CSS DE FIREFOX:
https://addons.mozilla.org/search.php?q=CSS&app=firefox
WEB DEVELOPER PARA FIREFOX
https://addons.mozilla.org/extension...cation=firefox (*recomendado)
HACKS CSS
dithered.com
http://centricle.com/ref/css/filters...t_columns=true
y muchos más enlaces en CSS » blogpocket
SITIOS CON COOLSITES HECHOS EN CSS
cssvault.com
CSS Beauty | CSS Design, News, Jobs, Community, Web Standards
Stylegala - Web Design Publication
W3C Sites - Web sites created by designers that conform with W3C standards
CSS Gallery.com CSS Design and CSS Gallery Showcases RYANSCHERF.NET to LAPAPAPIZZA.RO the Best CSS Galleries and CSS Designs of CSS Web sites Inspiration.
Y NO SOLO DE CSS VIVE EL HOMBRE
También la usabilidad, accesibilidad, SEO, etc, son importantes, así que:
http://uxespanol.blogspot.com/2005/1...ores-y_27.html
Enlace directo a Herramientas de CSS:
http://uxespanol.blogspot.com/2005/1...-y_27.html#2.2
BIBLIOGRAFIA
CASCADING STYLE SHEET, de Anaya
Autores:
Briggs, Owen
Champeon, Steven
Costello, Eric
Patterson, Matt
Nº Páginas: 304
Precio sin IVA: 21,15 € (3.519 Ptas.)
Precio con IVA: 22,00 € (3.660 Ptas.)
Fecha de publicación: 20 Febrero 2003
Diseño con estándares Web
Jeffrey Zeldman
Editorial: Anaya Multimedia
Colección: Diseño y creatividad
SOFTWARE
TOP STYLE (sin duda el mejor editor de hojas de estilo)
STYLE MASTER
Dreamweaver MX 2004
BUG'S CONOCIDOS EN IE:
Explorer Exposed!
BUG'S CONOCIDOS EN OPERA:
Opera Omnibus
BUG'S CONOCIDOS EN MOZILLA:
Open Source Oopsies
RECOMENDACIONES AL USAR CSS:
Buenas prácticas trabajando con CSS. Una traducción libre de ‘CSS Crib Sheet’ de Dave Shea | torresburriel.com
http://www.mezzoblue.com/archives/20.../css_problems/
Otros enlaces:
Recomiendo www.w3c.org que es el corazón de todo esto de los estándares y tiene validadores puros
HTML > http://validator.w3.org
CSS > The W3C CSS Validation Service
CREADOR EN LINEA CSS:
CSS Layout Generator | CSS Creator
GENERADOR DE BOTONES:
http://www.webtaller.com/utilidades/...r/csscoder.php
GENERADOR DE ROLLOVERS
CollyLogic | CSS Multi-element Rollover Generator
CREADOR DE ENLACES CSS EN LINEA
eKiwi - Alles für den Webmaster, kostenlose Banner, Flash, Buttons und vieles mehr
COMPRESOR DE CSS
Tools - CSS Compressor - Arantius.com
GENERADOR DE MENUS
http://www.webmaster-toolkit.com/css...enerator.shtml
GENERADOR AUTOMATICO DE CAJAS REDONDEADAS
CSS Rounded Box Generator
Recursos CSS:
http://www.soxiam.com/Notes/CSSTools
Manuales - Css (Estupendos tutoriales y manuales oficiales del w3c traducidos al español) *recomendado
http://penguin.theopalgroup.com/cgi-...electoracle.py
HERRAMIENTAS VARIAS
http://uxespanol.blogspot.com/2005/1...-y_27.html#2.2 (*recomendado, encontrarán muchas utilidades CSS , vista en diferentes navegadores, colores, menus etc., etc.,)
fuente: http://www.domestika.org/foros/viewtopic.php?t=17293
________________________________________________
Fuente original del post: Joomla! • View topic - CSS en resumen..
