Blue Beanie Day 2018

Another year!

You better not cry, you better not shout, I’m telling you why: @BlueBeanieDay is coming Nov. 30! Start sharing your #bbd photos, links, articles, and videos now: https://t.co/3US4vHBsDR#a11y #WebStandards #InclusiveDesign #ProgressiveEnhancement pic.twitter.com/AiV3ktRqka

— zeldman (@zeldman) October 24, 2018

I feel the same this year as I have in the past. Web standards, as an overall idea, has entirely taken hold and won the day. That’s worth celebrating, as the web would be kind of a joke without …

The post Blue Beanie Day 2018 appeared first on CSS-Tricks.

Read more

Nesting Components in Figma

For the past couple of weeks, I’ve been building our UI Kit at Gusto, where I work, and this is a Figma document that contains all of our design patterns and components so that designers on our team can hop in, go shopping for a component that they need, and then get back to working on the problem that they’re trying to solve.

There’s a couple things that I’ve learned since I started. First, building a UI Kit is immensely …

The post Nesting Components in Figma appeared first on CSS-Tricks.

Read more

Embed a Blog Onto Any Website With DropInBlog

With DropInBlog, you can embed a blog into your site in only three minutes. A quick JavaScript/HTML widget, or a full-featured JSON API, is all it takes.

A headless blog you can take anywhere

Ever been working on your existing static site or anything that wasn’t built with WordPress, wanted to integrate a blog, but then couldn’t find a clean solution?

DropInBlog to the rescue.

Now you can quickly integrate a full featured blog into any existing site. Actually, …

The post Embed a Blog Onto Any Website With DropInBlog appeared first on CSS-Tricks.

Read more

50+ Best Food & Drink Menu Templates

Using a pre-made menu template can be a great starting point for your restaurant or cafe. This is our collection of the best food and drink menu templates out there, to give you some delicious inspiration! If you’re a restaurant owner or a designer working for the food industry, it can be helpful to start […]
Read more

DevTools for Designers

This is such an interesting conversation thread that keeps popping up year after year. The idea is that there could (and perhaps should) be in-browser tooling that helps web designers do their job. This tooling already exists to some degree. Let’s check in on perspectives from a wide array of people and companies who have shared thoughts on this topic.

Ahmad Shadeed wrote for us last year about how DevTools can be useful to designers in a number of ways, …

The post DevTools for Designers appeared first on CSS-Tricks.

Read more

WPCampus Seeks to Raise $30K for Gutenberg Accessibility Audit

WPCampus is seeking funding to conduct an accessibility audit of WordPress’ Gutenberg editor. The non-profit organization is dedicated to helping web professionals, educators, and others who work with WordPress in higher education. Educational institutions often have stricter legal obligations that require software to be WCAG 2.0 level AA compliant and (more…)
Read more

5 Essential Tools to Keep Your WordPress Content Marketing Strategy Organized

What’s the main purpose for owning a WordPress site? For some people, the goal is the website itself. They build it because they want to share something important with the audience. When it comes to business websites, however, the idea is clear: it’s all about marketing. In both situations, the website will need some promotion, …
The post 5 Essential Tools to Keep Your WordPress Content Marketing Strategy Organized appeared first on Torque.
Read more

Preventing Content Reflow From Lazy-Loaded Images

You know the concept of lazy loading images. It prevents the browser from loading images until those images are in (or nearly in) the browser’s viewport.

There are a plethora of JavaScript-based lazy loading solutions. GitHub has over 3,400 different lazy load repos, and those are just the ones with “lazy load” in a searchable string! Most of them rely on the same trick: Instead of putting an image’s URL in the src attribute, you put it in …

The post Preventing Content Reflow From Lazy-Loaded Images appeared first on CSS-Tricks.

Read more

20+ Best Christmas Card Templates for Photoshop

With Christmas just around the corner, it’s the time of the year to create a beautiful greeting card design for friends and family. We’ve collected the perfect Christmas card templates to help you create a stunning Christmas card design in Photoshop. Most people usually just tag everyone on a Facebook post to wish them a […]
Read more