flexbox
El nuevo modelo de caja: Flexbox
Recuerde los (no tan) buenos viejos tiempos de la web cuando diseñábamos nuestras páginas usando tables</code> (nested within more tables) and those really cool framesets</code>?We are so much better now …
Leer másReglas de CSS Flex-Growth
A pesar de lo que pueda leer en línea, configurar todos sus elementos flexibles dentro de un contenedor flexible a un crecimiento flexible de 1 no necesariamente dará a todos …
Leer másFlexbox: No más bloques de visualización, alineación vertical o tablas.
Para aquellos que no han oído hablar de flexbox, vale la pena leer: http://weblog.bocoup.com/dive-into-flexbox/ Actualmente, casi todos los navegadores (actualizados) lo admiten: http://caniuse.com/flexbox
Leer másFormularios HTML con Flexbox
Bootstrap de Twitter tiene algunas ideas de diseño excelentes para elementos de formulario: http://getbootstrap.com/components/#input-groups “¡¿Cómo lo hicieron?!” puede preguntar … bueno, estoy seguro de que se sentirá decepcionado por esta …
Leer másSin flotador, no claro con pantalla: flex
Nunca me han gustado las cosas flotantes y claras, así que la nueva pantalla CSS3: módulo flexible está pensada para mí. Página de descarga aquí: https://github.com/btayfun/flexfun Aquí puede ver la …
Leer másUso de regiones CSS + flexbox + contador para crear una interfaz de usuario de lista de reproducción
Creé una demostración para CodePen Pattern Rodeo de esta semana que usa regiones CSS, flexbox y counter: una interfaz de usuario para una lista de reproducción . Pero, ¿cómo funciona …
Leer másCentro de contenido vertical y horizontalmente en Webkit con CSS3 Flexbox
display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center; Funciona en Chrome, Opera y Maxthon.
Leer más