Jen Simmons @jensimmons Twitter profile | Pikagi

Pikagi

Jen Simmons

@jensimmons

110,385

Followers

1,984

Following

1,722

Media

52,524

Statuses

 Apple Evangelist on the Web Developer Experience team for Safari & @Webkit . Member of CSS Working Group. #PwME • Find me at

Brooklyn, New York

https://t.co/tOEK3fW1qs

Joined March 2007

Don't wanna be here? Send us removal request.

Pinned Tweet

@jensimmons

Jen Simmons

1 year

I’m rarely here anymore. Sometimes. But mostly, find me on Mastodon. I miss Twitter, but this is not Twitter anymore. I don’t want to tolerate what this has become — or more so, what it will likely become in the future.

Tweet card media

Jen Simmons (@[email protected])

937 Posts, 226 Following, 15.3K Followers ·  Apple Evangelist on the Web Developer Experience team for Safari & @Webkit. Member of CSS Working Group. Formerly Firefox. #longCOVID since March 2020....

front-end.social

20

8

135

Last Seen Profiles

@Brush_Pen_Ten

@h3yb0ogirl

@stwmaniax

@tbsowl

@Jamesmccann34

@RifeZariah57294

@BinorRaja

@Aples48996455

@Aples48996455

@natsumi_ikema

@BinorRaja

@tudda_4

@cukienaknikmati

@BR_CFB

@KeatonStigall

@90_meedo

@Julie91700659

@KoronaWaras

@allierileyjones

@natsumi_ikema

@0505eth

@DollarNicholas_

@bokeplokalmalam

@kkpapua1

@HardRockHCAC

@YinCerulea

@enganchism

@sakurada_kiko

@_EastsidePc

@koshechkin_

@ChosinW11871

@bokeplokalmalam

@Matheus68432976

@0SandeepS

@samudt

@DewasaViral

@jensimmons

Jen Simmons

6 years

If you are a developer, and you feel bad about not knowing everything, I have one item I want you to memorize: No one knows everything. No one. The best coders in the world only know a small fraction of everything there is to know about coding.

121

2K

6K

@jensimmons

Jen Simmons

6 years

As a person who 300+ shows in my 20s, I’ve been sitting here for an hour trying to figure out how Beyoncé’s team did that show. A one time performance? On a festival stage with one hour to complete load-in? With perfect everything — sound, choreography, CAMERA, live editing…

48

1K

5K

@jensimmons

Jen Simmons

5 years

Soon @FirefoxNightly will have another new tool for CSS — a way to see: 1) that certain CSS isn't doing anything; and 2) why.

Tweet media one

106

1K

4K

@jensimmons

Jen Simmons

2 years

<model> is a potential new HTML element, that works exactly like <img> or <video> — only for loading 3D graphics, like in a USDZ file. The WebKit team has proposed <model> for inclusion in HTML. Try it today behind an experimental feature setting (in Safari’s Develop menu).

@MikkoH

Mikko Haapoja

2 years

Interesting times ahead. This is the new <model> running in iOS Safari

13

96

695

59

518

3K

@jensimmons

Jen Simmons

6 years

If you are spending a lot of your time learning *while* you code — while someone is paying you — then you are doing it right. You don’t need to learn it all ahead of time and show up to work already knowing. Don’t let our stupid educational system trick you into thinking that.

56

906

3K

@jensimmons

Jen Simmons

6 years

“Chrome only” is not the web.

Tweet media one

92

1K

3K

@jensimmons

Jen Simmons

2 years

Today is the day. Web Push on iOS.

Tweet card media

Web Push for Web Apps on iOS and iPadOS

With iOS and iPadOS 16.4 beta 1 comes support for Web Push for Home Screen web apps, Badging API, Manifest ID, and more.

82

499

3K

@jensimmons

Jen Simmons

5 years

Writing CSS? Wondering why the code you wrote isn’t doing anything? Wait, er, or…? Wait what? Wouldn’t it help if DevTools would just tell you — “Hey this doesn’t do anything. Here’s why & how to fix it.” Yup. Firefox 70, shipping tomorrow, does this.

