recentpopularlog in

grids

« earlier   
Print To CSS | Website and blog of Front-end developer and web designer, Dan Davies
My name is Dan Davies, an experienced and highly skilled web designer and front-end developer from Flintshire, North Wales and currently working in Cheshire. Specialising in Web Design, WordPress, HTML, CSS3 and Sass, I build responsive websites that incorporate modern, clean code and am a big advocate of the content first approach. I have worked for some large digital agencies and with some very well known brands.
css  grid  grids  layout  cssgrid 
yesterday by bruno
CSS Grid Generator — Generate basic code to make dynamic layouts
This project is a way for people to use CSS Grid features quickly to create dynamic layouts.

You can set the numbers, and units of your columns and rows, and I'll generate a CSS grid for you! Drag within the boxes to create divs placed within the grid.

I noticed a lot of people weren't using Grid because they felt it was too complicated and they couldn't understand it. Grid is capable of so much, and this small generator only touches on a fraction of the features. The purpose of this is so people get up and running quickly, and create more interesting layouts.
grids  css  generative  workflow 
2 days ago by jochemkeller
How to Overlap Images in CSS
Something very popular in web design currently is overlapping images. When the design is handed to you, as the developer to implement it, there are a few ways to go about it like most things with CSS.
fridayfrontend  css  cssbasics  images  overlapping  grids  cssgrid  layout 
5 days ago by spaceninja
Does JavaScript keep you too busy to care about CSS? Here are recent features you want to know about!
For the last few years, I have been busy exploring the world of JavaScript to the point that I neglected my passion for CSS. I am sure there are more people like me out there. I owe CSS a debt so I curated a list of recent features that you may want to know about if you didn't follow this space for a little while.
fridayfrontend  css  javascript  cssbasics  customproperties  variables  grids  cssgrid  variablefonts  typography  scroll-snap  logical-properties  sticky  houdini  featurequeries  supports  preprocessors  css-in-js 
5 days ago by spaceninja
CSS: An Art, a Science, a Nightmare (Everything You Should Know)
Some people think CSS is really hard and it's too much of a hassle to learn. Some people think that since it's not a programming language (or is it?), it's so easy that you don't even have to bother learning it. Ultimately, there's a lot to CSS, but it doesn't have to be overwhelming. If you learn a few key concepts, you should feel confident looking at or thinking of any design and turning it into reality.
fridayfrontend  css  cssbasics  layout  flexbox  cssgrid  grids  boxmodel  mediaqueries 
5 days ago by spaceninja
Web layouts like it’s 2020
The newer specs allow us to build layouts that we would have discarded for being unusable or for lack of responsiveness just a couple of years ago. So I believe it’s time to start revisiting those concepts. Maybe we can bring back some of those print-like layouts in a way that adapts to the unknown canvas of the web.
fridayfrontend  css  layout  cssbasics  cssgrid  grids  flexbox  multicol  exclusions 
5 days ago by spaceninja
Use CSS Subgrid to layout full-width content stripes in an article template
CSS Grid was missing one important piece when it's Level 1 specification was released into the world: Subgrid. The Level 2 specification is still in "Working Draft" status, but we have our first browser implementation. Mozilla has the Subgrid syntax in Firefox Nightly. Now that we have a live implementation, I've begun playing with the subgrid. Subgrid allows for elements that are grandchildren of the Grid container to take part in the initial grid definition. In this article, we'll be exploring one specific use case: augmenting a Grid-infused article layout. This article layout will allow for certain sections of content to break out into full-width areas.
fridayfrontend  css  cssgrid  grids  layout  subgrid 
5 days ago by spaceninja
Print To CSS | Website and blog of Front-end developer and web designer, Dan Davies
My name is Dan Davies, an experienced and highly skilled web designer and front-end developer from Flintshire, North Wales and currently working in Cheshire. Specialising in Web Design, WordPress, HTML, CSS3 and Sass, I build responsive websites that incorporate modern, clean code and am a big advocate of the content first approach. I have worked for some large digital agencies and with some very well known brands.
grids  css  layout  inspiration 
10 days ago by kwbr
The Thought Process Behind a Flexbox Layout
Flexbox can do way more stuff! One of my favorites is how auto margins work to "push" other elements away when there is space. This is just one little journey playing with some UI and seeing the useful things flexible does along with things that can make it confusing.
fridayfrontend  css  cssbasics  layout  grids  flexbox 
11 days ago by spaceninja
Creating complex layouts using CSS Grid
This tutorial is for people who have heard of css-grid and are interested to see what it can do or perhaps are not sure how to fit it into their workflow.
fridayfrontend  css  cssgrid  layout  grids 
11 days ago by spaceninja
Highlights From Building a Magazine Layout
The web technologies we have at our hands today are marvelous. Every day there is something new knocking on our doors. The decision is upon us; we either accept the challenge to learn new things or not. I wanted to pick a design that I can use new CSS techniques and try to grasp them more. For today, I chose a magazine layout with some pretty interesting, challenging design details.
fridayfrontend  css  cssbasics  layout  cssgrid  grids  print 
11 days ago by spaceninja
Print to CSS
My name is Dan Davies, an experienced and highly skilled web designer and front-end developer from Flintshire, North Wales and currently working in Cheshire. Specialising in Web Design, WordPress, HTML, CSS3 and Sass, I build responsive websites that incorporate modern, clean code and am a big advocate of the content first approach. I have worked for some large digital agencies and with some very well known brands.
css  layout  grids 
14 days ago by lenciel
Print To CSS
Examples of creating print-based layouts to the web.
layouts  webdesign  webdev  cssgrid  grids  css  examples 
14 days ago by angusm

Copy this bookmark:





to read