Tweet

@Una

@rachelandrew

@rachelandrew

More from @JoshWComeau

Josh 👻

@JoshWComeau

4 Oct

For most of the web, the text is the most important thing on the page.

🧵 Let's look at some of the stuff I've learned for keeping our text readable + accessible for everyone.

For folks with poor vision, larger text will help them be able to read.

There are two primary ways to increase font size:
1. Using the browser "zoom" controls (cmd/ctrl +, cmd/ctrl –)
2. Picking a larger default font size in the browser settings

Browser zoom works with most units, including px, em, and rem. It doesn't work with viewport units (vw/vh).

Scaling the default font size only works with em/rem/%.

So, while it's not as bad as it used to be, we still shouldn't use px for typography.

Read 13 tweets

Josh 👻

@JoshWComeau

13 Sep

🎉 Brand-new blog post just published, all about creating lush, life-like shadows in CSS.

Check it out here:
→ joshwcomeau.com/css/designing-…

Or, keep reading for some highlights. 👇

First, I wanna clarify that this isn't all just about aesthetics. It's important to understand *why* shadows are such a powerful tool.

Shadows give our application depth and realism, and let us focus attention by elevating important elements.

In the past, when I wanted to add a shadow, I'd play with the numbers until I liked the way it looked. As a result, I had a mess of incongruous shadows, breaking the overall illusion of depth 😅

We can avoid this problem by understanding how shadows work.

Read 8 tweets

Josh 👻

@JoshWComeau

30 Aug

The final module in my CSS course, “Little Big Details”, should go out to all Early Access testers today 🎉

Now that all of the core content is completed, I wanted to take a second and tally it all up.

🧵 A thread about numbers…

The course features a bunch of different types of content: videos, articles, exercises, minigames, workshops.

• There are >150 videos as part of the core curriculum, and another dozen videos as part of the Video Archive (and growing!)

• There are 226 individual MDX lessons, with about 150,000 words*

*The calculated total is closer to 170k, but that includes code snippets and MDX components, so I'm guessing it's actually ~150k

Read 12 tweets

Josh 👻

@JoshWComeau

26 May

🌠 It's so easy to get sucked into performance micro-optimization territory.

Someone will say that Method X is slow, and inevitably somebody else will point out that it doesn't really matter outside of contrived, unrealistic benchmarks.

🧵 I wanna dig into that a bit…

Here's an example. We have a list of users, and we wanna filter so that we only show the people who are online.

We can do that with a "filter", or with a "reduce", or with a "forEach". Which is faster? Does it matter? Why or why not?

Code: codesandbox.io/s/crazy-herman…

Well, we can measure how long it takes!

Browsers come with a "Performance" API that lets us take high-res snapshots, offering sub-millisecond precision, so we can measure small gaps.

Here's what that code looks like:

Read 22 tweets

Josh 👻

@JoshWComeau

12 Apr

Are you interested in teaching stuff to developers? Maybe through a blog, or a workshop, or an online course?

🧵 This thread is a quick summary of some of the most-critical stuff I've learned, over years of blogging, teaching at a bootcamp, and working in edtech at Khan Academy.

I believe that there are two categories of learning: active and passive.

Active learning means that the learner is doing something. They're solving a problem, writing some code, playing with an example. Passive learning is watching a video, listening to a lecturer.

Which one is better? Well, I think active learning is probably more effective, but it's also more draining. Nonstop active learning is *exhausting*.

I like to treat it like interval training: I intersperse both types, so that we're constantly hopping between them.

Read 19 tweets

Josh 👻

@JoshWComeau

6 Apr

From March 2020 to ~October 2020, I wasn't really able to use a keyboard/mouse.

I've been pretty public about how I worked around it (joshwcomeau.com/blog/hands-fre…), but I haven't been as public about how I overcame it.

🧵 This thread is about my personal experience with RSI.

This is a story about my own experience, not a tutorial for how to solve RSI. Everyone's different, and just because something worked for me doesn't mean it'll work for you.

Please read all the way through before trying anything.

[cw medical stuff / surgery discussion]

In March 2020, I injured my left arm. Certain activities, like typing, would cause a burning pain in the elbow, and occasionally the wrist or fingers.

In May 2020, the same thing started happening in my right arm.

Read 35 tweets

Share this page!

Josh 👻

Try unrolling a thread yourself!

More from @JoshWComeau

Josh 👻

Josh 👻

Josh 👻

Josh 👻

Josh 👻

Josh 👻

Did Thread Reader help you today?

Like this author's thread?