webstack
Some Typography Links
Glitter text — whO (I learned a name for people who go by a one-word moniker like that: Mononymous) created a builder for fancy SVG-based type. It’s a custom font with , and the fancy comes in with a gradient and somewhat exotic filters that make noise and blend the noise into the color.
Optic..
Weekly News for Designers № 601
Vim Bootstrap – This tool will generate a customized configuration based on your favorite programming languages for the Vim text editor.
Lineicons – Check out this collection of 5,000+ handcrafted, customizable line icons. Free and Pro versions available.
Bringing markers back to UI design – Add a..
10 Homepage Design Comparisons to Inspire Your Business in 2022
Looking to give your homepage a well-needed design update in late 2021 or 2022? Not a bad idea; first impressions are crucial when it comes to business websites. But, fixing your homepage and website design is no easy feat.
Web design trends are evolving faster. Blame the ever-decreasing user’s att..
How to Get a Pixel-Perfect, Linearly Scaled UI
Dynamically scaling CSS values based on the viewport width is hardly a new topic. You can find plenty of in-depth coverage right here on CSS-Tricks in articles like this one or this one.
Most of those examples, though, use relative CSS units and unitless values to achieve fluid scaling. That loses ..
How To Network Properly: Networking For Designers 101
Ah, networking. Every creative freelancer’s favorite thing ever. Going out to events, shaking hands, plastering on a fake smile, getting paper cuts from passing out hundreds of business cards, dodging flakes and crazies galore.
Or perhaps you’re the online type of networker – stalking people on Twi..
Build Complex CSS Transitions using Custom Properties and cubic-bezier()
I recently illustrated how we can achieve complex CSS animations using cubic-bezier() and how to do the same when it comes to CSS transitions. I was able to create complex hover effect without resorting to keyframes. In this article, I will show you how to create even more complex CSS transitions.
..
A Bashful Button Worth $8 Million
Most of us grumble when running across a frustrating UX experience online (like not being able to complete a transaction because of a misplaced button). We might pen a whiny tweet. Jason Grigsby is like I’m going to write 2,000 words on this and show them what’s what. And of course, he has a strong ..
10 Free CSS Snippets for Creating Responsive Pricing Tables
The pricing page is a staple for any online shop. It’s used for SaaS products, service companies, and eCommerce shops all around the web.
And no pricing page would be complete without a pricing table comparing options, features, and (naturally) prices. But designing your own from scratch can be a h..
Links on React and JavaScript
As a day-job, React-using person, I like to stay abreast of interesting React news. As such, I save a healthy amount of links. Allow me to dump out my latest pile. Most of this is about React but not all of it.
The Plan for React 18 — A bunch of people from the React team put this post out giving u..
Meta Theme Color and Trickery
Starting with Version 15, Safari supports the theme-color tag both on macOS and iOS. That’s exciting news because now the first desktop browser supports this tag and it also supports the media attribute and the prefers-color-scheme media feature.
I never really took much note of the t..
