Directorio de páginas de diseño con CSS

indie81 · #1 (**permalink**) 05/06/2006, 02:54

Desde que uso CSS soy muy aficionado a ver páginas que recopilan las páginas en Internet con mejores diseños con CSS. Voy a poner las que más visito, me gustaría que añadieséis más páginas de este mismo estilo.

www.cssimport.com

www.cssvault.com

www.cssbeauty.com

www.cssmania.com

www.cssdrive.com

www.unmatchedstyle.com

webosiris · #2 (**permalink**) 06/06/2006, 15:18

Algunas más:

http://www.cssremix.com
http://www.designsnack.com
http://www.w3csites.com
http://www.creatiu.com

y no olvidar los sitios Zen:
http://www.csszengarden.com
http://www.camaleoncss.com

kemie · #3 (**permalink**) 07/06/2006, 06:29

Mi colección:
http://www.disenorama.com/recursos/?c=Inspiraci%C3%B3n

se repiten varios de los que ya pusieron

Lineker · #4 (**permalink**) 07/06/2006, 10:17

cssplay.co.uk una página que me gusta mucho está en ingles .

jmn2k1 · #5 (**permalink**) 07/06/2006, 10:56

Esta tiene cosas buenas... http://www.webcreme.com

edudw · #6 (**permalink**) 07/06/2006, 22:34

Epa, que yo tambien aporto: http://www.csselite.com/gallery/

indie81 · #7 (**permalink**) 14/06/2006, 03:20

Otra más:

www.cssreboot.com

safe · #8 (**permalink**) 06/07/2006, 12:46

No puede faltar:

http://www.stylegala.com

Daniel Ulczyk · #9 (**permalink**) 27/10/2006, 08:05

El sitio de Open Source Web Design: http://www.oswd.org/

metacortex · #10 (**permalink**) 28/10/2006, 08:47

Este conjunto de enlaces fue posteado por Alicante en los foros de Joomla. Creo que también será útil tenerlos aquí:

________________________________________________

CSS en resumen:

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
http://www.alistapart.com/
http://css.maxdesign.com.au/
http://www.thenoodleincident.com/
http://www.bluerobot.com/web/layouts/
http://www.richinstyle.com/
http://www.digital-web.com/tutorials...l_2001-5.shtml
http://www.disenorama.com/
http://www.minid.net/archivos/categorias/css/index.php
http://www.brainjar.com/css/using/
http://www.meyerweb.com/eric/css/
http://www.mako4css.com/index.htm
http://www.thenoodleincident.com/tut...son/boxes.html
http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers/
http://www.csszengarden.com/
http://www.tierradenomadas.com/
http://www.w3schools.com/css/
http://dezwozhere.com/links.html
http://www.cssplay.co.uk/index.html
http://www.hotdesign.com/seybold/
(este último es una buena explicación - en inglés - de por qué no maquetar con tablas)
http://www.disenorama.com/
http://www.complexspiral.com/publica...psing-margins/
http://www.complexspiral.com/publica...aining-floats/
http://www.tizag.com/cssT/ (Explican cuando usar ID y cuando usar CLASS de una forma muy simple)
http://www.tizag.com/cssT/cssid.php
http://webhost.bridgew.edu/etribou/layouts/skidoo/
http://www.cbel.com/style_sheets/?order=alpha
http://www.artypapers.com/csshelppile/
http://brunildo.org/test/ (CSS tips, tricks, hacks por categorias)
http://www.timvansas.nl/bookmarks/
http://www.alvit.de/handbook/
http://centricle.com/ref/css/filters...t_columns=true (css hacks y la correspondencia en todos los navegadores )
http://www.albinoblacksheep.com/livedesign/ (Live Design, o cómo maquetar una página en CSS, paso a paso. )
http://www.ilovejackdaniels.com/css_cheat_sheet.png
http://www.cssplay.co.uk/index.html
http://positioniseverything.net/index.php
http://www.ignside.net/man/css/sintaxis.php (Apuntes de CSS Sintáxis español)
http://www.htmlhelp.com/es/reference...roperties.html (propiedades css español)
http://www.desarrolloweb.com/css/ (CSS A FONDO español)
http://www.cristalab.com/tutoriales/5-css-y-xhtml/ (CSS Y HTML en español)
http://www.redmelon.net/tstme/box_model/ (MODELO INTERACTIVO DE UN BOX EN CSS)
http://www.w3schools.com/css/default.asp
http://simplelogica.net/caoticoneutral/index.php?p=43 (selectores en CSS)
http://www.petefreitag.com/item/475.cfm (20 css tips)
http://www.javiercasares.com/2006/03...entos-con-css/ (Experimentos con CSS ESPAÑOL)
http://www.cssplay.co.uk/menus/index.html (Diferentes menus con estilos CSS) *recomendado
http://www.webtaller.com/info/curso_css.php (Curso de CSS español)
http://www.webtaller.com/info/curso_css.php (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
http://www.dithered.com/css_filters/index.html
http://centricle.com/ref/css/filters...t_columns=true

