webstack
SVG Favicons in Action
Ever heard of favicons made with SVG? If you are a regular reader of CSS-Tricks, you probably have. But does your website actually use one?
The task is more non-trivial than you might think. As we will see in this article, creating a useful SVG favicon involves editing an SVG file manually, which i..
Weekly News for Designers № 600
Schema API for the Semantic Web – Use this tool to view the web just like Google does, by fetching the structured data of any webpage.
How to Help Your Clients Overcome Fear of Commitment – Tips for keeping both your clients and projects on task.
Glassmorphism CSS Generator – Create a beautiful gl..
Beginner JavaScript Notes
Wes has a heck of a set of “notes” for learning JavaScript. It’s organized like a curriculum, meaning if you teach JavaScript, you could do a lot worse. It’s actually more like 85 really fleshed-out blog posts organized into sections and easily navigable. If you want to be walked through it via vide..
My Struggle to Use and Animate a Conic Gradient in SVG
The wonderful company I work for, Payoneer, has a new logo, and my job was to recreate it and animate it for a loader component in our app. I’ll explain exactly how I did it, share the problems I had, and walk you through the solution I came up with. And, as a bonus, we’ll look at animating it!
But..
Building a Command Line Tool with Nodejs and Fauna
Command line tools are one of the most popular applications we have today. We use command line tools every day, and they range from git, npm or yarn. Command line tools are very fast and useful for automating applications and workflows.
We will be building a command line tool with Node.js and Fauna..
Tips for Finding Flow in Your Creative Process
It’s late in the day, and you’re working hard on a project. Hours have seemingly flown by in a flash. You haven’t eaten anything since this morning, but you don’t really feel hungry. The only time you’ve moved has been to refill your coffee, and even as you are pouring a cup, your mind is churning o..
A Look at Building with Astro
Astro is a brand new framework for building websites. To me, the big thing is that it allows you to build a site like you’re using a JavaScript framework (and you are), but the output is a zero-JavaScript static site. You can opt-in to client-side JavaScript as needed, and there are clever options f..
How to Write a Press Release: The Complete Guide for 2021
A press release is one of the most valuable tools in a marketing team’s arsenal. Though press releases have been around for decades, they remain one of the best ways to reach new customers, improve your brand reputation, and generate awareness.
Press releases are also wonderfully cost-effective. U..
The Web’s Worst Default
There are a lot of great defaults when it comes to browsers and the web. Think about all the accessibility features that are baked into HTML so that you don’t have to do weird stuff, like this example from Manuel:
Title
Please don't do..It’s Task Management, Not Time Management
We’ve all looked at our to-do lists and sighed in despair at how many items were still waiting for us to finish. Sometimes it can even seem overwhelming; we’ve got so much to finish, and it seems as though the days are shrinking in length, as there never seems to be enough time to get to everything...
