Archivo de la categoría css

Las fuentes de Google Webfonts en tus páginas.

Tan facil y sencillo como:

Con este código puedes utilizar cualquier fuente disponible en Webfonts de Google:

Debes agregar el código que te genera la página de Webfonts entre las etiquetas <head> y </head>:

<link href='http://fonts.googleapis.com/css?family=Gochi+Hand' rel='stylesheet' type='text/css'>

y luego este en el archivo de tus estilos CSS:

h1 {
font-family: 'Ubuntu', sans-serif;
}

Ver Demostración

Visto en:  Trazos Web

Recursos para diseñadores

Os pongo un listado de recursos de todo tipo visto en Eco Design Web

 

Free Font Downloads

Free Fonts and Other Resources: Web Page Publicity
Huge Collection of Free Fonts: Da Font
Nice Selection of Free Fonts: Urban Fonts

Fonts and Other Freebies: Simply The Best Fonts
1001 Free Fonts for Download: 1001 Free Fonts
Over 9000 Free Fonts: Creamundo
A Small List of Free Fonts: Best Free Fonts

Paid Font Sites

A Large Selection of Fonts for Purchase: My Fonts
Quality Fonts for Purchase: Veer
Information and Fonts for Purchase: Fonts
Font Resources and Sales: Font Haus

Stock Photos and Vectors

The Best Stock Photo and Vector Website: iStockphoto
Quality Photos for Purchase: Shutterstock
Stock Photos and Other Pay Downloads: Veer
Quality, Affordable Vectors for Purchase: Vector Stock
Stock Photos With a Great Selection: Jupiter Images

Stock Photos and Photography Network: Stock Vault
Quality Stock Photos: Corbis

Free Photos and Vectors

Submit Vectors or Download Others for Free: Open Source Vector Art
Tons of Great Free Vectors and Photos: Deviant Art

59 Pages of Free Vector Art: Free Vectors
Large Gallery of Free Vectors: Vecteezy
Quality Vector Downloads: Vector 4 Free
Neat Collection of Free Photos From Around the World: Free Stock Photos
Great Collection of Free Vectors and Resources: You The Designer

Great Free Stock Photos: Free Foto
A List of Free Downloads: Bittbox
700 Free Stock Photos: Free Picture Click

Website Templates

A Few High Quality WordPress Themes: Evan Eckard

Over 2000 Free Web Templates: OSWD
A Small Selection of Nice Templates: Open Source Templates
A Large List of Free Templates: Free CSS Templates
Nice WordPress Templates for Download: Free CSS Templates
A Combination of Free and Pay Templates: Free Templates Online

Affordable, Quality Templates: Templamatic
Free Blog Templates: Blogging Themes

CSS Galleries

The Best Sites on the Web: CSS Remix
A Frequently Updated Gallery of Sites: CSS Mania

An Organized List of Nice Sites: Most Inspired
CSS Gallery of Quality Sites: CSS Design Yorkshire
A Selection of Only Nature Based Sites: CSS Nature
A Selective List of Well Designed Sites: Web Creme
High Quality CSS Showcase: CSS Tux

Nice CSS Websites: The Designed Tree
A CSS Collection Organized by Category: CSS Elite

Inspiration

A Great Site About Everything Type: I Love Typography
An Incredible Illustrator: Burst of Beaden

A Great Designer and Illustrator: Fully Illustrated
Customizable List of Design Resources: Cork Dump
The Society of Graphic Designers of Canada: GDC
Freelance Advice Blog and Resources: Freelance Switch
Amazing Collection of Logos: Logopond

Stunning Desktop Wallpapers: Desktopography
A Graphic Design Magazine: Computer Arts

Tutorials

The Best Photoshop Tutorials: PSD Tuts
A Talented Photoshop Designer: Abduzeedo

Photoshop Tutorials and Web Design Resources: Web Design Library
Tutorials for Photoshop, Illustrator and More: Tutorial Vault
A Few Neat Illustrator and Photoshop Tutorials: Design Spice
Great Photoshop Tutorials and Downloads: PS Wish
Tutorials for Every Computer Program: Tutorialing

Free Photoshop Downloads

A Couple Free Patterns for Download: Design Spice
Free Photoshop Brushes: Design Fruit
Free Photoshop Actions: Visual Blast
Tons of Free Photoshop Brushes: Brusheezy

A Few Nice Free Photoshop Brushes: Obsidian Dawn
Great Grunge Brushes and Others: Photoshop Brushes
Free Background Patterns for Photoshop: Free BG
Over 150 Free Background Patterns: Squidfingers

Design Blogs

A Frequently Updated Design Blog: Veerle’s Blog
A Design Magazine and Blog: Smashing Magazine
A European Design Blog: Design In Europe
A Unique Nerdy Blog: Design You Trust
The Personal Blog of a Graphic Designer: Larissa Meek

