webstack
Securing Your Website With Subresource Integrity
When you load a file from an external server, you’re trusting that the content you request is what you expect it to be. Since you don’t manage the server yourself, you’re relying on the security of yet another third party and increasing the attack surface. Trusting a third party is not inherently ba..
10 CSS & JavaScript Snippets for Creating Page Transition Effects
The act of clicking around a multipage website can become monotonous over time. Adding page transition effects to the mix can help to kick things up a notch. They’re great for keeping the user’s interest as new content loads while maintaining a minimal impact on performance.
With that in mind, here..
Scenarios Where WordPress May Not Be the Best Option
There are a number of reasons why WordPress has the biggest market share among content management systems (CMS). For some developers, it’s the massive ecosystem of available themes and plugins that draws them in. Others may cherish the opportunity to create their own custom addons.
The most common ..
Popular Design News of the Week: June 7 2021 – June 13, 2021
Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site.
The best way to keep up with the most important stories..
Safari 15: New UI, Theme Colors, and… a CSS-Tricks Cameo?
There’s a 33-minute video (and resources) over on apple.com covering the upcoming Safari changes we saw in the WWDC keynote this year in much more detail. Look who’s got a little cameo in there:
Perhaps the most noticeable thing there in Safari 15 on iOS is URL bar at the bottom! Dave was speculati..
The Possibilities of Syndication
That’s the one word that isn’t an adjective in the acronym RSS.
Really Simple Syndication.
RSS isn’t just about RSS readers. Even though, gosh if I don’t love RSS readers. It’s about putting content in a format that is designed to be portable. An API for content isn’t a metaphor, that’s literally..
Adding Shadows to SVG Icons With CSS and SVG Filters
Why would we need to apply shadows to SVG?
Shadows are a common design feature that can help elements, like icons, stand out. They could be persistent, or applied in different states (e.g. :hover, :focus, or :active) to indicate interaction to users.Shadows happen in real life, so they can be used ..
Weekly News for Designers № 596
10 Stunning Examples of Text Distortion Effects in Web Design – When used properly, text distortion effects (or, the “glitch” effect) can greatly enhance web typography.
A guide to the Modern Minimal UI style – Take a deep dive into a style that’s functional, readable, sleek, and sexy.
CSS for Web..
Put a Background on Open Details Elements
One thing that can be just a smidge funky about the
element is that, when open, it’s not always 100% clear what is inside that element and what isn’t. I’m not saying that always matters or that it’s a particularly hard problem to solve, I’m just noting it as it came up recently for me.
He..
Equal Columns With Flexbox: It’s More Complicated Than You Might Think
You get a nice-looking design handed to you and it has this nice big hero section, followed by one of those three-up columns right beneath it. You know, like almost every other website you’ve ever worked on.
You bang through the hero section and get to work on the three-column section. It’s time to..
