front-end.social/@heydon
Relearn CSS layout
2 min · · If you find yourself wrestling with CSS layout, it’s likely you’re making decisions for browsers they should be making themselves. Through a series of simple, composable layouts, Every Layout will… · Shared by 240, including zeldman, Yoav Ganbar (🥑 Builder.io/Qwik), @meyerweb@mastodon.social, Zain Fathoni, Kaspar Manz, Brian, David Hellmann, Samuel Hauser, Veerle Pieters, Marius Bleuer, Dion Almaer, Nando 💪🇦🇺🇦🇷, Brad Frost, Kevin Marks 🏠kevinmarks.com xoxo.zone/@KevinMarks, Claudio Perez Gamayo, Rob Dodson, Brad Brooks, Michael Musgrove, Jessel Sookha
cssgrid-generator.netlify.com
CSS Grid Generator
· Shared by 133, including Linus Basig, Marius Bleuer, Joe Lencioni, @benp sur mastodon.social, Oliver Raduner, Yoav Ganbar (🥑 Builder.io/Qwik), Brian, Samuel Hauser, Adrian🇨🇭, Nando 💪🇦🇺🇦🇷, Brad Frost, Benoist Lawniczak, Niklaus Gerber, Beni Buess, Mattia Fregola 🤔, henrik, Veerle Pieters, Zain Fathoni, Jessel Sookha
cssreference.io
CSS Reference
· CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples. · Shared by 85, including Zain Fathoni, Vikram Dutt, henrik, Luca Corsilli, Francesco Forconi, Thomas Eichmann, pizza.lottie 🍕, Brian, Oscar MacDonald, Luis Bravo
gradientmagic.com
Gradient Magic
· A gallery of fantastic and unique CSS Gradients. · Shared by 79, including Michael Musgrove, Alligator.io 🐊, Stef Walter, 6clicks | John Robert-Nicoud, sascha aßbach, Oliver Raduner, Mohamed Azazy, Chris Heilmann codepo8@toot.cafe, David Hellmann, Veerle Pieters, Moritz von Hase, henrik
CodePen.IO
CSS Grid: Style Guide
· Funny text from office ipsum: http://officeipsum.com/index.php What could go wrong if I were to do a style guide with 5 color palettes without any pla... · Shared by 34, including Chris Coyier, Alligator.io 🐊
DEV Community
Creating Pixel Art with CSS
6 min · · A step-by-step guide on creating pixel art using the `box-shadow` property in CSS. · Shared by 29, including ITNEXT
CodePen.IO
CSS Grid: Card Variations
· Cards the same HTML structure, altered with CSS Grid. Image from pexels.com... · Shared by 27, including Brad Brooks, Una 🇺🇦, Brad Frost
CSS-Tricks
Making width and flexible items play nice together
3 min · · The short answer: flex-shrink and code>flex-basis are probably what you’re lookin’ for. The long answer Let’s say you want to align an image and some text · Shared by 17
CodePen.IO
CSS Grid Experiments - a Collection by Olivia Ng on CodePen
1 min · · CodePen doesn't work very well without JavaScript.We're all for progressive enhancement, but CodePen is a bit unique in that it's all about writing and showing front end code, including JavaScript.… · Shared by 15, including Jessel Sookha, Rodrigo Noales, Davy De Pauw
CodePen.IO
Pure CSS Girl Portrait
· A Girl Created with pure css. Not realy responsive yet. please open this on PC.... · Shared by 6
CSS Weekly
CSS Weekly — Weekly e-mail roundup of latest CSS articles, tutorials, tools and experiments
1 min · · Weekly e-mail roundup of latest css articles, tutorials, tools and experiments. · Shared by 5
youtube.com
Easy Tutorials
· Hello Friends, Welcome to our channel "Easy Tutorials". I created this channel with the aim to help you to learn Website development, blogging, Digital Marke...
rtlcss.com
Bootstrap
· RTLCSS is a framework for transforming Cascading Style Sheets (CSS) from Left-To-Right (LTR) to Right-To-Left (RTL).
youtube.com
CSS Thanos Snap Dispersion Hover Effects
· Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ noise.png Download Li...
youtube.com
Online web ustaad
· OnlineWebustaad a channel where you can find lots of information related Bootstrap , Photoshop cs6 & cc, HTML & HTML5., CSS & CSS3 AND wed designing & develo...