Wes Bos @wesbos Twitter profile

Last Seen Profiles

@kaaliactor

@CampbellDo25806

@_JAIKUWAR_

@w_gorue

@BrawlStars

@eeeolnim

@HotwifejennyorP

@thega1nz

@oleschmeed

@sugurulove21275

@sammysammauy

@t2the5UXITkAiLs

@EillemSmith

@VaduzFC

@0hxny9LldZy4Ew3

@Gingercarrot7

@MetaBrawlers

@mRMn7BevjL9I4Zi

@mulataf2020

@coyo__S2

@AaronJNosbisch

@ClytieBunyan

@bennettmoseleyy

@WarTycoonRBLX

@CaseyJ_516

@yu1338661710420

@rajiah2029

@avaassen

@JeremyWhiteMTL

@kasxhh

@ericjboyd

@5D7S8bb9NkPKLyR

@Sportski_Zurnal

@MzYummyDread

@usanationalprep

@nevesmarcello

Wes Bos

@wesbos

2 years

*casually scans 800,000 lines of code* LGTM 👍

117

2K

29K

Wes Bos

@wesbos

5 months

Client side only validation

54

2K

29K

Wes Bos

@wesbos

1 year

🔥 Three CSS tips for working with inconsistently sized logos

297

3K

20K

Wes Bos

@wesbos

2 years

I made a browser extension to detect who has paid $8 for their blue checkmark

163

2K

19K

Wes Bos

@wesbos

4 years

Being a web developer is 5% algorithms 5% data structures 90% figuring out what is causing horizontal scroll

240

3K

16K

Wes Bos

@wesbos

2 years

🔥 Weird one: Any HTML element can be visible and editable with display:block; and contenteditable - including style tags!

173

2K

14K

Wes Bos

@wesbos

1 year

When the youtube video looks like this, you know you are finally gonna get some answers

111

1K

11K

Wes Bos

@wesbos

6 months

help me

Wes Bos

@wesbos

6 months

the urge to figure out how everyone is doing those mutli-browser window demos

33

131

4K

103

631

10K

Wes Bos

@wesbos

3 years

Today I'm launching my Beginner JavaScript text guide! These notes are totally free and have been modeled after the content in my Beginner JavaScript course. This is a huge resource I've been working on for over a year and I'm so excied to share it!

268

2K

8K

Wes Bos

@wesbos

2 years

My daughter just told me 1 plus 1 is 11. I think shes going to be a JS dev

114

625

8K

Wes Bos

@wesbos

2 years

I got banned from linked in for writing JS 😆

214

714

7K

Wes Bos

@wesbos

2 years

javascript is great until you see the php guys with lambos

198

724

7K

Wes Bos

@wesbos

4 years

Shoutout to whoever recommended putting roller blade wheels on your office chair. So much smoother and it’s not marking the flooring up! $30 and apparently they fit almost any chair. Now do take this thing to the skate park for some sick jumps

166

815

7K

Wes Bos

@wesbos

1 year

Nice free ngrok alternative. Use Cloudflare tunnels to proxy your localhost application to the outside world with https. 1. brew install cloudflared 2. cloudflared tunnel --url http://localhost:6969

92

1K

7K

Wes Bos

@wesbos

1 year

Node 20 allows you to compile your app into a single executable along with the entire Node.js core so you can run your apps on systems where node isn't installed, or your don't trust the system version.

173

803

6K

Wes Bos

@wesbos

1 month

can google please throw the ban hammer on these fake transparent pngs please

21

144

6K

Wes Bos

@wesbos

9 months

🔥 JavaScript Sets are about to become a lot more useful with these 7 new methods: .difference() .intersection() .symmetricDifference() .union() .isSubsetOf() .isSupersetOf() .isDisjointFrom()

85

885

6K

Wes Bos

@wesbos

9 months

CSS Nesting just landed in Firefox 117 which puts it at 100% browser support! You can start using it today — here are 11 examples on how it works 👇

128

996

6K

Wes Bos

@wesbos

8 months

Node.js finally has support for loading .env files! You'll no longer need the dotenv package Dropped in 20.6.0 Also supports passing runtime flags like --inspect and --watch

135

865

5K

Wes Bos

@wesbos

6 years

😮 Did you know Chrome has a FaceDetector API?

87

2K

5K

Wes Bos

@wesbos

12 days

Modern CSS is TOO good. Disable scrollbars when this dialog is both a modal, and open No JS, no state, no classes, no aria labels - just a few lines of CSS

