Even though we've got a pretty good solution cooking now (for WordPress), the templates aren't controlled with HTML/CSS like I wish they were.
https://css-tricks.com/if-i-work-really-hard-on-my-open-graph-images-people-will-share-my-blog-posts/
Accessing your @Fauna data with Netlify Functions and React
https://css-tricks.com/accessing-data-netlify-functions-react/
My own ah-ha moment was when I realized every page element is a box that can be sized, positioned, etc.
https://css-tricks.com/what-i-wish-i-knew-about-css-when-starting-out-as-a-front-ender/
RT Una Kravets 👩🏻💻
Responsive card > Responsive button > Responsive icon
Container queries are the future y'all.
SO dope to work with.
Demo requires Canary + Container Queries flag
Uses:
- Newer `container: inline-size` syntax
- Named containers to query diff parents
https://codepen.io/una/pen/NWgxXGV
RT Nicole Sullivan
Draft spec of CSS Scoping is out. Feedback please!
@Rich_Harris you were also interested in CSS Scoping. Mind taking a look? It’s based partially on @vuejs. We’d also love to hear what @youyuxi and @sarah_edo think too. cc very welcome!
Miriam (The Good Kind): @dfabu @stubbornella Yep, I posted a draft spec last week:
https://drafts.csswg.org/css-scoping-2/
All-things-typography, from a hard-edged monospaced variable font to fonts in the "Twilight Zone" ... and much much more.
https://css-tricks.com/some-typography-links-vii/
"An enabling selector is what I call a selector that does a job without disabling the particular rule."
https://css-tricks.com/you-want-enabling-css-selectors-not-disabling-ones/
How I'm managing application links so they open the app, not the browser.
https://css-tricks.com/application-specific-links/
CSS Pseudo Commas
https://css-tricks.com/css-pseudo-commas/
Can't get enough blobs? @ChallengesCss adds gooey animation effects using the CSS Paint API.
https://css-tricks.com/exploring-the-css-paint-api-blob-animation/
Yessss these are sweet, @ckirknielsen
https://www.reddit.com/r/VaporwaveAesthetics/comments/p2rg1f/made_some_web_developmentthemed_blank_vhs_designs/
RT Adam Argyle
Re works with translation and language directionality's toooooooo
A heartwrenching title from @zwobble, but it's for sure believable.
https://css-tricks.com/my-tiny-side-project-has-had-more-impact-than-my-decade-in-the-software-industry/
RT Miriam (But Terrible)
I wrote up a first draft @\scope spec today…
NOTE: This is an Editor's Draft only, which means the CSSWG expressed interest, but hasn't yet approved it as an official specification on the standards track. It could change dramatically.
https://drafts.csswg.org/css-scoping-2/#scoped-styles
The Fixed Background Attachment Hack
https://css-tricks.com/the-fixed-background-attachment-hack/
"By putting content first and allowing that content to adapt to whatever space surrounds it, we can create more robust, flexible designs that increase the longevity of our products." — @cathy_dutton
https://css-tricks.com/designing-for-the-unexpected/
Excellent example here by @marianabeldi showing how learning something new can lead to interesting new projects and ideas.
Plus, the generator is such a great resource!
https://css-tricks.com/how-i-made-a-generator-for-svg-loaders-with-sass-and-smil-options/
One Way to Convert Code Indentation
https://css-tricks.com/one-way-to-convert-code-indentation/
Apparently, LinkedIn has a front-end development quiz. The answers are listed here
That's not to ruin anything, it's fun to learn from both the questions and the answers.
And of course do little "Well, actually..."ies in your head going through the list
https://github.com/Ebazhanov/linkedin-skill-assessments-quizzes/blob/master/front-end-development/front-end-development-quiz.md
