Formulario sin tablas (actualizado)

Usaremos un HTML lo más simple posible, para sí no tener conflictos de browsers (es bueno evitarlo desde el principio). Nótese que usé <br> en vez de <br />. Para browsers modernos esto es innecesario, pero se incluye precisamente para compatibilidad con browsers antiguos (nuevamente, para evitar conflictos). Además, se verá de todas formas en [...]

Seguir leyendo

Posicionando un objeto en el centro

Aquí mostraré una manera de centrar un objeto (en este caso un imagen, aunq puede ser un div) en el centro del navegador utilizando CSS. Insertando una imagen : Inserte una imagen y agréguele un ID (en este caso, "centro") <img src=”imagen_centrar.jpg” id=”centro” /> Defina el tamaño del objeto: En el CSS, defina las dimensiones [...]

Seguir leyendo

No más Hacks (actualizado)

En el trabajo de desarrollo en HTML + CSS, surgen varios problemas cuando se pretende que los sitios se desplieguen bien en diversos browsers y plataformas. Más aún cuando se trata de sitios grandes, portales, como los que me ha tocado construir o arreglar últimamente. Pero para paliar esto, nos aprovechamos de los mismos errores [...]

Seguir leyendo

Layout básico – 3 columnas

Como primer artículo, mostraré cómo construir un layout con 3 columnas tableless, o sea, sin tablas, sólo con CSS. Se construyen 3 ‘columnas’ con ‘div’ en HTML bruto: <div id=”todo”><h1>Layout con 3 Columnas</h1> <div id=”izquierda”>Izquierda</div> <div id=”derecha”>Derecha</div> <div id=”contenido”><p>Contenido</p></div> </div>

Seguir leyendo

Bienvenidos

Bienvenidos a CSS Lab, la intensión de este sitio es hablar un poco sobre la XHTML, web standarts, las ventajas de CSS y cómo migrar hacia un diseño y desarrollo web óptimo y accesible. Nuestra misión es crear sitios que puedan ser vistos por todos. Si llegaste aquí, es porque ya sabes lo que es [...]

Seguir leyendo

Sigue mis Twits
  • jQuery Joyride Feature Tour Plugin - ZURB Playground - ZURB.com
  • aSimpleTour: Alvaro
  • Firebase - A scalable real-time backend for your website
  • Socialite.js
  • LAB! - 3D it!
  • Demo: Pure CSS speech bubbles – Nicolas Gallagher
  • A Touch Optimized Gallery | Tutorialzine Freebie
  • jQuery Vector Maps - Resizable Scalable Vector Graphic (SVG) Maps for Modern Browsers
  • stroll.js - CSS3 Scroll Effects
  • Simple photo slider - jsFiddle
  • Experimental Page Layout Inspired by Flipboard
  • 20 Excellent Pressable 3D Buttons With Pure CSS3 | Design Inspiration
  • How to Create an Audio Player in jQuery, HTML5 & CSS3 [Tutorial] - DesignModo
  • screenfull.js demo
  • Filepicker.io | Upload the Web
  • WordPress › Wordfence Security « WordPress Plugins