webstack
Social Image Generator + Jetpack
I feel like my quest to make sure this site had pretty sweet (and automatically-generated) social media images (e.g. Open Graph) came to a close once I found Social Image Generator.
The trajectory there was that I ended up talking about it far too much on ShopTalk, to the point it became a common ..
Tips for Improving the Core Web Vitals of Your WordPress Website
Google has a way of creating a wave of panic among both web designers and website owners. When they make a change to their search algorithm, people start scrambling to catch up. It’s easy to understand why. No one wants their SEO rankings to suffer.
So, when the Core Web Vitals metrics were announc..
The 20 Best Free Personal Blog Themes for WordPress
A personal blog can go a long way towards establishing your thought leadership and authority in a certain niche. It can also be a great place to showcase your skills and promote your services.
However, you will need a personal blogging theme packed with the right features and attractive design that..
Popular Design News of the Week: September 6, 2021 – September 12, 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..
“Just in Time” CSS
I believe acss.io is the first usage of “Atomic CSS” where the point of it is to be a compiler. You write CSS like this:
text
And it will generate CSS like:
.C(#333) {
color: #333;
}
.P(20px) {
padding: 20px;
}
(Or something like that.)
The point is .. 10 WordPress Plugins to Help Improve Website Accessibility
WordPress provides you with a decent head start when it comes to creating accessible websites. For example, recent default themes like Twenty Seventeen are already built with accessibility in mind. But that doesn’t mean that your work is done.
There are still plenty of items to check off your list ..
Weekly News for Designers № 609
Twitter’s div Soup and Uglyfied CSS, Explained – Making sense of Twitter’s “ugly” source code.
README Gen – Use this tool to generate a README file for your GitHub projects.
10 WordPress Plugins for Email Marketing Management – Combine the power of WordPress with your favorite email service.
Surf..
Fun Times Styling Checkbox States
We might leave a text input unstyled. We might leave a link unstyled. Even a button. But checkboxes… we don’t leave them alone. That’s why styling checkboxes never gets old.
Although designing checkboxes is not that complicated, we also don’t have to settle for simple background color changes, or a..
EyeDropper API Dropped
I had no idea this was coming but it’s pretty neat! Chrome has shipped the EyeDropper API in v95 (Canary, as I write).
🎨 Loving the new `EyeDropper` Web API:
“`js
await new EyeDropper().open();
// Returns the picked color, e.g.,
// { "sRGBHex": "#ddd9e0" }
“`
Try it in Chrome 95. pic.twitter.com..
Quiz: The Maddeningly Difficult Metadata Quiz
Metadata is an essential component of any website. It clarifies the meaning behind your content in a way that search engines, and browsers are able to understand.
Using metadata effectively can mean the difference between a successful site, and a total flop. So, how well do you understand this crit..
