css-grid   999

« earlier    

CSS Grid for Designers – Times Open
CSS Grid allows us to quickly create custom grids for our projects. This means we don’t need to start with 12 columns — we can have five or eight.
This technology advancement is so important for designers to understand, because it means we can think about the right grid for the demands of our content.
We can create grids that better control the placement of elements both vertically and horizontally. All of this brings classic graphic design and art direction approaches back to web design.
8 days ago by 1luke2
“Graduating to Grid” by Rachel Andrew—An Event Apart Denver 2017
In a practical, example-packed hour, Rachel helps give you the confidence and practical skills to fully embrace Grid layout. She compares common framework patterns to new Grid code, and teaches how to create a workflow that is right up to date—a workflow grounded in new CSS, yet able to care for old browsers and ensure a good experience for their users.
video  css-grid  CSS 
16 days ago by 1luke2
Auto-Sizing Columns in CSS Grid: `auto-fill` vs `auto-fit` | CSS-Tricks
grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );
learn  webdev  css-grid 
5 weeks ago by jarrenb
Get Started with Grid Layout
There is quite a lot to the CSS Grid Specification, however you don’t have to learn the whole thing at once. I’ve gathered some of my resources here as a getting started guide. Start with the first few links, then check out the other sections based on the problems you need to solve.
css  layout  webdesign  css-grid  howto 
6 weeks ago by tero

« earlier    

related tags

accessibility  animation  autofit  bestpractices  bookmarks_toolbar  cards  cheatsheet  code  coding  cookbook  course  css-flex  css-flexbox  css-variables  css  css3  cssgrid  des  design  development  example-code  example  examples  experiments  flexbox  from_google_chrome  front-end-development  game  generator  grid  grids  how-to  howto  inspiration  javascript  layout  learn  learning  media-queries  mozilla  other_bookmarks  pattern  performance  pinegrow  pingrow  progressive  pwa  reference  responsive-design  responsive  talk  tiles  tool  tools  tutorial  unsorted_bookmarks  video  vue.js  vue  watch  web-design  web-dev  webdesign  webdev  weekly.rc  wesbos 

Copy this bookmark: