TL;DR as a service

Highlight the best Web design info and share on social media

Web design

A DRY Approach to Color Themes in CSS | CSS-Tricks
1
JamesJalaPayneo
Is this hacky? 1Yes, it absolutely is. 1Is this a great use case for potential, not-yet-existing CSS booleans? 1Well, that's the dream. 1
read and highlight
Drawing Text on Images with Pillow and Python - Mouse Vs Python
1
JamesJalaPayneo
Drawing text with Pillow is similar to drawing shapes. 1However, drawing text has the added complexity of needing to be able to handle fonts, spacing, alignment, and more. 1
read and highlight
These are the world's most sustainable fonts
1
AngelaPerea
They didn't just choose Times New Roman and Arial because they liked them, but because they're standard default typefaces-and therefore, the most sustainable typefaces on the web. 1
...
Those requests, called HTTP requests, require energy and storage space. 1So to make a website as sustainable as possible, those requests need to be as minimal as possible. 1
read and highlight
Defining your design system and content system rules
3
AngelaPerea
tenderloin
JamesJalaPayneo
I've shared this approach to establishing standards in some conference talks, and it occurs to me that I need to share the framework more broadly and provide more details about how it works. 1
...
We're always learning in the land of systems. 1
...
Once we realize our teams need some standards, we're ready to start on use cases. 1
...
We go out and look at all the ways we use or might want to use modals or errors. 1
read and highlight
8 Unique Ways to Implement Social Media Icons with CSS & JavaScript
1
JamesJalaPayneo

Take a Profile

1
...

Fancy Box

1
...

A Simple, Yet Familiar Look

1
...

Exploding Layers

1
...

Peek-a-Boo Profiles

1
...

Founder Cards: Collect Them All

1
...

SVG Rainbow Paradise

1
...

Etched in Glass

1
...

Uniquely Social UIs

1
read and highlight
Avoiding Wasted Space on Your Website
1
MX3Ireland
Anything not visible within that timeframe will likely be missed. 1
...

Large Images That Distract from Your Content

1
...
But, does it serve a specific purpose? 1Does it provide some context for visitors? 1
...
They tend to scan content in an effort to find something of interest. 1
...
When users have a clear path to find or do what they want, they're more likely to stick around. 1
read and highlight
How to Create a Responsive Background Image With CSS [Guide]
In this tutorial, we'll go over the simplest technique for making a background image fully stretch out to cover the entire browser viewport.
Using A CSS Reset To Make You Website Look Same On All Browsers
Browsers, Every Person Has A Different Browser Choice. Like Mine Is Chrome. Yours might be Firefox/Edge/Opera or something else. We Fixed The Inconsistencies In Browsers By Vendor Prefixing.
SmolCSS | CSS-Tricks
A wonderful collection of little layout-related CSS snippets from Stephanie Eckles that serves both as a quick reference and a reminder of how straightforward and powerful CSS has become.
On Design Engineering: I think I might be a design engineer... | Trys Mudford
Series This post is part of a series on Design Engineering. It looks at the changing role of a web developer over their career, and discusses the design → engineering gulf.