46

600

2K

@jensimmons

Jen Simmons

1 year

Yes, you heard that right. Web apps on Mac, from Safari. *Any* website can be added to your Dock, and opened as a web app. #WWDC23

102

208

2K

@jensimmons

Jen Simmons

3 years

Everyone in my mentions saying Safari is the worst, it’s the new IE… Can you point to specific bugs & missing support that frustrate you, inhibit you making websites/apps. Bonus points for links to tickets. Specifics we can fix. Vague hate is honestly super counterproductive.

1K

274

2K

@jensimmons

Jen Simmons

4 years

I still can’t quite believe that this is now where I work. Oh, yup. As of June 1. I’m Apple’s newest Web Technologies Evangelist for Safari & WebKit. And those are now my teammates / company-mates presenting at WWDC. Watch on Monday! (Early Tuesday for some of you.)

@Apple

Apple

4 years

It’s almost here. Watch the #WWDC20 Apple Special Event on June 22 on YouTube Live at 10:00 a.m. PDT.

200

1K

7K

169

70

2K

@jensimmons

Jen Simmons

5 years

I’m pretty sure I have COVID-19. I’ve had symptoms for a week, and got more sick about 3 days ago. I cannot get a test in NYC, so there’s no way to know for sure, but this presents as described by international medical professionals.

197

272

2K

@jensimmons

Jen Simmons

3 years

I love seeing this diagram from @argyleink of Chrome DevRel showing how the new Viewport Units (specifically svh, lvh, dvh) will work in Chrome for Android. These units are going to be super helpful on all mobile devices, in all the browsers.

Tweet media one

21

434

2K

@jensimmons

Jen Simmons

5 years

Lesson here — don't learn React only, also learn JavaScript. Don't only learn Bootstrap, also learn CSS. The tools will change. The underlying technologies won't. (They'll evolve, but they won't go away.)

@markdalgleish

Mark Dalgleish

5 years

20 years ago, people tried to convince me that learning HTML was pointless because we had FrontPage and Dreamweaver. Ignoring them was the best decision I ever made.

124

729

6K

30

565

2K

@jensimmons

Jen Simmons

3 years

Don’t say Safari is always last. Sometimes we are first. presenting :has() “For example, a:has(>img) selects all <a> elements that contain an <img> child.” — from

72

319

2K

@jensimmons

Jen Simmons

5 years

Did you know everything about styling underlines on the web just changed? You can make an underline thicker or thinner. You can move it closer to/further from the text. You can control whether the line intersects with characters. 📺

Tweet media one

39

492

2K

@jensimmons

Jen Simmons

5 years

Since there is so much interest in this, I made a graphic to round up the different CSS properties that are coming to help us style underlines. Some work in some browsers today. All have fantastic fallbacks, so you can start using them now. (They do NOT break anything in IE11!)

Tweet media one

42

536

2K

@jensimmons

Jen Simmons

5 years

Did you know there’s a panel in Firefox Developer Tools that keeps track of any changes you make to your CSS, and lists everything so you can copy & paste it elsewhere?

Tweet media one

66

547

2K

@jensimmons

Jen Simmons

3 years

Web developers, I have big news! Safari 15.4 is here, packed with 70+ new features — lazy loading, dialog, :has(), Cascade Layers, svh/lvh/dvh, focus-visible, accent-color, display: contents fix, scroll-behavior, Manifest icons, BroadcastChannel & more:

Tweet card media

New WebKit Features in Safari 15.4

With over 70 additions to WebKit, Safari 15.4 is packed with new web technologies, updates, and fixes.

74

412

2K

@jensimmons

Jen Simmons

3 years

JavaScript, HTML, CSS, Flash

Tweet media one

40

251

2K

@jensimmons

Jen Simmons

5 years

You know how a webpage jumps around when loading, because it takes time to load images? Yeah, we’re fixing that. I explain it all today in this video. tl;dr — Add HTML width & height attributes to all your images. Starting in Dec, better loading FTW!

37

390

2K

@jensimmons

