Monday, November 5th, 2007
No me considero la persona más experimentada en la utilización de las hojas de estilo o CSS, y es por ello que he tenido que investigar y leer mucho para ampliar mis conocimientos al respecto. Ya que con esto de la optimización de los Sitios Web, ya nadie quiere armar sus paginas con algo que no sea CSS. Y bien es cierto que nos ahorran mucho tiempo a la hora realizar cambios en nuestros sitios (sobre todo si son muy grandes), con un simple clic se modifica todo. En Y-Times he encontrado una interesante lista de consejos que nos guiaran en lo que se debe y no se debe hacer para obtener un buen CSS.
Coloca tu hoja de estilo en un archivo externo. Esto quiere decir que debes grabar tu hoja de estilo en uno o más archivos css, y ligarlos utilizando link rel=”stylesheet” type=”text/css” href=”/lib/yourstoreid/yourstyle.css”>
Combina la menor cantidad de hojas de estilo. Si vas a utilizar varias hojas de estilo colócales un nombre con el cual puedas reconocer para que las estas utilizando, no vayas a tener que visitar las 10 que hiciste en busca del archivo correcto
(more…)
Posted in Artículos, CSS | No Comments »
Monday, October 15th, 2007
Mashable nos presenta una excelente lista que nos ayuda a comenzar a aprender cualquier lenguaje utilizado para desarrollar un sitio web. Más de 250 enlaces en los cuales podrás encontrar algo de AJAX, ColdFusion, CSS, Flash, HTML, etc
Posted in Ajax, CSS, Flash, HTML, Javascript | No Comments »
Friday, October 12th, 2007
En esta ocasión me encuentro con CSS Collection, un Blog creado por Donimo Shriver en el cual nos muestran una extensa recopilación de sitios web creados con CSS. Para ingresar a su lista debes llenar el formulario de contacto y cumplir con los siguientes requisitos:
- Debes tener un Sitio Web y no una Página Web
- La calidad es muy importante
- No se aceptan sitios que estén orientados al uso de Palabras Claves
- El sitio debe estar libre de tablas
- Ellos se reservan el derecho a aprobar o no un sitio debido a su contenido
- Los sitios que estén muy pesados, debido al uso del Flash no califican.
Posted in CSS | No Comments »
Wednesday, October 10th, 2007
Realmente admiro a aquellos que se dedican a hacer una gran lista de recursos. En esta ocasión en Graphic Design he visto una extensa lista de recursos para CSS. Espero les resulte muy útil.
Plantillas CSS
A collection of 40 CSS layouts based on the same markup and ready for download! – blog.html.it
CSS Layouts – layouts.ironmyers.com
CSS Templates – free-css-templates.co.uk
The Web’s CSS Site – cssvault.com
Open Source Web Design – Download free web design templates – oswd.org
Dynamic Drive CSS Layouts- Tableless, CSS based templates – dynamicdrive.com
Free CSS Templates – free-css-templates.com
Free Design Templates – smashingmagazine.com
Free Website Templates – andreasviklund.com
Free Website Templates, Free Web Templates, Photoshop Layouts – freshtemplates.com
Free XHTML/CSS Website Templates – templateworld.com
Nice and Free CSS Templates – mycelly.com
Open Design Community – opendesigns.org
The CSS Tinderbox – csstinderbox.raykonline.com
The only CSS layout you need(?) Strictly CSS – strictlycss.com
Trucos y técnicas con CSS
10 CSS Tips from a Professional CSS Front-End Architect – 72dpiintheshade.com
15 CSS Properties You Probably Never Use (but perhaps should) – seomoz.org
53 CSS-Techniques You Couldn’t Live Without – smashingmagazine.com
A CSS Crossfader Demo – mikeomatic.net
Attach icons to anything with CSS – hunlock.com
Beginner’s guide from a seasoned CSS designer – cameronmoll.com
CSS Advisor beta adobe.com
CSS Image Text Wrap Tutorial – bigbaer.com
CSS Navigation Techniques (37 entries) – alvit.de
CSS techniques I use all the time – christianmontoya.com
CSS Techniques Roundup – 20 CSS Tips and Tricks – petefreitag.com
CSS tips and tricks – blogherald.com
CSS: Getting Into Good Coding Habits – communitymx.com
Erratic Wisdom: 5 Tips for Organizing Your CSS – erraticwisdom.com
Everything You Need to Know About CSS3 – css3.info
Little Boxes – thenoodleincident.com
Master Stylesheet: The Most Useful CSS Technique – crucialwebhost.com
Max Design – Sample CSS Page Layouts – maxdesign.com.au
My 5 CSS Tips – businesslogs.com
Playing Nice with the Other CSS Kids – contentwithstyle.co.uk
Showing Hyperlink Cues with CSS – askthecssguy.com
Squeaky Clean CSS – huddletogether.com
Ten CSS tricks you may not know – webcredible.co.uk
Ten more CSS tricks you may not know – webcredible.co.uk
Three Column Layouts – css-discuss – css-discuss.incutio.com
Turning a list into a navigation bar – 456bereastreet.com
Turning Lists into Trees – odyniec.net
Unordered List Rollover Gallery – destinedtodesign.com
Web Page Reconstruction with CSS – digital-web.com
Yahoo! UI Library: Grids CSS – com1.devnet.scd.yahoo.com
Tutoriales CSS
53 CSS-Techniques You Couldn’t Live Without – smashingmagazine.com
A Slacker’s Guide to Style Sheets – slackerhtml.tripod.com
Advanced CSS Layouts: Step by Step – webreference.com
Advanced HTML Tables and CSS Tutorial – lynchconsulting.com.au
Alternative Style: Working With Alternate Style Sheets – alistapart.com
Cascading Style Sheets in 7 Easy Steps: A CSS Tutorial – javascript-page.com
Creating a CSS layout from scratch – subcide.com
CSS – Quirks mode and strict mode – quirksmode.org
CSS Basics – Making Cascading Style Sheets Easy to Understand – cssbasics.com
CSS Design, News, Jobs, Community, Web Standards – cssbeauty.com
CSS Design: Creating Custom Corners & Borders – nidahas.com
CSS Library- Practical CSS codes and examples – dynamicdrive.com
CSS shorthand properties – an introduction – home.no.net
CSS Tutorial – w3schools.com
css Zen Garden: The Beauty in CSS Design – csszengarden.com
CSS: cascading style sheets tutorials and style guide – yourhtmlsource.com
Making Complex CSS Simple! – leftjustified.net
Making Headlines With CSS – webreference.com
MIS Web Design: Fancy Paragraphs With CSS – miswebdesign.com
More Rounded Corners with CSS – schillmania.com
Simple Styling with CSS – adobe.com
Single Image Multi Replacement – web-graphics.com
Spiderpro: How To justify text with CSS – spiderpro.com
The Complete CSS tutorial – echoecho.com
Tools : Link Thumbnail- lab.arc90.com
Tutorials: Uberlinks CSS List Menus – projectseven.com
Using CSS and a simple list to create radically different list options – css.maxdesign.com.au
Utilidades CSS
Cascading Style Cheatsheet – home.tampabay.rr.com
Clean CSS – A Resource for Web Designers – Optmize and Format your CSS – cleancss.com
CSS Browser Selector – rafael.adm.br
CSS Cheat Sheet – Cheat Sheets – ilovejackdaniels.com
CSS Compressor – iceyboard.no-ip.org
CSS Creator – csscreator.com
CSS Editor – pixy.cz
css filters (css hacks) – centricle.com
CSS Formatter and Optimiser/Optimizer – cdburnerxp.se
CSS Properties to JavaScript Reference – codepunk.hardwar.org.uk
CSS Rounded Box Generator – neuroticweb.com
CSS Source Ordered 1-3 Columned Page Maker by ClevaTreva Designs – The Generator Form v2.90 – positioniseverything.net
CSS Superdouche CSS Tweak ~ Web Based CSS Tweaker! – cssdev.com
CSSCheck, a Cascading Style Sheets Lint – htmlhelp.com
CSSTidy – csstidy.sourceforge.net
Firdamatic: the Design Tool for the Uninspired Webloggers – wannabegirl.org
Free CSS Template Code Generator – Maker for 3 Column Layout (tableless) – ibdjohn.com
Iconize Textlinks with CSS – pooliestudios – pooliestudios.com
JotForm – jotform.com
Live CSS editing with Internet Explorer and Firefox simultaneously – sitevista.com
OverZone Software – CSS Tab Designer – highdots.com
Simple CSS – hostm.com
Sky CSS Tool – skycsstool.sourceforge.net
Stylesheet Generator – Scriptomizers’ Webmaster Tools – scriptomizers.com
The W3C CSS Validation Service – jigsaw.w3.org
Posted in CSS, Recursos | 1 Comment »
Tuesday, October 9th, 2007
CssArt es un sitio web de colecciona sitios otros sitios web, que contengan una gran diseño y un excelente código CSS. El único requisito para aparecer en esta lista es que tu código debe estar validado. Existen varias formas de enviar tu sitio, puede ser mediante el formulario de contacto o directamente por el e-mail. Algo muy importante, y que casi paso por alto, es que deberás enviar un screen shot con medida de 200 por 150 px. El mismo lo puedes enviar por email o dejar el link donde ellos lo podrán encontrar. Recomiendan lo último ya que así podrás actualizarlo sin ningún problema. Así que ya sabes, si deseas ver una gran variedad de sitios diseñados sin tablas, CssArt es un buen lugar para visitar
Posted in CSS | No Comments »
