webstack
15 Inspiring Examples of Subtly Animated Logos in Web Design
You’ve probably noticed the subtly animated logo Fubiz released with their recently launched website redesign, or the hidden Easter egg within the new CSS-Tricks logo, or even the non-looping animated logo on David Stanfield’s site. Typically, animated logos have been used mainly in videos, but most..
Weekly News for Designers № 599
User Inyerface – Can you navigate through this game of really bad UI?
Building Generative Grid Layouts With Quadtrees – Learn how to create super versatile generative/random grid layouts in just a few lines of JavaScript.
Wordmark – Use this online tool to find the perfect font for your project.
..
Zero-Width Space
The name zero-width space is antithetical, but it’s not without uses. In text, maybe you’d use it around slashes because you want to be sure the words are treated individually but not have any physical space around the slash:
That’s pretty theoretical though—I’ve never once needed to do that. It mi..
Good Meetings
Like it or not, meetings are essential to a good working environment and communication. Therefore, it’s crucial that we work on making them as productive as possible. Today we’ll explore myriad ways to keep meetings coordinated, well documented, and talk about how to recognize and steer away from an..
The Trick to Enable Printify Shipping Notifications for Orders in WooCommerce? Customer Notes.
This is a super niche blog post. But it’s been on my list forever to write down because this caused me grief for far too long.
The setup is that you can use WooCommerce to sell things on a WordPress site, of course. If what you’re selling is a physical product, one thing you can do is set that up a..
CSS for Web Vitals
The marketing for Core Web Vitals (CWV) has been a massive success. I guess that’s what happens when the world’s dominant search engine tells people that something’s going to be an SEO factor. Ya know what language can play a huge role in those CWV scores? I’ll wait five minutes for you to think of ..
App Platform on Digital Ocean
This is new stuff from DO.
App Platform is a hosting product, no surprise there, but it has some features that are Jamstack-inspired in the best possible way, and an additional set of unique and powerful features. Let’s start with some basics:
Static sites can be hosted on the free tierAutomatic H..
17 Things You Can Do To Improve Your SEO Ranking In 2021
There’s no shortcut to success when it comes to Google search results. That is unless you count pay-per-click advertising.
While pay-to-play will shoot your site to the top of the SERP immediately, it’s not a sustainable strategy for maintaining your position there. So, you’re going to have to get ..
Hack the “Deploy to Netlify” Button Using Environment Variables to Make a Customizable Site...
If you’re anything like me, you like being lazy shortcuts. The “Deploy to Netlify” button allows me to take this lovely feature of my personality and be productive with it.
Clicking the button above lets me (or you!) instantly clone my Next.js starter project and automatically deploy it to Netlify...
10 CSS & JavaScript Snippets for Creating the Parallax Scrolling Effect
There’s a lot of confusion about parallax design and how it works on the web. Generally speaking, parallax design uses motion to create the illusion of depth on a page.
This can relate to background changes or semi-fixed position items that move alongside the user’s scrolling. We’ve covered many ex..
