Tutorial: Crea botones atractivos en CSS
Posted by Michael Müller in HTML y CSS, Tips Avanzados on 08. May, 2007 | Comentarios desactivados
Gracias a Guillermo me enteré de este interesante sitio, donde se detalla en un tutorial, como crear botones (con interactividad en el evento onClick) con poco CSS y un par de
imágenes.
This tutorial will teach you how to create pretty looking textual buttons (with alternate pressed state) using CSS. Dynamic
buttons save you heaps of [...]
Menus de navegación en CSS para descargar. Gratis!
Posted by Michael Müller in HTML y CSS on 07. May, 2007 | 1 Comment
Listado de varios diseños de menus de navegación creados en CSS para descargar (incluyen archivos CSS, PSD
y HTML). La mayoría de ellos gratis!
Vert-one
Saturday
Dolphin
Listado completo: http://www.13styles.com/
Internet Explorer (IE 5, 5.5, 6 and 7) CSS Hacks
Posted by Michael Müller in Browsers, HTML y CSS, Tips Avanzados on 02. Abr, 2007 | Comentarios desactivados
Interesante artículo de Andrew Sellick, que nos muestra
algunos tips para "hackear" el CSS y lograr efectos deseados en cuanto a compatibilidad de browsers.
Phew. Right now I’ve got that out of the way lets start
off with one of the most commonly used hacks, the underscore hack.
_width:100%;
This will work in all IE browsers [...]
Visual CSS creator
Posted by Michael Müller in HTML y CSS, Herramientas on 30. Mar, 2007 | 1 Comment
Esta herramienta en línea te permite transformar un archivo CSS (que esté en línea) para
visualizarlo como una página web.
Ver el Visual CSS Creator aquí.
CSS Tools – Parte 2 -
Posted by Michael Müller in HTML y CSS, Herramientas on 16. Mar, 2007 | 1 Comment
Intersante listado de formularios basados en CSS.
Prettier Accessible Forms over at ALA shows you a technique that uses inline-blocks, fieldsets and legends to create an nicely styled form
that’s also accessible and degrades well.
formArchitect provides an online tool that creates complex html forms without
using tables for layout.
Semantic horizontal Forms via skyrocket.be
c82 has a
good [...]
Excelentes menús de navegación en CSS
Posted by Michael Müller in HTML y CSS on 14. Mar, 2007 | Comentarios desactivados
El menú de navegación de un sitio es una parte clave de su calidad de usabilidad. Este debe ser claro,
conciso y fácil de usar. Pero como vemos en el listado que recopilaron en SmashMagazine, este menú también puede contar con
un diseño impactante.
Aquí algunos de los ejemplos:
1. Change.org
2. N.Design
Studio | Design & [...]
CSS Tools – Parte 1 -
Posted by Michael Müller in HTML y CSS, Herramientas on 08. Mar, 2007 | Comentarios desactivados
Via www.soxiam.com encontré un listado muy bueno que cubre
tópicos referentes al CSS. En esta primera entrega tenemos las herramientas (Tools).
CSS Tools
Em
Calculator estimates Em size equivalent to px size. Could become useful since more standardistas are adpoting use of Em sizing (vs. px sizing) to define the max width of their layout, a technique which [...]
Más Layouts en CSS, gratis!
Posted by Michael Müller in HTML y CSS on 28. Feb, 2007 | Comentarios desactivados
Code Sucks: Otra buena fuente de layouts en CSS para descargar. Gratis!
Vía:
http://www.code-sucks.com/
UPDATE
Viendo en el blog de webintenta.com encontré otros sitios con plantillas basadas en CSS:
Six Shooter Media: Plantillas web gratuitas
Free CSS Templates
CSSFill.com: Plantillas gratuitas CSS/XHTML
Free CSS Templates Solucija
Plantillas de layouts en CSS, Gratis!
Posted by Michael Müller in HTML y CSS, Templates on 18. Ene, 2007 | Comentarios desactivados
Open Source Templates
15 exelentes
templates
OSWD
Cientos de layouts de todo tipo
Maxdesign
23 layouts
CSSplay
Layouts profesionales de Stu Nicolls
Changingman
3-col-layouts
Mollio
Siete variacions
de un template (incluye guía en pdf)
Six Shooter Media
15 Templates
CSS Design [...]
Esquinas redondeadas, sin imágenes!
Posted by Michael Müller in HTML y CSS, Tips Avanzados on 16. Ene, 2007 | 1 Comment
Esta herramienta basada en CSS y Javascript, permiten crear esquinas redondeadas en módulos, sin utilizar imágenes.
Basically, Nifty Corners are a
solution based on CSS and Javascript to get rounded corners without images.
Ver los ejemplos
aquí.
Esquinas
Redondeadas
Frames sin usar Frames (con CSS, claro!)
Posted by Michael Müller in HTML y CSS, Tips Avanzados on 10. Ene, 2007 | Comentarios desactivados
Interesante técnica para simular el uso de “frames” con CSS, sin usarlos como los conocemos.
¿Cómo funciona?
The document
consists of three main blocks: headerwrap, middlewrap and footerwrap. headerwrap and footerwrap have fixed positions; headerwrap at the top and footerwrap at the bottom of the viewport. middlewrap has
padding-top and padding-bottom to match the heights of headerwrap [...]
