Calendar with CSS Grid

Here’s a nifty post by Jonathan Snook where he walks us through how to make a calendar interface with CSS Grid and there’s a lot of tricks in here that are worth digging into a little bit more, particularly where Jonathan uses grid-auto-flow: dense which will let Grid take the wheels of a design and try to fill up as much of the allotted space as possible.
Also worth noting is that as I was digging around I found a …

Calendar with CSS Grid is a post from CSS-Tricks

Link: https://snook.ca/archives/html_and_css/calendar-css-grid

The User Experience of Design Systems

Rune Madsen jotted down his notes from a talk he gave at UX Camp Copenhagen back in May all about design systems and also, well, the potential problems that can arise when building a single unifying system:
When you start a redesign process for a company, it’s very easy to briefly look at all their products (apps, websites, newsletters, etc) and first of all make fun of how bad it all looks, and then design this one single design system …

The User Experience of Design Systems is a post from CSS-Tricks

Link: https://runemadsen.com/talks/uxcampcph/

Slate’s URLs Are Getting a Makeover

Greg Lavallee writes about a project currently underway at Slate, where they’ve defined a new goal for themselves:
Our goal is speed: Readers should be able to get to what they want quickly, writers should be able to swiftly publish their posts, and developers should be able to code with speed.
They’ve already started shipping a lot of neat improvements to the website but the part that really interests me is where they focus on redefining their URLs:
As a …

Slate’s URLs Are Getting a Makeover is a post from CSS-Tricks

Link: https://slate.com/briefing/2017/11/why-slate-is-moving-its-urls-to-https.html

​HelloSign API: Your development time matters

(This is a sponsored post.)
We know that no API can write your code for you, but ours comes close. We’ve placed great importance on making sure our API is the most developer-friendly API available — prioritizing clean documentation, an industry-first API dashboard for easy tracking and debugging, and trained API support engineers to personally assist with your integration. Meaning, you won’t find an eSignature product with an easier or faster path to implementation. It’s 2x faster than other …

​HelloSign API: Your development time matters is a post from CSS-Tricks

Link: http://synd.co/2Ag7QQ4

The Three Developers and the Insightful User Tester

A story by Scott O’Hara:
The first of the developers, why he thought he knew best.
“I’ll get this done ever so quick!” he said, puffing out his chest.
“While the others review wikis, knowledge bases, and specifications,
I’ll lean on my deep knowledge of CSS to circumvent such onerous proclamations.
Specificity will be lax, and BEM classes will be king!
Everyone will marvel at the CSS of this thing.
Direct Link to Article — Permalink…

The Three Developers and the Insightful User Tester is a post from CSS-Tricks

Link: https://www.24a11y.com/2017/three-developers-and-the-insightful-user-tester/

24 Ways

24 Ways, the advent calendar for web geeks, started up again this week. Throughout December they’ll be publishing a wide range of posts all about web design, CSS and front-end development.
Chen Hui Jing has already written a great post about feature queries and Stephanie Drescher published a post today about a tool called sonarwhal
which identifies accessibility, performance and security issues, just to name a few.
Direct Link to Article — Permalink…

24 Ways is a post from CSS-Tricks

Link: https://24ways.org/

Font of the Month Club

Every month for the past year, David Jonathan Ross has been publishing a new font to his Font of the Month Club. It’s only $6 for a monthly subscription and it provides early access to some of his work. I’d highly recommend signing up because each design is weird and intriguing in a very good way:
Join the Font of the Month Club and get a fresh new font delivered to your inbox every single month! Each font is lovingly …

Font of the Month Club is a post from CSS-Tricks

Link: https://fontofthemonth.club/

​7 Days of Free Stock Images

(This is a sponsored post.)
Storyblocks is exploding with over 400,000 stock photos, vectors, backgrounds and more! With its user friendly site, massive library to choose from, and fresh new content, there’s no stopping what you can do. All of the content is 100% free from any royalties. Anything you download is yours to keep and use forever! Right now you can get 7 days of free downloads. Get up to 20 photos, icons, and vectors everyday for …

​7 Days of Free Stock Images is a post from CSS-Tricks

Link: http://synd.co/2mJTL8e