Jen Simmons

4 years

You know how `height: 100%` doesn't do what you want it to do? How about a new thing, `height: stretch`, that does?

91

113

2K

@jensimmons

Jen Simmons

6 years

Design solves a problem. If you don’t know what that problem is, or who is having it, you aren’t designing. You are chasing your own fantasies. Maybe you’ll get lucky and create something for people just like you. Or you could get customer-focused and have more of a sure thing.

16

589

2K

@jensimmons

Jen Simmons

6 years

At the root, the business decisions are what blow me away the most. Beyoncé and her team are on such a different level. No one pulls this off but her. There were dozens of people working pyrotechnics alone. With likely no rehearsal. Perfectly. For a one time event. WHO DOES THAT?

2

259

1K

@jensimmons

Jen Simmons

5 years

I believe new HTML elements should go through a standards process, be debated by multiple parties (not one), be useful to most websites (pave the cowpaths), and be written in language that makes sense for HTML, especially for folks who don’t speak English well. So no on this.

@stevefaulkner

Steve Faulkner [email protected]

5 years

🍞 Anyone for HTML <toast>? Looks like it will be popping up in @chrome soon

51

50

136

49

395

1K

@jensimmons

Jen Simmons

4 years

What’s is called when... You see a site redesign. LOVE the body font... What is that typeface? It’s so beautiful. That's exactly the kind of thing I’ve been looking for. I’m so jealous. I NEED that font. Inspect Element.... Georgia. It’s Georgia.

55

93

1K

@jensimmons

Jen Simmons

6 years

The only skill you need is to know 1) how to identify what you don’t know / when you don’t know something; and 2) how to look things up, how to read documentation, how to try & try & try and keep trying while things fail, until they work. That’s literally the job of writing code.

13

460

1K

@jensimmons

Jen Simmons

6 years

Live performance TV shows are *never* this good. All the camera work & switching was finely planned and rehearsed (up to the last song, clearly the last song was not). This was two hours. On a *borrowed* stage. A one time shot. They did this ONCE? What? HOW? Every bit perfect.

5

248

1K

@jensimmons

Jen Simmons

4 years

Starting the day with the devastating news that Mozilla is laying off 250 people, about a quarter of the company. There are so many great people there, especially the browser engineers who invented much of the web… this is going to be painful. ❤️😩

Tweet card media

Changing World, Changing Mozilla | The Mozilla Blog

This is a time of change for the internet and for Mozilla. From combatting a lethal virus and battling systemic racism to protecting individual privacy —

blog.mozilla.org

43

626

1K

@jensimmons

Jen Simmons

4 years

Safari 14 Beta Release Notes • Added WebP • Changed to derive <img> aspect ratio from size attributes • Added :is() • Added :where() • Safari no longer supports Flash • Added Safari Web Extensions • Added Webpage Translation (Beta) & much more:

54

332

1K

@jensimmons

Jen Simmons

6 years

It’s beginning to feel like the HTML-CSS-JS vs JS-JS-JS war is a class war. If your project has a budget of millions, “of course” you should use a complex build process and a JavaScript framework that handles everything (according to the folks who believe this). The pressure…

77

353

1K

@jensimmons

Jen Simmons

2 years

Web Push is coming to Safari 16 on macOS Ventura. It sends notifications even if Safari is closed. Is built with the same web technologies as other browsers. Doesn’t require an Apple Developer Program membership. And is coming to iOS and iPadOS next year.

Tweet media one

44

175

1K

@jensimmons

Jen Simmons

6 years

Give me 14 minutes. I’ll save you from 9 common mistakes using CSS Grid.

20

263

1K

@jensimmons

Jen Simmons

6 years

How’d you like a way to do animations triggered by user’s scrolling — using CSS? (Not horribly slow JavaScript yukyuk that everyone seems to use for this.) ????? Like this, maybe: Yes? No? Would you use it? Design for this kind of interaction?

157

135

1K

@jensimmons

Jen Simmons

5 years

