es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Patrones Flexbox: la mejor biblioteca de códigos CSS Flexbox

La propiedad más reciente de flexbox de CSS ha cambiado radicalmente la forma en que los desarrolladores crean interfaces. Ya no hay más carrozas ni hacks de CSS para que los diseños se alineen perfectamente. No se preocupe más por las técnicas de respuesta personalizada para el manejo de diseños de columnas múltiples.

Pero a pesar de que Flexbox resuelve muchos problemas, también es complicado de aprender. Para ayudarlo a comenzar, hay una nueva biblioteca en línea llamada Flexbox Patterns que cataloga muchos elementos de flexbox diferentes en una ubicación central.

Esta biblioteca es completamente gratuita y está abierta en GitHub. Todos los ejemplos se pueden descargar localmente a través de NPM o a través de GitHub . Pero también puede navegar por los ejemplos a través del sitio web para copiar y pegar códigos según sea necesario.

Cada patrón tiene su propia página con una breve descripción y ejemplos de código. Puede literalmente copiar y pegar los códigos en su proyecto web existente, aunque se recomienda que primero aprenda un poco sobre lo que hace el código y por qué lo está usando.

Tomemos como ejemplo la demostración de la barra de encabezado del sitio usando flexbox para alinear todos los elementos en una barra de navegación superior lado a lado.

Por lo general, esto requeriría flotadores y una clase clearfix para alinear todo correctamente.

Con flexbox puede mantener todo en un contenedor usando la pantalla: propiedad flex . De esta forma, puede definir cómo los elementos deberían interactuar entre sí y cómo debería funcionar el flexbox en pantallas más pequeñas .

Los patrones se actualizan constantemente y la biblioteca actual se enfoca en los elementos más comunes como pestañas, barras laterales y centrado vertical u horizontal.

Si eres nuevo en flexbox, definitivamente echa un vistazo a Flexbox Patterns. El sitio no le enseñará todos los conceptos básicos de flexbox, pero le ofrecerá ejemplos del mundo real con los que puede jugar para sus propios proyectos web.

Pruebe estas aplicaciones de facturación eficiente y gestión del tiempo

Pruebe estas aplicaciones de facturación eficiente y gestión del tiempo

¡El tiempo vuela! ¡El tiempo es escaso! ¡El tiempo es dinero! - y así continúa. Lanzar clichés como estos no ayudará mucho a su productividad ni a su negocio. Solo te animan a trabajar más duro. Pero simplemente trabajar más duro no traerá los mejores resultados. Necesita ayuda para realizar un mejor seguimiento de su tiempo, gastos y tareas de gestión de proyectos.Trabajar &

(Consejos de tecnología y diseño)

Opera Neon: el futuro de Opera de los navegadores de Internet

Opera Neon: el futuro de Opera de los navegadores de Internet

Los navegadores web no son la pieza de software más interesante disponible, ya que la mayoría de ellos, si no todos, son funcionalmente idénticos entre sí .Sin embargo, parece que Opera está buscando desafiar nuestra percepción del navegador web ya que la compañía lanzó un navegador conceptual llamado Opera Neon para que todos lo prueben.Qué hace

(Consejos de tecnología y diseño)