CSS


Generador de Menus CSS

Friday, Enero 18th, 2008

CSS Menu Maker es un sitio web donde podremos crear menús css sin mayor complicación. Actualmente tienen 3 categorías de menús:

  • Menús Horizontales
  • Menús Verticales
  • Menús desplegables

Los pasos para crear nuestro menú css son los siguientes:

  1. Primero seleccionamos el diseño de menú que mas nos guste
  2. Podemos descargar el código fuente de dicho menú o bien podemos personalizarlo presionando el enlace “Customize”
  3. Una ves personalizado podemos descargar el código html, css y las imágenes que se generaron para el menú.
Menús CSS Horizontales y Verticales

Lo único que quedaría es implementarlo en tu sitio web, una muy buena herramienta cuando necesitas optimizar tiempos al momento de desarrollar un sitio web.

Enlace: CSS Menu Maker

También te puede interesar:

101 Técnicas CSS

Tuesday, Enero 15th, 2008

En Noupe nos presentan la primera parte de una serie de 101 Técnicas en CSS, muy útiles a la hora de diseñar y desarrollar un sitio web.

Técnicas CSS

Entre las técnicas podremos encontrar técnicas para esquinas redondeadas con css, técnicas para reemplazar imagenes, técnicas para sombras en css y muchas otras.

Enlace: 101 CSS Techniques Of All Time- Part 1

Vía: Del.icio.us

Recursos Para Crear Templates CSS

Thursday, Diciembre 20th, 2007

Si ya quieres empezar a diseñar tus templates con puro CSS no puedes perderte esta recopilación que ha hecho Frogx3 (traducción de esta) donde nos presenta 22 recursos para crear templates con CSS. [Acceder]

Formas de Darle Estilo a tus Formularios con Ajax y CSS

Wednesday, Diciembre 19th, 2007

Si ya te aburriste del estilo de tus formularios en este sitio nos muestran mas de 47 maneras para implementar nuestros formularios con CSS y AJAX.

Recursos Para Formularios en CSS y AJAX

Enlace: 47+ Excellent Ajax CSS Forms

Vía: Recursos de Diseño

Tabla de Equivalencias entre %, px, em y pt con CSS

Tuesday, Diciembre 18th, 2007

En el blog WorldTechies han hecho una tabla de equivalencias entre px, %, pt y em en CSS muy útil para darnos una idea de las medidas exactas que necesitamos. Aunque como bien indican los valores pueden variar dependiendo el navegador y sistema operativo es una buena referencia para comenzar.

Pts Px Em Porcentaje
6pt 8px 0.5em 50%
7pt 9px 0.55em 55%
7.5pt 10px 0.625em 62.5%
8pt 11px 0.7em 70%
9pt 12px 0.75em 75%
10pt 13px 0.8em 80%
10.5pt 14px 0.875em 87.5%
11pt 15px 0.95em 95%
12pt 16px 1em 100%
13pt 17px 1.05em 105%
13.5pt 18px 1.125em 112.5%
14pt 19px 1.2em 120%
14.5pt 20px 1.25em 125%
15pt 21px 1.3em 130%
16pt 22px 1.4em 140%
17pt 23px 1.45em 145%
18pt 24px 1.5em 150%
20pt 26px 1.6em 160%
22pt 29px 1.8em 180%
24pt 32px 2em 200%
26pt 35px 2.2em 220%
27pt 36px 2.25em 225%
28pt 37px 2.3em 230%
29pt 38px 2.35em 235%
30pt 40px 2.45em 245%
32pt 42px 2.55em 255%
34pt 45px 2.75em 275%
36pt 48px 3em 300%

Enlace: Convert em,px,pt and % in css

Imagenes PNG Transparentes en Internet Explorer con CSS

Friday, Noviembre 23rd, 2007
PNGS Transparentes en Internet Explorer

Que lio da el Internet Explorer 6 con las imagenes PNG con fondo transparente, al menos IE7 ya no trae esta carencia. Para solucionar este problema existen algunos trucos que podemos utilizar el mas conocido es el uso de iepngfix.htc (frogx3 nos explica su uso),  y ahora en este sitio nos enseñan  una alternativa utilizando para esto un archivo CSS  y  aplicarle la clase png a las imagenes o divs donde tendremos las imagenes PNG.

Enlace: CSS PNG Image Fix For IE



Tu banner aquí

Recibir Artículos Por Email