Ever try to write CSS without DevTools? Ugh! Having a HTML/DOM Inspector & CSS Rules panel makes a *huge* difference. We've been doing Accessibility without any such tool — until now. Let me give you a tour of the Firefox Accessibility Inspector: 📺

Tweet card media

Understand Website Accessibility with the Firefox Accessibility...

When building a website, understanding what's happening with accessibility can help you make certain your site can be used by everyone. Firefox DevTools now ...

www.youtube.com

15

298

1K

@jensimmons

Jen Simmons

6 years

At least 1,000 people worked that show. And I’m not counting the festival staff. I mean her show. On stage, backstage, load-in, production, filming, streaming. How in the world? How? No, really, how?

4

197

1K

@jensimmons

Jen Simmons

6 years

All of this is about: users, experiences, content. If your team is *only* thinking about: interfaces, automation, code, than you aren’t going to succeed. You aren’t. Decades of experience proves it. It’s about the humans, not the bots. The experience, not the code.

21

416

1K

@jensimmons

Jen Simmons

3 years

Hey, look at this diagram that explains three of the new Viewport Units — `svh`, `lvh` and `dvh`. Try them all now in Safari on iOS15.4 beta. The @csswg hopes these will solve the frustrations that web developers have been feeling using the `vh` unit on mobile browsers.

Tweet media one

25

172

1K

@jensimmons

Jen Simmons

7 years

There are many significant new(ish) tools in CSS that radically change what’s possible in web page layout & graphic design. Viewport Units is one of them. See what’s possible when using vw, vh, vmin, & vmax.

15

258

1K

@jensimmons

Jen Simmons

7 years

CSS Grid is one year old today. It shipped in Firefox 52 on March 7, 2017. By the end of the month, had shipped in Chrome, Opera, & Safari as well. Today, well over 80% of users have a browser with Grid. Happy birthday CSS Grid!

Tweet media one

21

385

1K

@jensimmons

Jen Simmons

2 years

I recently read the Text 4 spec, and now I can’t stop thinking about `text-wrap: balance`. Apply it to text, like a headline, and the browser wraps that text in such a way that each line has about the same length. (See image to see result.) Do you want browsers to implement it?

Tweet media one

118

66

1K

@jensimmons

Jen Simmons

6 years

This team got that level of quality in one take, switching (editing) live. The teams for the Oscars, Grammys, Super Bowl — none of them pull this off. (And I bet their budgets are way bigger.)

13

147

993

@jensimmons

Jen Simmons

5 years

Want to improve your HTML skills, with the latest in best practices? I’ve got you covered:

Tweet card media

HTML Essential Training Online Class | LinkedIn Learning, formerly Lynda.com

Learn how to write HTML, the programming language that powers the web.

www.linkedin.com

76

181

1K

@jensimmons

Jen Simmons

5 years

Remember last week when I walked out onto a conference stage with no idea what I was about to present? Chris Coyier handed me an HTML file & an image of a layout. I coded it, explaining my thinking process aloud. Here's the video recoding!

Tweet card media

Jen Simmons on Thinking With Grids at SmashingConf SF 2019

CSS Grid revolutionizes how we create layouts on the web — but how exactly should we use it? When someone emails you a PDF, how do you know the best way to…

25

153

1K

@jensimmons

Jen Simmons

6 years

I’m proud to show you the next in series of design tools — the Firefox Shape Path Editor. Take a look:

19

313

985

@jensimmons

Jen Simmons

5 years

We just launched a new YouTube channel of videos about web design & development — tools and techniques, what's new, best practices.... #aboutweb

Tweet card media

Mozilla Developer

Videos for helping you with your work as a web designer, web developer, or person involved making websites or web apps. A gift to you from Mozilla Developer Relations.

www.youtube.com

18

288

985

@jensimmons

Jen Simmons

3 years

Hey, today is my one year anniversary of joining Apple.

54

0

985

@jensimmons

Jen Simmons

3 years

Yeah, I don’t understand why Tailwind convinces people to add 12mb of code to their site, when they could just use inline styles instead. The browser already has all the code for parsing CSS. Also, why memorize Tailwind classes when you could memorize CSS properties instead?

