2011-10-04 11 views
44

Estaba buscando un lugar donde pueda encontrar herramientas y recursos de CSS, listo para ser utilizado como el popular Twitter Bootstrap.¿Más kits de herramientas de CSS como Twitter Bootstrap?

¿Algún consejo?

+0

Creo que los kits de herramientas CSS con estilos para todos los elementos clave de la "aplicación web" como alertas, formularios, etc. son una cosa nueva. Si surgen más, es probable que alguien cree un centro central – Plattsy

Respuesta

2

Si un buen marco de CSS es todo lo que necesita, YAML es una gran alternativa también.

7

Yahoo! ha creado recientemente Pure (fuente disponible en GitHub).

puro proporciona:

  • Una Fundación CSS basa en Normalize.css de manera que entre navegadores problemas se reducen al mínimo.
  • Estilo de componentes comunes de la IU, como listas, menús, botones, formularios y tablas.
  • Un completo sistema de cuadrícula sensible para construir un sitio para todos los dispositivos.

Es muy ligero con una huella total de 4.4KB miniaturizada y gzipped comparación con 20KB de Bootstrap. Se puede acceder desde un CDN que Yahoo! proporciona.

Se ha creado con el punto de vista de que la creación de nuevas reglas de CSS es preferible a la sobreescritura/alteración de las existentes. Por lo tanto, se envía con estilos mínimos de fábrica (, por lo tanto, el tamaño); debe crear el suyo propio.

7

Semantic UI es realmente genial, si te gustó el bootstrap, ¡te gustará aún más!

2

La selección de cualquier marco de interfaz de usuario depende de la pila de tecnología relacionada. Uso Semantic-UI (http://semantic-ui.com/) con AngularJS. Créanme, ¡están hechos el uno para el otro!

Semantic-UI ofrece un buen soporte para el diseño web receptivo y los componentes móviles.

3

Aquí hay una lista de marcos CSS con los que puede disfrutar trabajando ...

  • base - marco CSS sensible que proporciona un apoyo IE7 +
  • BASSCSS - bajo nivel de juego de herramientas CSS
  • bootflat - Bootstrap con un tema de diseño plano
  • Bootswatch - Una colección de temas para Bootstrap
  • bulma - Marco CSS basado en Flexbox
  • cardinal - Cardinal es un pequeño móvil móvil primero framewo rk
  • caramel - Un simple, hermoso, sensible, CSS modernas marco
  • HTML Starterkit - minimalista Web marco
  • Material Design Lite - - material de diseño Componentes Lite en HTML/CSS plantilla para poner en marcha sus sitios web sensibles
  • kube HTML5/JS
  • materialize - Un marco frontal sensible moderna basada en el diseño de materiales
  • Metro UI - Un marco front-end para el desarrollo de página web en Wi ndows Metro Style
  • milligram - Configuración mínima de estilos para un punto de inicio rápido.
  • mini.css - Un mínimo, sensible, marco de estilo independiente del CSS/toolkit
  • mui - Un HTML Ligera/CSS/Marco JS implementación Diseño de materiales
  • papier - Diseño de materiales como marco mínimo CSS
  • pavilion - Unopinionated marco CSS
  • picnicss - UI Ligera biblioteca
  • pure - Un conjunto de módulos CSS pequeños y sensibles
  • semantic-ui - Kit de interfaz de usuario con una gran cantidad de temas y elementos
  • skeleton - A, repetitivo sensible muerto simple
  • tachyons - interfaz de usuario modular marco
  • uikit - Un marco de front-end de peso ligero y modular
0

Si busca algo que:

  • tiene estilo multiplataforma (iOS, Android, W P, la web)
  • se puede utilizar con diferentes temas
  • es agnóstico marco
  • se puede usar en el móvil, así como de escritorio

Tome un vistazo a Mobiscroll Forms.