Hand Lettering

The legend

First define your keys: every symbol or colour should stand for something different.

Templates and decorative elements

The 70% rule: If you’re roughly 70% happy with a piece of writing you’ve produced, you should publish it. If you’re 70% satisfied with a product you’ve created, launch it. If you’re 70% sure a decision is the right one, implement it. And if you’re 70% confident you’ve got what it takes to do something that might make a positive difference to the increasingly alarming era we seem to inhabit? Go ahead and do that thing. (Please!)

70% is actually better than 100%

Moving forward at 70% takes more guts, more strength of character, than holding out for 100%, because it entails moving forward amid uncertainty, anxiety, and the disagreeable feeling that comes with putting less-than-perfect work into the world.

Build your next presentation in minutes with our free slide templates! No matter what you’re creating, Beautiful.ai has the template for you.

To celebrate the 5th anniversary of my super-popular UI & UX Micro-Tips, I’ve brought together some of the most timeless tips, and bundled them in an 8-Bit format. Why? Just because :)

1. Whitespace is your design friend. Use it to improve your UIs instantly.
2. Choose a base colour, and then simply use tints & shades to add uniformity.
3. Reserve one colour for your Call to Action. Be really selfish with those CTAs.
4. Give the most important elements on the screen more prominence.
5. Present your icons with labels for easier comprehension.
6. To improve the optical balance of your headings, reduce the letter-spacing.
7. Make sure your shadows are coming from one light source. We don’t live in a land of a thousand suns remember.
8. When working with long-form content, style that opening paragraph to draw the user in.

An interactive guide to learn CSS Relative Colors.

400 Bad Request
The server cannot or will not process the request due to something that is perceived to be a client error (e.g., malformed request syntax, invalid request message framing, or deceptive request routing).

401 Unauthorized
Although the HTTP standard specifies "unauthorized", semantically this response means "unauthenticated". That is, the client must authenticate itself to get the requested response.

500 Internal Server Error
The server has encountered a situation it does not know how to handle. This error is generic, indicating that the server cannot find a more appropriate 5XX status code to respond with.

All you need to do is gather your fresh broccoli, 1/3 cup of water, a pinch of salt, two tablespoons of butter, and a medium saucepan. Peel the stalks (this was new to me, but it was definitely worth removing the impossible-to-chew exterior), then use kitchen shears or a knife to remove the florets. Slice the stalks into bite-sized bits, pop them into your pan—followed by the water and salt—and place the florets on top.

Secure the lid, cook over high heat for three minutes, then decrease the heat to low and cook for another three minutes. Toss the broccoli with the butter, and Bob's your uncle: Al dente broccoli is served.

Have your hardwood floors seen better days? Do they look dull and hazy or have scratches and watermarks? Here is how to rejuvenate them.

I know that Sans Display has been deprecated and tossed in the bin, but is Serif Display also deprecated, or just active-but-quiet? Noto Serif Display v2.009 is listed under Releases here, and the files are listed on the Dashboard page. ...

I'm not sure they were, though; that's the problem. The "display" version was not exactly optical size and not exactly contrast, and was a different implementation between serif and sans. It didn't really fit into any of the models of font variation that we support elsewhere. So they need re-thinking, harmonising, and re-drawing.

You can consider them to be deprecated.

Noto Latin, Greek, Cyrillic. Contribute to notofonts/latin-greek-cyrillic development by creating an account on GitHub.

Serif does not have a full build. Sans has a full build for messy historic reasons.

Once upon a time when Google Docs/Workspace was young, they requested
Noto Sans but they also wanted it to work seamlessly with documents in
Hindi without people needing to change fonts, so they asked for the
version of Noto Sans in Google Fonts to contain a Devanagari glyphset.
Now Workspace's support for other languages is better but once you've
released a font with some glyphs in it, documents will break if you
take them out, so it's got to stay. So for the exceptional case of Noto
Sans, "full"/"googlefonts" builds mean "we added a Devanagari core".

DC Voltage -> pin 1 is ground on the right, pin 5 (three pins in between) 5 Volts
Old cables didn't even pass continuity but still charged?

Why LLMs will transform development but not how you think

it's about how AI tools are enabling a new category of software that simply couldn't exist before.

When someone can describe their specific needs conversationally and receive working code in response, the economics of personal software development shift dramatically.

Think of it this way: just as spreadsheets enabled non-programmers to perform complex calculations and data analysis, AI-assisted development tools are enabling non-programmers to create personal software solutions.

A terminal SQLite database browser. written in rust. - Jkeyuk/JDbrowser

When giving feedback on presentations most of us are unsure what to say and how to say it without upsetting anyone. That is why I designed a set of cards that you can hand out to your audience before…

1. Messaging: the message of the talk and the call to action.

2. Clarity: how easy the talk was to understand and follow.

3. Credibility: whether the facts and arguments presented were believable.

4. Engagement: which parts were more engaging, and which less.

5. Voice: pitch, quality, tempo and pauses.

6. Language: the type of language used and variety in expression.

7. Physicality: the speaker’s body language, gestures and movements.

8. Visuals: the quality and effectiveness of any visual aids used.

9. Connection: the speakers rapport and connection with the audience.

Butterick’s Practical Typography

SVG Shapes

Explore the collection of 120+ basic SVG shapes for your upcoming project.

Simply click on a shape to copy its SVG code to your clipboard.

These baked buffalo cauliflower wings are packed with tangy, spicy flavor! Easy to make in the oven, they're a delicious appetizer or snack.

Created with Figma

When you hide an interactive element, make sure you choose a hiding technique that keeps it screen reader-accessible, position it on top of whatever is visually replacing it so that a user navigating by touch can find it where they expect to, and then make it transparent.

This technique explores using: animation with CSS transition and transform, using the :focus-within pseudo-class, CSS grid, and accessibility considerations for dropdown menus.