The Service Worker API for browsers allows web designers to offer visitors something they never had before: access to sites or web applications even when offline, be it for short or long periods of time.
Chrome DevTools are consistently marching forward and providing us with helpful new features that make our lives as web designers easier. In this roundup we’ll be checking out three of the handiest recent additions. Let’s jump in!
Every web designer knows how to set a font’s color, right? It’s one of the first things we do when we begin learning CSS. We choose a color, then we use styles to set it, like
color: blue; or
color: purple;, so all the glyphs in our chosen font turn that color, and only that color.
Variable fonts are, in a nutshell, font files which have settings you can change to subtly, or dramatically modify the font’s appearance. They’re set to make a big difference to type on the web—let’s take a closer look!
So you’ve found a beautiful WordPress theme. It has a fantastic style, and it seems just right for your project. But how do you know if it’s just as good under the hood?
The award-winning Affinity Designer is one of the most powerful yet user-friendly vector design applications to emerge in recent years, and these two strengths are the reason its popularity grows by the day. Whether you’re just getting into using the software or you’re already a dab hand, you’re sure to find some resources you love in our collection below.
In this quick tip we’re going to break down exactly what viewport and
viewBox are in SVG. You’ll learn:
One of the great things about scalable vector graphics (aside from their being infinitely scalable without quality loss) is that once you know the fundamentals you can hand-code simple shapes quite easily, without needing to open a graphics application.
Gravit Designer is a completely free vector design application. It’s available in the browser as well as on Linux, Mac, ChromeOS, and Windows.
The search engine DuckDuckGo is best known for its privacy-respecting, tracking-free web searching. But did you know it can also be a web designer’s best friend through its long list of in-built cheat sheets?
Browser-based applications are becoming more and more prevalent, and their viability for use in web design is steadily increasing. Sure, they might not have the full grunt of desktop-based applications, but they can still be very powerful regardless, and they come with perks you typically won’t find in regular software.
In my course, Optimize Your Website Without AMP, I showed you in detail how to optimize your website for lightning-fast performance without using Google’s AMP.
Open Broadcaster Software, more commonly known as OBS, is a video streaming and recording program. It’s free, open source, and fully cross platform — Mac, Windows and Linux. When combined with solid audio and video editing software, it is a very powerful and flexible screencast video production tool.
In this tutorial we’ll be getting into the season’s cheer by creating an SVG Christmas tree illustration you can use in any website. We’re going to create the illustration in Affinity Designer then take advantage of the program’s web specific SVG export functionality.