A German Design Blog: David Hellmann
The Blog of a Canadian Geek/Model: Mostly Lisa
A Graphic Design Blog: Bittbox
A Blog About Freelance Graphic Design Advice: Freelance Switch
A Design Blog Full of Resources: You The Designer

A Popular Design Blog: Fazai 38

Colour Palettes

A Flash Site of User Generated Colour Palettes: Adobe Kuler
Using Colours From Photos: Colr
Colours, Palettes and Patterns: COLOURlovers

A Colour Palette Generated From Your Images: Color Palette Generator
See The Results of Your Palette on a Website: Color Spire
Create and Email Colour Palettes: Color Blender

Tips and Tricks

Vector Do’s and Dont’s: iStockphoto

The Web Design Polish: PSD Tuts
Promote Your Design Business: Freelance Switch
How To Increase Web Traffic: You The Designer

Coders

Quality Programming: XHTMLized

Professional Web Slicing: PSD Slicing
XHTML in 24 Hours: We Use Scissors
Affordable, Quality Coding: PSD2HTML
From Design to Code, Quick and Cheap: Front Enders

Designer Geek Merch

Great Nerdy Clothing and Accessories: Veer
Nice T-Shirt Collection: Design Loot
Graphic Design T-Shirts and Accessories: Cafepress
Geek Merchandise For Everyone: Think Geek
Graphic Design T-Shirts: Zazzle

Unique T-Shirt Designs You Can’t Find Anywhere Else: Allmightys

Newly added resources (Thanks everyone for the link suggestions)

A fantastic resource for finding information on corporate brand identity: Brands of the World

Etiquetas: ,

Recuros CSS de los que no puedes pasar

Releyendo las opiniones de la gente de cual es la mejor forma para estructurar una hoja de estilos me topé con un antiguo post de creativosonline donde nos muestra una estupenda lista de recursos CSS.

Plantillas y layout

¡Una colección de 40 disposiciones del CSS basadas en el mismo margen de beneficio y alista para la transferencia directa! – blog.html .it
Disposiciones del CSS – layouts.ironmyers.com
Plantillas del CSS – free-css-templates.co.uk
El sitio del CSS del Web – cssvault.com
Diseño abierto del Web de la fuente – descargar las plantillas libres del diseño de la tela – oswd.org
Las disposiciones dinámicas Tableless, CSS del CSS de la impulsión basaron las plantillas – dynamicdrive.com
Plantillas libres del CSS – free-css-templates.com
Liberar las plantillas del diseño – smashingmagazine.com
Liberar las plantillas del Web site – andreasviklund.com
Liberar las plantillas del Web site, plantillas libres del Web, disposiciones de Photoshop – freshtemplates.com
Liberar las plantillas del Web site de XHTML/CSS – templateworld.com
Niza y plantillas libres del CSS – mycelly.com
Abrir a comunidad del diseño – opendesigns.org
El CSS Tinderbox – csstinderbox.raykonline.com
La única disposición del CSS que necesitas (?) Terminantemente CSS – strictlycss.com

Técnicas y tutoriales

10 extremidades de un arquitecto anticipado del CSS del profesional – 72dpiintheshade.com del CSS
15 características del CSS probablemente nunca utilizas (pero quizás si) – seomoz.org
53 CSS-Técnicas tú Couldn’t fuera – smashingmagazine.com vivo
Una versión parcial de programa del CSS Crossfader – mikeomatic.net
Unir los iconos cualquier cosa con CSS – hunlock.com
Guía de un diseñador chevronn3e del CSS – cameronmoll.com del principiante
Consejero adobe.com beta del CSS
Clase particular del abrigo del texto de la imagen del CSS – bigbaer.com
Técnicas de la navegación del CSS (37 entradas) – alvit.de
Las técnicas del CSS utilizo toda la hora – christianmontoya.com
Rodeo de las técnicas del CSS – 20 extremidades y trucos del CSS – petefreitag.com
Extremidades y trucos – blogherald.com del CSS
CSS: El conseguir en los buenos hábitos de la codificación – communitymx.com
Sabiduría errática: 5 extremidades para organizar tu CSS – erraticwisdom.com
Todo que necesitas saber sobre CSS3 – css3.info
Pequeñas cajas – thenoodleincident.com
Stylesheet principal: La técnica más útil del CSS – crucialwebhost.com
Diseño máximo – disposiciones de página del CSS de la muestra – maxdesign.com .au
Mis 5 extremidades del CSS – businesslogs.com
Jugando Niza con los otros cabritos del CSS – contentwithstyle.co.uk
Demostrando señales del Hyperlink con CSS – askthecssguy.com
CSS limpio chillón – huddletogether.com
Diez trucos del CSS no puedes saber – webcredible.co.uk
Diez más trucos del CSS no puedes saber – webcredible.co.uk
Tres disposiciones de la columna – css-discutir – css-discuss.incutio.com
Dando vuelta a una lista en una barra de la navegación – 456bereastreet.com
El dar vuelta enumera en los árboles – odyniec.net
Galería desordenada del Rollover de la lista – destinedtodesign.com
Reconstrucción del Web page con CSS – digital-web.com
Yahoo! Biblioteca de UI: Rejillas CSS – com1.devnet.scd.yahoo.com