@shadeed9

Ahmad Shadeed

3 years

✍️ New Article: A Look at Tailwind CSS I wrote about Tailwind CSS, what I like and dislike, as well as other thoughts and ideas. 🔗

Tweet media one

17

55

297

96

164

977

@jensimmons

Jen Simmons

3 years

The CSS specification for Container Queries just went to “First Public Working Draft”! YAY!! 🥳😍🤗 What does that mean? The people who define CSS believe now that this can be done—we’ve figured out exactly how to do it. Congrats to everyone who’s worked on this for many years!!

10

176

967

@jensimmons

Jen Simmons

8 years

Want to learn about CSS Grid? I made a list of the best resources:

22

345

944

@jensimmons

Jen Simmons

3 years

Gosh. Catching up with tech Twitter this morning and there seems to be an angry pocket of men who really want Safari to just go away. Do we really want to live in a 95% Chromium browser world? That would be a horrible future for the web. We need more voices, not fewer.

201

74

942

@jensimmons

Jen Simmons

8 years

Three weeks ago, Firefox. Two weeks ago, Chrome. Last week, Opera. Today, Safari. Yes, CSS Grid is here. Update your iOS and Safari on Mac.

25

601

925

@jensimmons

Jen Simmons

3 years

Display P3 color. Designing in the browser. Amazing. Let me show you how to switch over to P3, find a color, and then find a fallback color for older browsers. All while working inside Safari Web Inspector. (Turn sound on to hear me explain!)

11

134

920

@jensimmons

Jen Simmons

5 years

About those forms..... I got curious about modern techniques for styling checkboxes. There are so many SUPER COMPLICATED demos out there... quite old. How about a new, simple one? In only a few lines of CSS, I styled a custom checkbox. No JS. No hacks.

Tweet card media

2019 Checkbox Styled — Accessible, Simple, CSS-only

...

32

170

901

@jensimmons

Jen Simmons

7 years

Conversation with neighbor, white female. Her: Excited about any upcoming movies? Me: Black Panther. Everyone’s talking about it. Her: Why? Superhero movie? Me: Black cast! Her: That’s racist. … Ok, white people. We really need to talk about what “racist” means.

40

281

865

@jensimmons

Jen Simmons

5 years

Firefox 70 is out today. There's so much in here, I can't fit any of it in a Tweet. but I'll start with the NEW LOGO! I love this new logo.

Tweet media one

Tweet media two

Tweet media three

28

167

886

@jensimmons

Jen Simmons

4 years

It’s free! You want to take my HTML course for free? Along with a whole series of software development courses? Here you go. Thanks, LinkedIn and Microsoft. Thanks for recognizing people need this kind of opportunity right now.

@simonstl

Simon St.Laurent

4 years

Free: want to learn HTML from @jensimmons , CSS from @christinatruong , and JavaScript from @mor10 ? LinkedIn Learning and Microsoft just unlocked our Becoming a Software Developer path, including their Essential Training Courses.

8

196

462

12

323

885

@jensimmons

Jen Simmons

5 years

I don’t understand why all the tech press stories today talk about Google’s acquisition of Fitbit as a hardware acquisition. Why are they being so naive? This is a data acquisition. It’s about the data. That’s why Facebook was trying to get Fitbit instead. #hellnonotmydata

21

261

872

@jensimmons

Jen Simmons

6 years

But how — how her team pulled this off for a one time event, on a borrowed stage. I truly can’t wrap my head around it. She must have demanded so much from Coachella in terms of the stage, control over the sound, setup of the equipment, load-in, etc. otherwise — never this great.

4

147

825

@jensimmons

Jen Simmons

5 years

This is a great demo of the difference between the old way of loading images (in the era of RWD), with the new way. Developers, start putting `height` and `width` on your images again. Use `height:auto` to maintain the aspect ratio, with `width:100%` applied.

@simevidas

Šime “I’m on Mastodon” Vidas

5 years

Image with with/height attributes, Chrome vs. Firefox Nightly ():

2

31

186

13

211

864