y muchos más enlaces en http://www.blogpocket.com/blog/index.php?s=CSS

SITIOS CON COOLSITES HECHOS EN CSS

http://cssvault.com/gallery.php
http://www.cssbeauty.com/
http://www.stylegala.com/
http://www.w3csites.com/
http://larsholst.info/blog/index.php?p=40

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:

http://positioniseverything.net/explorer.html

BUG'S CONOCIDOS EN OPERA:

http://positioniseverything.net/op-omnibus.html

BUG'S CONOCIDOS EN MOZILLA:

http://positioniseverything.net/gecko.html

RECOMENDACIONES AL USAR CSS:

http://www.torresburriel.com/weblog/index.php?p=342
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 > http://jigsaw.w3.org/css-validator/

CREADOR EN LINEA CSS:
http://www.csscreator.com/version2/pagelayout.php

GENERADOR DE BOTONES:
http://www.webtaller.com/utilidades/...r/csscoder.php

GENERADOR DE ROLLOVERS

http://www.collylogic.com/scripts/rollover.html

CREADOR DE ENLACES CSS EN LINEA

http://www.ekiwi.de/tools/csslink/csslink.php

COMPRESOR DE CSS

http://www.arantius.com/tools/css-compressor.php

GENERADOR DE MENUS

http://www.webmaster-toolkit.com/css...enerator.shtml

GENERADOR AUTOMATICO DE CAJAS REDONDEADAS

http://www.neuroticweb.com/recursos/css-rounded-box/

Recursos CSS:
http://www.soxiam.com/Notes/CSSTools
http://www.mygnet.com/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: http://forum.joomla.org/index.php/topic,54226.0.html

bhagat · #11 (**permalink**) 11/12/2006, 12:41

El anlace que sugiero aparece en un listado anterior pero sin destacar y sin embargo es muy interesante, pues tiene propuestas muy interesantes y avanzadas del uso de CSS.

Mirar por ejemplo las alternativas que propone para albumes fotograficos

http://www.cssplay.co.uk/menu/index.html

podeis empezar por este, por ejemplo, y seguir viendo otras alternativas

http://www.cssplay.co.uk/menu/gallery.html

Hecho solamente con CSS

Por no citar una exelente colección de menus

http://www.cssplay.co.uk/menus/index.html

O las alternativas a frames solo con CSS

http://www.cssplay.co.uk/layouts/index.html

Cajas con esquinas redondeadas, solo con CSS, sn imágenes

http://www.cssplay.co.uk/boxes/curves.html

MUY INTERESANTE

fearlex · #12 (**permalink**) 17/01/2007, 21:22

http://www.camaleoncss.com/

Esta es la versión latina de CssZen Garden, seria muy buen entrenamiento crear un diseño, y no dejar que este impulso muera. Tratemos de mantener este sitio con un granito de arena cada un, y difundamoslo como podamos:

Gurrutello · #13 (**permalink**) 14/02/2007, 23:38

Hola
Mas que nada recomendar que
siempre que realizen un proyecto verifiquen al manos con dos exploradores (browsers)
ej. Iexplorer y Firefox
Saludos

Calítoe.:. · #14 (**permalink**) 25/02/2007, 19:23

Cita:

Iniciado por Gurrutello

Hola
Mas que nada recomendar que
siempre que realizen un proyecto verifiquen al manos con dos exploradores (browsers)
ej. IExplorer y Firefox
Saludos

Y Opera

Se esta extendiendo mucho también.

