webstack
Websites We Like: MD Nichrome
Here’s a beautiful website: it’s a type specimen for Mass-Driver’s ever-so-lovely type family MD Nichrome. There’s a ton of nifty animations and graphics explaining all the features inside…
If you’re wondering how those animations work, they’re actually styled
The Single Page App Morality Play
Baldur Bjarnason brings some baby bear porridge to the discussion of Single Page App (SPA) vs. Multi Page App (MPA).
Single-Page-Apps can be fantastic. Most teams will mess them up because most teams operate in dysfunctional organisations. Multi-Page-Apps can also be fantastic, both in highly funct..
12 Free Vintage Halloween Stamps in AI, EPS, SVG & PSD Formats
With Halloween just a few weeks away, we have a free set of spooky vector vintage stamps for you to freely use in both your personal and commercial projects.
You can use them to create graphics for your social media campaigns, your websites, your newsletters, or for anything Halloween-related.
The..
Considerations for Using Markdown Writing Apps on Static Sites
If you run or have recently switched to a static site generator, you might find yourself writing a lot of Markdown. And the more you write it, the more you want the tooling experience to disappear so that the content takes focus.
I’m going to give you some options (including my favorite), but more ..
The Options for Password Revealing Inputs
In HTML, there is a very clear input type for dealing with passwords:
If you use that, you get the obfuscated bullet-points when you type into it, like:
••••••••
That’s the web trying to help with security. If it didn’t do that, the classic problem is that someone could b..
Want UX Inspiration? Look To Classic Video Games
Web designers are always looking for inspiration. Something that will jumpstart our creativity and lead us to reach new heights.
Quite often, we find what we’re looking for by studying other websites. And there’s certainly nothing wrong with that. Design communities such as Awwwards and Behance off..
Scroll Shadows With JavaScript
Scroll shadows are when you can see a little inset shadow on elements if (and only if) you can scroll in that direction. It’s just good UX. You can actually pull it off in CSS, which I think is amazing and one of the great CSS tricks. Except… it just doesn’t work on iOS Safari. It used to work, and ..
Conditional Border Radius In CSS
Ahmad Shadeed documents a bonafide CSS trick from the Facebook CSS codebase. The idea is that when an element is the full width of the viewport, it doesn’t have any border-radius. But otherwise, it has 8px of border-radius. Here’s the code:
.card {
border-radius: max(0px, min(8px, calc((100vw - 4p..
4 Steps to Improve PageSpeed Insights Score and SEO
PageSpeed Insights is a free performance measurement tool provided by Google. It analyzes the contents of a web page for desktop and mobile devices. It provides a single number score (from 1 to 100) that summarizes several underlying metrics that measure performance. If you have not run PageSpeed In..
Branching Strategies 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!
Almost all version control systems (VCS) have some kind of support for branching. In a nutshell, branching means that you leave the main development line..