78

452

5K

Wes Bos

@wesbos

3 years

🔥 JavaScript's new .at() method lets you pick items based on their index. This is super handy for grabbing the last item of an array or string because, unlike arrays, it supports negative indexes!

79

818

5K

Wes Bos

@wesbos

7 years

Twitter is great because the creator of JavaScript will help you with JavaScript within 7 minutes

33

2K

4K

Wes Bos

@wesbos

2 years

150

735

4K

Wes Bos

@wesbos

3 months

dude invented true or false and named it after himself

67

282

4K

Wes Bos

@wesbos

6 years

🔥 Announcing my latest course on CSS Grid! From CSS Grid fundamentals to real world layouts in 25 videos / 4 hours. Totally free — Enjoy! →

166

2K

4K

Wes Bos

@wesbos

4 years

Request for proposal

70

633

4K

Wes Bos

@wesbos

5 years

🔥 JavaScript functions visualized

52

1K

4K

Wes Bos

@wesbos

5 years

The reason I'm making a JavaScript fundamentals course is that I see so many rushing into frameworks and libraries without a good set of fundamentals. Frameworks, libs (and even languages!) change but a solid base in JS will let you slam dunk anything that comes your way 👍🏻

169

527

4K

Wes Bos

@wesbos

4 years

Developers be like <html> <p>Welcome to my site</p> </html> OMG straight 100s on lighthouse!

91

328

4K

Wes Bos

@wesbos

7 years

🔥 The next version of VS code will automatically add your import statements as you use functions from your project

92

1K

4K

Wes Bos

@wesbos

5 years

Welcome to the world Kit Wesley Bos! 💙7lb 5oz. We were in and out of the hospital in 6 hours. Everyone is sleepy but doing great!

318

45

4K

Wes Bos

@wesbos

9 months

🔥 JavaScript Tag Loading Visualized

40

630

4K

Wes Bos

@wesbos

1 year

My DMs at 4am

163

104

4K

Wes Bos

@wesbos

5 years

🔥 Here is a neat one! Since arrays are objects, we can destructure their indexes to easily grab the first and last items.

66

950

4K

Wes Bos

@wesbos

6 months

the urge to figure out how everyone is doing those mutli-browser window demos

33

131

4K

Wes Bos

@wesbos

5 months

never again will I complain about node + npm after trying to pip install and python run something

161

185

4K

Wes Bos

@wesbos

5 years

My background pattern resources: → → → → → → → → →

Cool Backgrounds

Explore a beautifully curated selection of cool backgrounds that you can add to blogs, websites, or as desktop and phone wallpapers.

coolbackgrounds.io

26

746

3K

Wes Bos

@wesbos

3 months

Damn! How did I not know about this VS Code feature earlier?

105

435

3K

Wes Bos

@wesbos

6 years

🔥 Did you know CSS has a `turn` unit? It’s often easier to turn something `rotate(0.75turn)` instead of doing the math to `rotate(270deg)`

43

846

3K

Wes Bos

@wesbos

6 years

🔥 If you are trying to align oddly sized images, set a hard width + height and then use object-fit: cover; to remove any distortion img { width: 200px; height: 200px; object-fit: cover; }

49

736

3K

Wes Bos

@wesbos

5 months

🔥 As of today, CSS :has() is now supported in every browser! This is a next-level selector that opens up a ton of new possibilities. Here are 10 hot tips for using CSS :has() Details of each below

43

608

3K

Wes Bos

@wesbos

6 years

I legit spent 5 hours on an issue last Thursday and fixed it in 3 minutes today. Important reminder to take breaks on stubborn issues. I told myself to take a break and come back to it, but I didn’t - huge waste of time!

98

930

3K

Wes Bos

@wesbos

4 years

🔥 Announcing Beginner JavaScript - a fun, exercise heavy approach to learning Modern JavaScript from scratch. No matter which framework you use, this is the solid base you need. Grab the course now! →

158

968

3K

Wes Bos

@wesbos

1 year

I've held back from screenshotting these, but the robots are finally here to save us from that guy 😆

81

196

3K

Wes Bos

@wesbos

6 years

🔥 Announcing Advanced React & GraphQL! Come and learn to build a fullstack JavaScript online store with me →

159

809

3K

Wes Bos

@wesbos

6 months

Here is how these multi-browser demos are being made. It's not websockets!

39

375

3K

Wes Bos

@wesbos

5 years