Recopilación utilísima la de este hilo. Yo sólo puedo aportar mi artículo en Maestros del Web en el que reseño unas pocas galerías de diseños con CSS:

Galerías CSS: inspiración y belleza cumpliendo los estándares

Daniel Ulczyk · #15 (**permalink**) 03/03/2007, 22:23

Alguna vez supuse que este link, estaba en la lista. Hoy la revisé y no...

Galería de tablas con CSS: CSS table Gallery

Por otro lado, el mismo sitio en el apartado Learn tiene buenos enlaces sobre el mismo tópico.

Flora · #16 (**permalink**) 15/05/2007, 01:37

http://realworldstyle.com
http://www.dezwozhere.com/links.html
http://www.htmldog.com/

rogertm · #17 (**permalink**) 10/12/2007, 09:59

Plantillas CSS gratis:

http://www.styleshout.com/free-templates.php
http://www.freecsstemplates.org/css-templates/
http://www.freewpthemes.net/wordpress-themes/ <-- Plantillas para WordPress

andev2008 · #18 (**permalink**) 15/01/2008, 11:19

Este web es muy recomendable porque tiene opciones por colores para buscar.

Este me agrada mucho, aunque se publiquen web que estan por otros lados.
http://www.cssclip.com/

Bueno no puedo poner este texto como vinculo, todo porq soy nuevo, bueno son las politicas del foro.
Espero no desanimarme en seguir en este foro. Pero veremos.

daPhyre · #19 (**permalink**) 17/04/2008, 08:54

Quisiera recomendar esta página para quienes se quieren iniciar en CSS, es muy sencilla, en español y explican todo paso a paso, excelente para quienes nunca han usado CSS y desean aprender (A mi me funcionó de maravilla)

http://cssya.com.ar

arsenico · #20 (**permalink**) 01/05/2008, 02:46

Hola! recientemente he abierto una web-galería de sitios maquetados en CSS.

El site es www.cssbarcelona.com y se diferencia del resto en que sólo lista sitios creados en castellano, català, valenciano, galego, bable, euskera... es decir sitios de españa o latinoamerica.

Es una iniciativa personal, ya que he visto que casi todas las galerías son anglosajonas y no hay casi nada para promocionar el diseño latino/hispano.

Salud!

kseso? · #21 (**permalink**) 19/08/2008, 14:00

HASTA EL FONDO, TODO SON FONDOS:

pabloaltamirano22 · #22 (**permalink**) 15/09/2008, 05:03

Otra

http://www.cosassencillas.com/category/css/

salu2

MaTyS · #23 (**permalink**) 23/01/2009, 19:12

Yo les dejo esta: www.free-css.com.
Esta buena tiene templates, y menus.

jorgegorka · #24 (**permalink**) 12/02/2009, 10:16

Añado una nueva web

galeriacss.com una web con recursos, tutoriales y trucos sobre css. Incluye galería de webs realizadas en css.

Si eres diseñador de webs empleando xhtml y css puedes anunciarte y anunciar tus trabajos gratis en el apartado de empresas.

galeriacss.com

maniat1k · #25 (**permalink**) 14/07/2009, 08:11

Estan muy buenas, yo tengo una es mi pequeño aporte: css-tricks.com.
lo pongo asi por que no me dejan poner enlaces por ser muy nuevito -.-

chichote · #26 (**permalink**) 10/05/2010, 13:36

agrado mi granito de arena, www.chichote.com, estoy recien partiendo y llenando contenidos.

saludos.

TheDark03 · #27 (**permalink**) 10/08/2010, 10:21

revise todo el articulo y es grandioso..
dejo mi aporte www.cssportal.com (le di CTRL+ F buscar y no lo encontro) asi q se los dejo

Saludos

Werlisa · #28 (**permalink**) 17/05/2011, 17:08

Impresionante recurso online.

Entren y disfruten...

CSS3 Generator

rogertm · #29 (**permalink**) 01/09/2011, 11:03

CSS3 Generator Más de lo mismo, pero muy completo

jesusclaramonte · #30 (**permalink**) 20/10/2011, 03:14

El número de páginas en infinitas y para gustos los colores pero yo la página recopilatoria mas completa en cuanto para inspiración de diseño en general como diseño web css en particular es.

http://www.zeniltuo.com/

Simplemente Espectacular.