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..