Zero Trickery Custom Radios and Checkboxes
18.11.2021
I feel like half of all “custom-designed radio buttons and checkboxes” do two things:
Make them bigger
Colorize them
I always think of SurveyMonkey for having big chunky radios and checkboxes. And indeed, just poking at their interface quickly, even …
The post Zero Trickery...
What do you get for using a search input type?
18.11.2021
Like this: <input type="search">
You get an extra-round-y appearance in Safari, which at one time matched the macOS look for search inputs, but not really anymore. I don’t hate the look, except…
Safari totally ignores the font-size you set on
…
The post What do you...
Cherry-Picking Commits in Git
17.11.2021
In part 5 of this series, we looked at rebasing and merging. Although there are a couple of differences between git merge and git rebase, both commands have the same goal: they integrate changes from one branch into another.
The post Cherry-Picking Commits in Git appeared first on CSS-Tricks....
The Gap (Design Engineering)
17.11.2021
Egor Kloos describes a situation where a (purely visual) designer asks for some changes to a component. There is a misunderstanding where the (code monkey) developer implements the change exactly as requested—but really what was required was both a bug …
The post The Gap (Design Engineering)...
Slideshow with Filter Reveal Effect
17.11.2021
A slideshow page layout with a filter enhanced navigation effect.
The post Slideshow with Filter Reveal Effect appeared first on Codrops
A Clever Sticky Footer Technique
17.11.2021
Upon hearing “sticky footer” these days, I would think most people imagine a position: sticky situation where a footer element appears fixed on the screen while in the scrolling context of some parent element.
That’s not quite what I’m talking …
The post A Clever...
Line length revisited: following the research
16.11.2021
Mary Dyson produces nitty gritty research on the long-accepted notion that shorter line lengths are more legible than longer ones. The study finds that shorter lines do not necessarily lead to faster reading. If you’re looking for a definitive answer …
The post Line length revisited:...
Generate a Pull Request of Static Content With a Simple HTML Form
16.11.2021
Jamstack has been in the website world for years. Static Site Generators (SSGs) — which often have content that lives right within a GitHub repo itself — are a big part of that story. That opens up the idea of …
The post Generate a Pull Request of Static Content With a Simple HTML Form...
Jamstack TV
16.11.2021
That’s the name of Netlify’s YouTube Channel. Love that. I linked up Rich’s talk the other day, which was a part of this past JamstackConf, but now all the talks are up on there. Rich got to talk …
The post Jamstack TV appeared first on CSS-Tricks. You can support...
Color Alpha Anywhere
16.11.2021
In my “Different Degrees of Custom Property Usage” article, I noted a situation about colors and CSS custom properties where I went “too far” with breaking up HSL color values. Breaking every single color into its H, S, and L parts …
The post Color Alpha Anywhere...
Defining and Applying UI Themes Using the Mimcss CSS-in-JS Library
15.11.2021
Theming UI refers to the ability to perform a change in visual styles in a consistent manner that defines the “look and feel” of a site. Swapping color palettes, à la dark mode or some other means, is a good …
The post Defining and Applying UI Themes Using the Mimcss CSS-in-JS Library...
Other Looks at the Conditional Border Radius Trick
13.11.2021
Remember when Ahmad Shadeed wrote about that border-radius “toggle” he found in Facebook’s CSS? It was interesting! I covered it. A few weeks after that surge of linkage, a couple of articles came out digging into it a little deeper. …
The post Other Looks at...