Parallax Powered by CSS Custom Properties
Good friend Kent C. Dodds has recently dropped his new website which had a lot of work go into it. I was fortunate enough that Kent reached out a while back and asked if I could come up with some “whimsy” for the site. ✨
One of the first things that drew my attention was the large image of Kody (🐨)..
Creative Problem Solving for UX Designers
It’s normal to pull up sharp in front of a problem; after all, if there was a known solution, it wouldn’t be a problem. But knowing that it’s normal, doesn’t make encountering problems any less frustrating. So how do we avoid sitting in front of a UX problem for hours, achieving nothing?
That’s wha..
Weekly News for Designers № 619
UI cheat sheet: Accordions – There are more to accordions than meets the eye. This guide will show you everything you need to know.
Free Practical Guide to Web Animation – The guide introduces web animation techniques with examples and tips on how to use them.
The 40 Best Free Bootstrap 5 Template..
The Many Faces of VS Code in the Browser
VS Code is built from web technologies (HTML, CSS, and JavaScript), but dare I say today it’s mostly used a local app that’s installed on your machine. That’s starting to shift, though, as there has been an absolute explosion of places VS Code is becoming available to use on the web. I’d say it’s ki..
PHP Date and Time Recipes
Dealing with dates and times is one of those things that can frustrate programmers a lot. At the same time, they are fundamental to software development, used from everything from meta and how things are ordered to time-based triggers and lots in between.
Dates and times are prone to errors too. Ha..
Zero Trickery Custom Radios and Checkboxes
I feel like half of all “custom-designed radio buttons and checkboxes” do two things:
Make them biggerColorize them
I always think of SurveyMonkey for having big chunky radios and checkboxes. And indeed, just poking at their interface quickly, even internally, the app uses has those all over the p..
What do you get for using a search input type?
Like this:
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 it, so careful about that. Unless you smash off the round..
Cherry-Picking Commits in Git
This article is part of our “Advanced Git” series. Be sure to follow us on Twitter or sign up for our newsletter to hear about the next articles!
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 h..
The Gap (Design Engineering)
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 fix and a new variation to the component. Becau..
How To Speed Up Your Bootstrap Development Process
Currently, Bootstrap is among the most popular frameworks in the developer community. One of the most straightforward solutions for front-end development methods available, Bootstrap allows users to access convenient CSS and HTML components for forms, typography, sliders, navigation, and everything ..