Clases particulares del CSS

53 CSS-Técnicas tú Couldn’t fuera – smashingmagazine.com vivo
Una guía más floja al estilo cubre – slackerhtml.tripod.com
Disposiciones avanzadas del CSS: Gradualmente – webreference.com
Tablas avanzadas del HTML y clase particular del CSS – lynchconsulting.com .au
Estilo alternativo: Trabajo con las hojas alternas del estilo – alistapart.com
Hojas de conexión en cascada del estilo en 7 pasos fáciles: Una clase particular del CSS – javascript-page.com
Creando una disposición del CSS del rasguño – subcide.com
CSS – Modo de los caprichos y modo terminante – quirksmode.org
Fundamentos del CSS – haciendo estilo de conexión en cascada cubre fácil entender – cssbasics.com
Diseño del CSS, noticias, trabajos, comunidad, estándares del Web – cssbeauty.com
Diseño del CSS: Creando las esquinas y las fronteras de encargo – nidahas.com
Códigos y ejemplos prácticos – dynamicdrive.com del CSS de la biblioteca del CSS
Características de la taquigrafía del CSS – una introducción – home.no.net
Clase particular del CSS – w3schools.com
jardín del css Zen: La belleza en el diseño del CSS – csszengarden.com
CSS: el estilo de conexión en cascada cubre clases particulares y la guía del estilo – yourhtmlsource.com
¡Haciendo el CSS complejo simple! – leftjustified.net
Haciendo títulos con CSS – webreference.com
Diseño del Web del MIS: Párrafos de lujo con CSS – miswebdesign.com
Más esquinas redondeadas con CSS – schillmania.com
El labrar simple con CSS – adobe.com
Solo de la imagen reemplazo multi – web-graphics.com
Spiderpro: Cómo justificar el texto con CSS – spiderpro.com
La clase particular completa del CSS – echoecho.com
Herramientas: Acoplamiento Thumbnail- lab.arc90.com
Clases particulares: Menús de la lista de Uberlinks CSS – projectseven.com
Usando el CSS y una lista simple para crear opciones radicalmente diversas de la lista – css.maxdesign.com .au

Utilidades del CSS

Estilo de conexión en cascada Cheatsheet – home.tampabay.rr.com
Limpiar el CSS – Un recurso para los diseñadores del Web – Optmize y ajustó a formato tu CSS – cleancss.com
Selector del Browser del CSS – rafael.adm.br
Hoja del tramposo del CSS – tramposo cubre – ilovejackdaniels.com
Compresor del CSS – iceyboard.no-ip.org
Creador del CSS – csscreator.com
Redactor de CSS – pixy.cz
el css se filtra (los cortes del css) – centricle.com
Formateador y optimizador/optimizador del CSS – cdburnerxp.se
Características del CSS a la referencia del Javascript – codepunk.hardwar.org .uk
Generador redondeado CSS de la caja – neuroticweb.com
La fuente del CSS pidió el fabricante de la página de 1-3 Columned de ClevaTreva Designs – la forma v2.90 del generador – positioniseverything.net
CSS Superdouche
¡El Web del ~ del pellizco retorcido del CSS basó CSS Tweaker! – cssdev.com
CSSCheck, un estilo de conexión en cascada cubre la pelusa – htmlhelp.com
CSSTidy – csstidy.sourceforge.net
Firdamatic: la herramienta de diseño para el Webloggers sin inspiración – wannabegirl.org
Generador de código libre de la plantilla del CSS – fabricante para la disposición de 3 columnas (tableless) – ibdjohn.com
Iconize Textlinks con CSS – pooliestudios – pooliestudios.com
JotForm – jotform.com
CSS vivo que corrige con el Internet Explorer y Firefox simultáneamente – sitevista.com
Software de OverZone – diseñador de la lengüeta del CSS- highdots.com
CSS simple – hostm.com
Herramienta del CSS del cielo – skycsstool.sourceforge.net
Generador de Stylesheet – herramientas de Scriptomizers’ Webmaster – scriptomizers.com
El servicio de la validación de W3C CSS – jigsaw.w3.org

Etiquetas: , ,