Geek the Planet


CSS no image

Published on agosto 8th, 2012 | by Angelfire

1

Frameworks CSS Responsive

Los frameworks CSS existen hace bastante tiempo, incluso hace un par de años mostré en un post los principales 12 frameworks CSS del momento (no sé que tan utiles podrán ser en este momento). También un post donde hablé sobre las principales ventajas y desventajas de usar Frameworks CSS en nuestros diseños.

Ahora con la llegada del Diseño Web Adaptativo (Responsive Web Design), una técnica de diseño y desarrollo web que mediante el uso de estructuras e imágenes fluidas, así como de media-queries en la hoja de estilo(CSS), consigue adaptar el sitio web al entorno del usuario, es decir, con 1 sola versión de CSS y HTML nuestro diseño se adapta a todas las resoluciones de pantalla (que tengamos declaradas mediante media-queries en nuestro CSS).


A continuación un listado con 22 Frameworks CSS Responsive que nos ayudarán a agilizar el proceso de desarrollo de nuestros sitios web:

  1. Gumby
  2. The Semantic Grid System
  3. Gridless
  4. Frameless
  5. Proportional Grids
  6. The Goldilocks Approach
  7. Twitter Bootstrap
  8. Foundation from ZURB
  9. Skeleton
  10. Amazium
  11. Golden Grid System
  12. The 1140px CSS Grid System
  13. StackLayout
  14. SimpleGrid
  15. Fluid Baseline Grid
  16. Columnal
  17. Inuit.css
  18. 320 and Up
  19. Susy: Responsive grids for Compass
  20. Initializr – Responsive HTML5 Template
  21. Yet Another Mobile Boilerplate
  22. Wirefy

Para saber cual es el mejor habría que sentarse a analizar y probar cada uno, sin embargo algunos son ampliamente conocidos y usados en muchos proyectos, caso concreto: Twitter Bootstrap, Initializr y Yet Another Mobile Boilerplate.

Si quieren pueden leer una pequeña reseña (en inglés) sobre cada uno en design shack.

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 Frameworks CSS Responsive

  1. Pingback: Plantillas gratuitas con Responsive Web Design

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