Me: Google Calendar: My Mouse: 0.004 of a scroll Google Calendar: January 4, 1952

23

273

3K

Wes Bos

@wesbos

2 years

copilot knows

32

316

3K

Wes Bos

@wesbos

4 years

VS Code. It's so good.

121

209

3K

Wes Bos

@wesbos

3 months

Taylor Swift runs on WordPress and jQuery. Drake runs on Remix and Tailwind. happy friday ✌️

70

178

3K

Wes Bos

@wesbos

9 months

Google is launching their own online dev environment called IDX and I just got access It looks like hosted VS Code + VM. Similar to stackblitz, replit, Github Codespaces, codesandbox etc.. At what point we move to "thin client" and start doing our dev remotely?

272

334

3K

Wes Bos

@wesbos

4 months

you know i did you little shit

46

134

3K

Wes Bos

@wesbos

9 months

🔥 CSS Grid Hot Tip :before and :after are first class CSS Grid items, this “lines on either side” design can easily be accomplished in ~10 lines of CSS

43

298

3K

Wes Bos

@wesbos

3 years

scoring super well on lighthouse, has dark mode and font size selector h8ers gonna be mad that it's wordpress and jQuery tho

89

350

3K

Wes Bos

@wesbos

9 months

🔥 Did you know CSS has a `turn` unit? Sometimes it's easier to turn something `rotate: 0.75turn;` instead of doing the math to `rotate: 270deg;`

54

302

3K

Wes Bos

@wesbos

2 years

Amazing tip from @jorikdelaporik 's Blog. Convert a country code into that country's flag emoji.

29

415

3K

Wes Bos

@wesbos

2 years

I just stumbled upon the WEIRDEST youtube ever. This guy has hundreds of programming videos, many of which are using my tutorial projects. BUT the code written in the videos is just jibberish. Kid pretending? New type of fake videos?

344

329

3K

Wes Bos

@wesbos

2 years

TIL about `git switch`, which allows you to move your unstaged changes to a new branch. Seems fairly new. I used to `git stash`, new branch, and then `git stash apply`

61

394

3K

Wes Bos

@wesbos

3 years

Best part of 2020 was getting the optional chaining operator

79

215

3K

Wes Bos

@wesbos

7 months

Handy! Use fetch() to check if a file exists without downloading the entire thing.

32

270

3K

Wes Bos

@wesbos

5 years

Fellow Kids, I made a TikTok about coding

60

349

3K

Wes Bos

@wesbos

5 years

🔥 When using JavaScript default function params, you can access other params from right inside the definition!

70

686

3K

Wes Bos

@wesbos

4 years

Moment.js is done, they recommend using Intl.methods(), libs that wrap Intl (Luxon) or full libs like date-fns if you need it. Shout out to the moment devs, this was a game changer lib for working with dates!

33

571

3K

Wes Bos

@wesbos

5 years

🔥 Use Intl.RelativeTimeFormat() to get nicely formatted relative time strings.

22

594

3K

Wes Bos

@wesbos

7 years

Bootstap 12 column grid in 5 lines of CSS. One of many ways to lay out of a page in CSS grid. You won’t be needing frameworks for layout much longer 😃

43

769

2K

Wes Bos

@wesbos

6 years

🔥 .toLocaleString() is a great way to format currency

37

710

2K

Wes Bos

@wesbos

7 years

🔥 Wrap curly brackets around your console.log arguments to see the variable name when logged. This takes advantage of ES6 shorthand syntax

38

1K

2K

Wes Bos

@wesbos

7 years

🔥 Since :before and :after are first class CSS Grid items, this “lines on either side” design can easily be accomplished in ~10 lines of CSS

35

528

2K

Wes Bos

@wesbos

7 years

🔥 Skip Youtube pre-roll ads with: $('video').currentTime = $('video').duration

46

1K

2K

Wes Bos

@wesbos

5 years

Request for proposal

46

407

2K

Wes Bos

@wesbos

4 years

🔥 Free up hard drive space and delete node_modules folders Run `npx npkill`

58

578

2K

Wes Bos

@wesbos

10 months

classic facebook to need 13 divs to fullscreen a canvas

52

148

2K

Wes Bos

@wesbos

7 months

GitHub copilot making $10,000,000 a month and no one can figure out how to stop it from adding extra brackets and quotes to the end of completions 😫

Thomas Dohmke

@ashtom

7 months