@jensimmons

Jen Simmons

4 years

You know how leading always felt kind of broken/weird in web typography? Yeah, that’s because it is. The CSSWG is working on fixing it permanently — specifically @fantasai with the support of Microsoft Design. Read about how it will work in the future:

Tweet card media

Leading-Trim: The Future of Digital Typesetting

How an emerging CSS standard can fix old problems and raise the bar for web apps

20

236

863

@jensimmons

Jen Simmons

4 years

I just want to spend the next month making demos of web form controls, exploring every detail of what parts can possibly be styled with CSS today and what can’t. While writing a series of blog posts teaching how to do what we can do now. And co-writing specs to invent the future.

30

29

838

@jensimmons

Jen Simmons

2 years

After working for months on an epic article about the new `:has()` pseudo-class and how it can be combined with other CSS selectors to a powerful effect — we published it yesterday! There are so many great use cases that now no longer require JavaScript.

Tweet card media

Using :has() as a CSS Parent Selector and much more

It’s been a long-standing dream of front-end developers to have a way to apply CSS to an element based on what’s happening inside that element.

11

199

847

@jensimmons

Jen Simmons

5 years

The new Firefox Accessibility tools have several ways to check 🌈 COLOR — two tools for checking color contrast, and one to simulate color blindness. Let me show you: 📺

18

288

847

@jensimmons

Jen Simmons

2 years

I applied many times for Verified status on Twitter. Rejected every time. I can only assume it’s because women in tech need 10x the followers as white men in tech to count as notable enough. I was planning to apply again once I hit 100,000 followers.

40

37

810

@jensimmons

Jen Simmons

2 years

Container Queries is shipping in Safari 16! Both size queries and container query units. Learn more about the details at

Tweet media one

7

167

807

@jensimmons

Jen Simmons

2 years

Did you know that Safari is powered by the WebKit rendering engine? Which is totally open source. Plus it powers many other browsers & embedded devices. And now WebKit is 100% on Git. The SVN repo is officially retired. 👋🎉👩🏽‍💻

Tweet card media

GitHub - WebKit/WebKit: Home of the WebKit project, the browser engine used by Safari, Mail, App...

Home of the WebKit project, the browser engine used by Safari, Mail, App Store and many other applications on macOS, iOS and Linux. - WebKit/WebKit

35

110

806

@jensimmons

Jen Simmons

3 years

Did you see, Safari 14.1 shipped yesterday... including support for Gaps in Flexbox. (*Can I Use & MDN still need to be updated, so they don't show support yet... but it's there! Try it out.)

34

132

796

@jensimmons

Jen Simmons

6 years

Don’t take it personally. You don’t know what code to write? Yeah, we all don’t know what code to write. We figure it out. Line by line. Bit by bit. It’s broken most of the time. Until it’s not. Then we go write new broken code. Until it’s not broken. Welcome. That’s the job.

31

156

774

@jensimmons

Jen Simmons

2 years

Let’s take a look at the 2nd :has() demo. We can make a grid for our content. Allow most cards to automatically fill a 1x1 area. And then use :has() to tell any card that has an image to instead take up a 2x2 area. article:has(img) { grid-column: span 2; grid-row: span 2; }

Tweet media one

13

94

785

@jensimmons

Jen Simmons

3 years

Looks like not only does Twitter still refuse to verify someone like me, now they don’t even send an email to say you’ve been rejected. 75k followers + Wikipedia page + working as a public figure for a very famous company + oh… being a *woman* in tech = not important to the🐦

43

38

781

@jensimmons

Jen Simmons

2 years

I have to say, I’m very proud of these green boxes. All of these green boxes. And I’m proud to work at a browser maker that truly does care about web designers and developers — and the future of the web for everyday people. With browser engineers who worked very hard this year.

Tweet media one

Tweet media two

Tweet media three

Tweet media four

45

44

776

@jensimmons

Jen Simmons

6 years

According to Can I Use (and Stats Counter), global support for CSS Grid (unprefixed) now at 84%. Support for Flexbox at 94%. 84% to 94% #timetolearncssgrid

