Geek the Planet


CSS no image

Published on marzo 21st, 2008 | by Angelfire

1

CSS Frameworks II

Bueno, continuare hablando un poco más acerca de los CSS Frameworks, hablaré en un principio sobre Global Reset y por último mostraré un par de Frameworks CSS ya desarrollados.

Como hablaba en el post anterior, el Global Reset es necesario para para que nuestro sitio web luzca de alguna manera parecida en varios navegadores, ya que por defecto los navegadores vienen con valores diferentes para la margin, el padding, el line-height, etc. El Global Reset se asegura que en un principio tengamos las mismas reglas de juego para empezar a diseñar.

Personalmente me gusta usar el CSS Reset Reloaded de Eric Meyer:


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

Sin embargo existen muchos otros:


Ahora hablaré sobre un par CSS Frameworks, hoy los estuve viendo y me parecieron muy buenos, sobre todo del que hablaré a continuación:

YAML(Yet Another Multicolumn Layout)
Es un Framework para la creación de modernos y flexibles diseños, su estructura es muy versátil y es totalmente accesible para usuarios finales.

Este framework ofrece una gran cantidad de plantillas por defecto, ya sea para proyectos sencillos o complejos, YAML se basa en los estandares web y soporta todos los navegadores web modernos. Incluso trabaja perfectamente con IE ya que incluye hojas de estilo donde corrige algunos errores visuales de este navegador, soporta desde ie 5.x hasta la 7.0.

Aparte de un gran número de hojas de estilo por defecto, también incluye las tipicas hojas de estilo de impresión (print.css) y unas hojas de estilo para la depuración (debugging).

Ejemplos YAML

Click para ver imagén completa.

El plus que hizo que hablará sobre este proyecto fue su YAML Builder 1.0 beta, es una interfaz diseñada principalmente para usuarios finales, con una gran cantidad de opciones que al final te entrega el código que puede ser fusionado facilmente con el resto de framework.

YAML Builder

Click para ver imagen completa.

Documentación: En Inglés.
Download: Version 3.0.4
Ejemplos: Ejemplo de Proyectos

Otros Frameworks Diponibles:

Leer Más: Yet Another Multicolumn Layout (YAML)
CSS Frameworks + CSS Reset: Design From Scratch

Tags: ,


About the Author

Systems Engineering, Computer Systems Specialist, Social Engineering Specialist. Social Media Analyzer. Usability and SEO enthusiasm (Este es mi perfil de Twitter...)



One Response to CSS Frameworks II

  1. Pingback: Top 12 CSS Frameworks | gEEK tHE pLANET

Back to Top ↑
  • Comentarios recientes

  • Miniposts

    • iOS 8 disponible para descargar

      Hoy se anunció de manera oficial iOS 8, la fecha de llegada será el próximo 17 de septiembre. En iPhonehacks han recopilado los enlaces de descarga directo para los diferentes dispositivos que soportan la nueva versión del sistema operativo. Así que para quienes no desean esperar, ya pueden acceder a la versión Golden Master ...

    • Festigame Colombia 2014

      El festival de videojuegos, cultura gamer y entretenimiento familiar más grande de América Latina ha llegado a nuestro país. Festigame que es un evento creado en Chile en 2012, se ha convertido en el evento anual donde las marcas más importantes de la industria presentan sus últimos productos en el ...

    • Peter Griffin también tiene cuenta en Instagram

      El protagonista de la serie de humor, Padre de Familia, Peter Griffin ha inaugurado su presencia en la red social de fotografía con divertidas fotografías de su vida, y a pesar de ser un personaje de ficción ya ha superado los 200.000 seguidores en tan sólo dos semanas. Son unas fotos bastante divertidas, las ...

    • Manual y documentación de Node.js para Android

      Node.js se ha venido haciendo bastante popular en los últimos años, cada vez son más los usos que como desarrolladores web le damos a esta tecnología. La siguiente aplicación es el manual y la documentación de Node.js, que contiene los siguientes temas: About these Docs Synopsis Assertion Testing Buffer C/C++ Addons Child Processes Cluster Console Crypto Debugger DNS Domain Events File System Globals HTTP HTTPS Modules Net OS Path Process Punycode Query Strings Readline REPL Stream String Decoder Timers TLS/SSL TTY UDP/Datagram URL Utilities VM ZLIB

    • Star Wars Traceroute

      ¿Qué pasa cuando un ingeniero está muy desocupado? pues pasan cosas como esta: Mac y Linux Van a la consola y escriben: traceroute 216.81.59.173 Windows Buscan el CMD y escriben: tracert 216.81.59.173 El resultado es interesante y sorprendente. Si quieren ver la salida de la ejecución del comando, pueden ver el gist Ver más: Beagle Network

  • Comunicados - Notas de Prensa