GitHub Copilot has crossed the chasm. We are thrilled to share that Copilot now has over 1 million paid subscribers in over 37,000 organizations, making it the most widely adopted AI developer tool in history. And we're not even close to done 👀

39

202

1K

63

120

2K

Wes Bos

@wesbos

10 months

CSS Nesting has hit Firefox 117, so as of August 29, we will have it in every browser!

55

400

2K

Wes Bos

@wesbos

6 years

🔥 VS Code Better Comments gives you a few different styles of comments based on popular notations. Love love love this - thanks to @stolinski for showing me this.

38

622

2K

Wes Bos

@wesbos

6 years

every developer every 6 months

23

622

2K

Wes Bos

@wesbos

2 years

🔥 Emojis like 👨‍👧‍👦 and 🎅🏿 are actually made up of multiple emojis and a special character called a "Zero Width Joiner"

19

285

2K

Wes Bos

@wesbos

2 years

🔥 Stop using rm -rf to delete files on your computer. Use trash instead

96

291

2K

Wes Bos

@wesbos

4 years

live coding during a conference talk

39

448

2K

Wes Bos

@wesbos

3 years

Google is down this morning. Had to turn my lights on manually, like a sucker

62

139

2K

Wes Bos

@wesbos

4 months

The Apple Vision Pro has a web browser and it runs VS Code! How are you gonna set up your workspace?

134

152

2K

Wes Bos

@wesbos

3 years

🔥 Use TypeScript template literal types to quickly generate a type with all permutations / options based on other types

33

285

2K

Wes Bos

@wesbos

11 months

CSS is getting margin-trim! Remove margins from children that touch the sides of a parent. No more selecting :last-child

35

349

2K

Wes Bos

@wesbos

4 years

Introducing - A list of /uses pages detailing developer setups, gear, software and configs. Build in React + @gatsbyjs hosted on @Netlify

65

481

2K

Wes Bos

@wesbos

3 years

Using my powers of zuck following me for good

29

78

2K

Wes Bos

@wesbos

5 months

Suuuper handy new CSS: :user-invalid and :user-valid pseudo selectors let you style inputs only once they have been interacted with Just landed in Chrome + Safari, been in Firefox for years.

23

373

2K

Wes Bos

@wesbos

4 years

CSS Grid Level 3 draft is up, includes Pinterest / Masonry layout!

25

408

2K

Wes Bos

@wesbos

5 years

Every CSS colour name, sorted by length

51

564

2K

Wes Bos

@wesbos

1 year

🔥 JavaScript Functions Visualized

41

316

2K

Wes Bos

@wesbos

1 month

Hey, Database nerds: When, or why would I not want to use SQLite? When would you choose mysql or postgres over sqlite?

345

129

2K

Wes Bos

@wesbos

3 months

Yesterday Amazon released llrt, their own JS runtime. If I'm counting correctly, that makes 14+ JS Runtimes for JavaScript → Node.js (V8) → Deno (V8) → Bun (JavaScript core - webkit's engine) → Workerd (Cloudflare, V8) → llrt (Amazon, V8) → WinterJS (Wasmer, Spider…

116

290

2K

Wes Bos

@wesbos

1 year

Anyone use this method for catching rejected promises? Sometimes I miss having the result and error in the same scope, on the next line. If you do, do you take it a step further and pass in a bound function so you can catch thrown errors as well?

153

169

2K

Wes Bos

@wesbos

9 years

Super excited for this new O’Reilly book http://t.co/PnhQuG3257

38

2K

Wes Bos

@wesbos

6 years

🔥 If you are trying to debug something in the middle of chaining array methods, just map over it, console.log, and return it. Since console.log returns nothing, it will just pass the entire array through. You can even make a handle little debug function 🐛

27

464

2K

Wes Bos

@wesbos

5 months

Finally! In VS Code, you can now tear off tabs and open the terminal in a new window.

54

243

2K

Wes Bos

@wesbos

8 years

Woah, you can an ES6 spread to see what an emoji is made up of

28

1K

2K

Wes Bos

@wesbos

1 year

say CSS isn't a programming language again

129

159

2K

Wes Bos

@wesbos

5 months

auto-growing <textarea> without JavaScript! CSS is getting field-sizing: content; to size inputs by their contents. Dropped in Chrome Canary today, demo here:

35

276

2K

Wes Bos

@wesbos

8 months

JavaScript Maps are super underrated. Keys of a map can be anything - including an object! Here I'm using the new groupBy proposed API to group array items into a Map or an Object →

28

274

2K