flexbox   11520

« earlier    

CSS Box Alignment Module Level 3
This module contains the features of CSS relating to the alignment of boxes within their containers in the various CSS box layout models: block layout, table layout, flex layout, and grid layout.
css  w3c  webdev  spec  reference  flexbox  grid 
yesterday by rsgranne
Spectre.css CSS Framework
Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.
web  webdesign  css  framework  webdev  css-framework  前端框架  design  dev  flexbox 
6 days ago by speckz
Learn CSS Flexbox by building a photo card component
CSS Flexbox has been around for quite a while now, and is well supported, but I still see a lot of upcoming web developers resorting to frameworks like Bootstrap in order to achieve simple layouts in the browser, perhaps because Flexbox introduces many new concepts that can make it difficult to use. This article will introduce you to Flexbox by walking you through a photo card component and will teach you just enough so that you can start using it right away.
fridayfrontend  css  grids  flexbox  layout  photos  cards  tutorials 
10 days ago by spaceninja
Concise Media Queries with CSS Grid
.grid {
grid-template-areas:
'avatar name'
'bio bio';
}
@media (max-width: 700px) {
.grid {
grid-template-areas:
'name'
'avatar'
'bio';
}
}
css  grid  flexbox 
11 days ago by photoangell
Concise Media Queries with CSS Grid
within 1st para author says: with CSS grid we can write our grid rules once, and achieve the desired layout at any screen size with a single rule, and without any framework
webdesign  web  design  css  grid  layout  mq  media  queries  flex  flexbox 
11 days ago by piperh
Concise Media Queries with CSS Grid
Using CSS Grid to concisely define layouts.
css  cssgrid  layouts  flexbox  webdev  tips 
13 days ago by angusm
Basic concepts of flexbox - CSS: Cascading Style Sheets | MDN
The Flexible Box Module, usually referred to as flexbox, was designed as a one-dimensional layout model, and as a method that could offer space distribution between items in an interface and powerful alignment capabilities. This article gives an outline of the main features of flexbox, which we will be exploring in more detail in the rest of these guides.
css  flexbox  layout 
14 days ago by danesparza

« earlier    

related tags

329  bestpractices  blog  bootstrap  bulma  cards  cheatsheet  clevermarks  column  columns  components  cookbook  course  css-framework  css-grid  css  css3  cssbasics  cssgrid  cssgridlayout  demo  design  dev  development  equalheights  example  examples  flex  form  forms  framework  frameworks  fridayfrontend  games  gap  grid  gridlayout  grids  guide  howto  html5  inspiration  intrinsic  ios  layout  layouts  learning  library  mdn  media  mediaqueries  methods  mixins  mozilla  mq  newslettered  oct18  patterns  photos  presentation  queries  rachel-andrew  rachelandrew  recipe  recipes  redesign  reference  resources  sass  scss  smashingmag  spec  standards  talk  techniques  tips  to-read  tolearn  tool  toread  totry  tounderstand  tutorial  tutorials  ui  uidesign  uipatterns  ux  video  w3c  web  webdesign  webdev  webdevelopment  website  xkreads  前端框架 

Copy this bookmark:



description:


tags: