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.

Blogging por ti mismo vs.  Blogs del personal: ¿Cuál debería elegir?

Blogging por ti mismo vs. Blogs del personal: ¿Cuál debería elegir?

Atrás han quedado los días cuando "weblog" o "blog" para abreviar era básicamente un término elegante para "diario en línea". Hoy en día, sería muy difícil encontrar una gran corporación o pequeña empresa que no tenga un blog con fines promocionales y de participación .Esta tende

(Consejos de tecnología y diseño)

40 PSD y plantillas para iPhone 8 y iPhone X

40 PSD y plantillas para iPhone 8 y iPhone X

Apple lanzó recientemente sus tan esperados teléfonos iPhone 8, iPhone 8 Plus y iPhone X con características futuristas y diferentes puntos de precio. Para los entusiastas de iPhone, significa vaciar sus bolsillos para obtener los nuevos teléfonos, sin embargo, para diseñadores web y gráficos, significa encontrar maquetas y plantillas de los diseños de los nuevos teléfonos.Para to

(Consejos de tecnología y diseño)