My stubborn criteria: * No frameworks or third-party cruft. First-party cruft only. * No javascript * No libraries. Just wholesome CSS best practices from scratch Thank you!
-
-
Show this threadThanks. Twitter will use this to make your timeline better. UndoUndo
-
-
-
Every Layout is a good guide: https://every-layout.dev/
-
Thank you!
- Show replies
New conversation -
-
-
Phones are just a fad! Don’t succumb!
Thanks. Twitter will use this to make your timeline better. UndoUndo
-
-
-
We should name a design method (I'd say framework, but ... ah ha!)... after you.
Thanks. Twitter will use this to make your timeline better. UndoUndo
-
-
-
I think the advice for vanilla CSS hasn’t changed - mobile layout first, enhance where needed on larger viewports. CSS Grid and Fkexbox are excellent additions to the toolkit that can keep it even simpler by auto-laying out things at different widths.
Thanks. Twitter will use this to make your timeline better. UndoUndo
-
-
-
I’m not a designer (or any type of coder), but I do overhaul personal web sites periodically, going back to the late ‘90s. I know it’s 3rd party cruft, but Sass made my last 2 designs WAY easier. And it generates normal CSS when you are done.
Thanks. Twitter will use this to make your timeline better. UndoUndo
-
-
-
Depends if you are planning on doing it the retrofitting way or refactoring all the thing. Here is a goo reading about retrofitting tips to avoid spending to much time and help with the strategy https://webstandardssherpa.com/reviews/responsive-retrofitting/ … (some of the tools are dead fyi)
Thanks. Twitter will use this to make your timeline better. UndoUndo
-
-
-
Just read Chris Coyier’s excellent guide to CSS Grid and you’ll be up to date (and never have to use a grid framework like Bootstrap again). https://css-tricks.com/snippets/css/complete-guide-grid/ …
Thanks. Twitter will use this to make your timeline better. UndoUndo
-
-
-
Figure out SASS. It will make writing CSS easier. If you want to support IE11 you're probably best sticking with Flexbox: https://css-tricks.com/snippets/css/a-guide-to-flexbox/ … If you don't care about IE11 consider use Grid for layout: https://css-tricks.com/snippets/css/complete-guide-grid/ … Design from mobile first.
Thanks. Twitter will use this to make your timeline better. UndoUndo
-
Loading seems to be taking a while.
Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.