Tweet media one

16

320

768

@jensimmons

Jen Simmons

3 years

Men in tech. Please read this & contemplate — when was the last time someone went so far out of their way, and beyond the realm of common sense, to *order* you to stop believing in your own qualifications for your career. This happens to women all the time.

@molly0xFFF

Molly White

3 years

someone took time out of their life to write this email

Tweet media one

709

628

7K

42

202

766

@jensimmons

Jen Simmons

7 years

I just introduced Intrinsic Web Design at An Event Apart Seattle. Notes 1: (thanks @adactio !) Notes 2: (thanks @torrecapistran !) Slides: Intrinsic Web Design.

Tweet card media

Everything About Web Design Just Changed

Presented at An Event Apart, Seattle, April 2, 2018.

speakerdeck.com

11

201

760

@jensimmons

Jen Simmons

5 years

Firefox 71 shipped today. Which includes subgrid (aka Grid v2). Yes, people, SUBGRID SHIPPED TODAY. Celebrate by watching these videos by @MiriSuzanne to understand what these new abilities will bring. Card layout: Form layout:

Tweet card media

Don't Wait to Use Subgrid for Better Card Layouts

Card layouts are popular on the web, rows and columns of boxes with similar content. CSS grids can help align those cards, but it can still be hard to line-u...

www.youtube.com

9

233

754

@jensimmons

Jen Simmons

3 years

This is ridiculous. How do we stop this? (And I don’t mean how do you stop this for your own personal experience. I know that answer… I mean: Hello, everyone who makes the web, makes web sites & web apps — how do we fix this for everyone?)

@karpathy

Andrej Karpathy

3 years

Browsing the web, 2021

317

3K

14K

93

121

753

@jensimmons

Jen Simmons

5 years

This is genius. You website should be able to fit on a floppy. Does it?

32

228

751

@jensimmons

Jen Simmons

4 years

You don’t have to put up with racist or sexist or hateful nonsense from those who teach / lead web design & development. No book, video, article or tutorial is worth compromising your morality. There’s *plenty* of great material from those of us who don’t “joke” about oppression.

6

103

734

@jensimmons

Jen Simmons

5 years

Subgrid!

Tweet media one

24

134

738

@jensimmons

Jen Simmons

6 years

You’ll see pyrotechnics like that for the Super Bowl, the biggest TV show of the year with the most expensive ads of the year. Huge budget. Speaking of Super Bowl halftime show: only 15 minutes long. The camera work and sound is not anywhere near as good…

2

119

689

@jensimmons

Jen Simmons

6 years

Responsive Web Design = columns with %s. Everything squishes at once. Intrinsic Web Design, with CSS Grid, gives us many more options— min-content, max-content, fr units… and today, I'll show you minmax(). These let us define *stages of flexibility*.

8

161

720

@jensimmons

Jen Simmons

7 years

Someone printed all of Unicode. Unicode in a box! /cc @fantasai

Tweet media one

Tweet media two

Tweet media three

Tweet media four

23

265

718

@jensimmons

Jen Simmons

1 year

I am so incredibly excited for all of you who make websites and web apps to see over the next five days what we’ve made for you. My colleagues and I have been working very hard. I’m so tired! And yet, so very excited. #wwdc23

20

38

715

@jensimmons

Jen Simmons

5 years

Mansplaining: when a man thinks he knows more than a woman, ignores her expertise, & “helps” her by explaining. What’s the name for when a man knows he knows less, goes to a woman to get her to explain the thing to him — so then he can go teach it and be seen as The Expert?

102

117

702

@jensimmons

Jen Simmons

6 years

Many, if not most, of the great resources for learning CSS were made by women. I can’t help but wonder if that’s why some men struggle with it so much. Long threads arguing about CSS, pointing to subpar tutorials. Too many men simply cannot respect anything created by a woman.

88

102

702

@jensimmons

Jen Simmons

5 years

And then one day you wake up and someone has made a Wikipedia page about you. Thank you Christina! I'm honored. Wow. #thathappened

@christinablust

Christina Blust

@christinablust

5 years

Finally got a decent first-iteration article up for CSS Grid queen & stand-up educator @jensimmons . She's the one that half the speakers & bloggers learned it from in the first place! #womenintech @WikiWomenInRed

Tweet media one

4

18

130

21

34

714

@jensimmons

Jen Simmons

3 years

If you make websites, what do you need browser engineers to add to WebKit (Safari’s rendering engine)? What HTML, CSS, JS, Web APIs are missing — impacting your ability to get your job done. What do we most need to add / change / fix / invent to help you? (Repeat answers welcome)

377

147

706

@jensimmons

Jen Simmons

5 years

Yesterday at #smashingconf I walked on stage to give a 40m presentation, with on idea what I was about to do. @chriscoyier handed me a flash drive with an image to use as inspiration, and the content in an HTML file. I coded the layout live. The video should come out next week!

37

29

708

@jensimmons

Jen Simmons

7 years

Another day, another browser ships CSS Grid. Today: Samsung Internet Browser! :) Why care? It has more users as IE. More. Yup.

10

239

684

@jensimmons

Jen Simmons

5 years

Think of all the many HTML elements that were considered and rejected over the years — and we are supposed to be on-board with TOAST? Because a couple guys at Google decided they want it. And they can. So no to <footnote> <author> <publication-date> But yes to <toast> ???

23

127

683

@jensimmons

Jen Simmons

6 years

It’s clear they used a big studio for months of rehearsal. After years of pre-production. They did the show on another stage a zillion times. It’s normal to do so for a giant stadium tour. Where your crew owns the stage. With millions of $$$ in tickets to be sold for that tour.

1

111

635

@jensimmons

Jen Simmons

6 years

I’m now officially an editor of a CSS specification! Of the Intrinsic and Extrinsic Sizing spec along with @tabatkins and @fantasai , where I’ll start with helping to figure out what exactly we need to define Aspect Ratios in CSS.

30

47

675

@jensimmons

Jen Simmons

5 years

Our latest video demonstrates the Firefox Shape Path Editor — how to edit paths for Clip Path or CSS Shapes right in the browser. 📺 Did you already know about this tool? Or is it new to you? Do you use it? Do you use CSS Shapes or Clip Path? Why not?

14

163

667

@jensimmons

Jen Simmons

6 years

Exporting large photo for web, from Photoshop… Save for Web (Legacy), JPG: 120kb Save for Web (Legacy), PNG: 660kb Export as JPEG: 880kb Quick Export as PNG: 2mb I don’t understand why people say “always use PNG” or “that’s legacy, don’t use it”. Smaller is ALWAYS better.

58

90

659

@jensimmons

Jen Simmons

6 years

Today’s sneak peak at what the Mozilla Developer Tools team is cooking for Variable Fonts.

13

213

660

@jensimmons

Jen Simmons

2 years

Last, use a checkbox to toggle Dark Mode on & off. No JavaScript. A checkbox input, placed anywhere in HTML is all I need, since I can change all my CSS across the DOM using :has() body:has(input[type="checkbox"]:checked) { background: blue; --primary-color: white; }

Tweet media one

Tweet media two

14

70

653

@jensimmons

Jen Simmons

2 years

There’s something enthralling about `:hover` states on the web being triggered by hovering a pencil IRL.

Tweet media one

18

35

657

@jensimmons

Jen Simmons

4 years

Day 365 of Long COVID. Today, I got a vaccine. Burst into hysterics when they showed me the vial. It took dozen of hours of filling out the same form over & over to get in. My first two appointments were canceled on me. But finally, finally there’s a shot in my arm. Grateful.

24

3

656

@jensimmons

Jen Simmons

6 years

“By summer 2019, the Firefox browser will also block, by default, all cross-site third-party trackers, strengthening privacy without your having to do a thing.”

@firefox

Firefox 🔥

6 years

Our Facebook Container extension is not only the most popular browser extension we've ever built, but now has secured us a spot on the Top 50 #FCMostInnovative . Have you tried it out yet?

28

173

664

13

208

628