Co-Founder of @CloudFour and @MobilePortland. Author of @thepwabook. Find me on Mastodon at @grigs@front-end.social. he/him
Portland, Oregon
- Tweets 53,278
- Following 1,004
- Followers 9,740
- Likes 37,250
Pinned Tweet
With rare exceptions, I’m no longer active on Twitter. Find me on Mastodon at front-end.social/web/@grigs.
3
1
4
No publicity. Hospital is on the other side of town from his house and practice facility. He went out of his way for a stranger and then spent significant time with the patient.
The dude is real. So honored that he represents Portland.
5
22
353
My father has spent a lot of time in the hospital this year. One night pre-covid—before visitors were banned—the nurses told me @Dame_Lillard had stopped by the hospital to visit a patient. Someone he didn’t know. Friend of a friend having a rough time. He stayed nearly an hour.
5
18
330
The cat is out of the bag now! My new book, Progressive Web Apps, from A Book Apart will be released in November.
Follow @abookapart, or sign up for their newsletter, to be notified when the book is available for purchase.
11
31
238
Diaz likes to hide near pathways and then sneak attack the dogs and any passersby. Here she is caught in the act getting ready to jump in the shower on my unsuspecting wife. She really likes running water.
She’s harder to get close to, but when you do, she’s a sweetheart.
1
11
202
How much can one HTML5 attribute be worth? Perhaps as much as $4.4M for @ChipotleTweets.
My latest article which I hope heralds a return to writing on a regular basis. :)
cloudfour.com/thinks/an-html…
12
72
188
Average monthly audience of:
* Native apps +45%
* Mobile web +82%
from @taloppenheimer’s segment at Google I/O developer keynote.
2
122
174
We refer to the cats as The Detectives. They’re wonderful. We adore them.
Thank you to @iamstephbeatz and @JoeLoTruglio for creating characters our whole family loves.
If you haven’t watched Brooklyn Nine-Nine, you’re missing out. Cannot wait for the new season
1
6
151
WebComponents.org: New site cataloging ~1,000 elements. Neat interface for searching and previewing elements. webcomponents.org/
46
142
Autofill: What web devs should know, but don’t. blog.cloudfour.com/autofill-…
Everything I’ve learned about autofill collected. Hope it helps!
2
49
126
OMG. MY BOOK IS AVAILABLE FOR PRE-ORDER!!
IT COMES OUT ON NOV 12. THIS IS REALLY HAPPENING.
abookapart.com/products/prog…
11
31
124
✭ Progressive Web Apps Simply Make Sense
(or why there’s no need to compare Progressive Web Apps to native)
cloudfour.com/thinks/progres…
49
129
Your daily dose of Responsive Images 101 is out.
Part 3: Srcset Display Density
blog.cloudfour.com/responsiv…
3
38
119
BTW, there is a new display-mode media query which will help with Progressive Web Apps. cloudfour.com/thinks/designi…
1
52
108
Google says there are over 2B AMP pages. The audience applauds the our collective failure to build fast web experiences by default. #IO17
2
43
105
This flow chart demonstrates a point I've been making about push notifications in progressive web apps—the backend work is much more complex that what needs to be done in JavaScript. /ht @slightlylate for sharing it with me.
5
26
104
Let’s talk about the backend for responsive images for a change. 8 Guidelines and 1 Rule for Responsive Images bit.ly/12dJGeX
6
58
104
Seriously, Don’t Use Icon Fonts by @tylersticka blog.cloudfour.com/seriously…
All the arguments needed to persuade others in one convenient spot.
5
53
101
New blog post: Don’t use <picture> (most of the time)
blog.cloudfour.com/dont-use-…
#aeaaus
1
71
96
Responsive Image as Service (RIaS)
abhishek-tiwari.com/post/res…
Had I found this earlier, I might not have created my image services spreadsheet.
1
21
96
🎉Announcing Lighthouse Parade!🎉
Open source tool built by @emersonthis and @_calebeby at @CloudFour that spiders a website, runs Lighthouse on every page, and pulls the results into a spreadsheet so you can find the which pages you need to fix.
cloudfour.com/thinks/big-pic…
ALT Illustration of two mobiles you might find in a parade with lighthouses on top.
21
96
I did not know about the accessibility info in the Chrome color picker. That’s a nice tool. The line shows where contrast ratio is sufficient or not.
3
41
88
Today is my birthday and *you* can give me the one gift I want more than anything else. Promise me that you'll vote in the midterm elections.
If you're feeling particularly generous, you could give me the gift of encouraging other people to vote as well. :)
10
23
81
Progressive Web App discoverability on Windows: Bing search results and Microsoft Store. #MSbuild
1
43
89
I wrote my undergraduate thesis on vote-by-mail and helped with the campaign to make it the standard in Oregon.
So I can say with certainty that this is horseshit.
Absentee Ballots are a great way to vote for the many senior citizens, military, and others who can’t get to the polls on Election Day. These ballots are very different from 100% Mail-In Voting, which is “RIPE for FRAUD,” and shouldn’t be allowed!
3
21
73
⭐A Progressive Roadmap for your Progressive Web App — Documenting our journey rolling out PWA features incrementally cloudfour.com/thinks/a-progr…
2
27
90
Still the best responsive design advice. Thanks @stephenhay
start with the small screen first, then expand until it looks like shit. TIME FOR A BREAKPOINT! @stephenhay #bdconf
1
11
76
Responsive Images Breakpoints Generator: responsivebreakpoints.com/
Smashing: smashingmagazine.com/2016/01…
Me: blog.cloudfour.com/responsiv…
❤️😳👍👏❤️
21
73
The Fermi Paradox - Why haven't we found other life. So good. waitbutwhy.com/2014/05/fermi…
3
62
70
New blog post - How Apple will serve retina images to new iPads: bit.ly/zo9Lxs
4
58
69
Forgot to mention this earlier, but we did indeed name the kittens we got last fall Boyle and Diaz after the characters that @iamstephbeatz and @JoeLoTruglio play on Brooklyn Nine-Nine.
They are wonderful and play to type.
2
5
66
Stages of a talk:
* Don’t know what to talk about.
* Don’t know if I have enough to talk about.
* Crap, I have too much to talk about.
5
12
68
New blog post: Sensible jumps in responsive image file sizes blog.cloudfour.com/sensible-… Thanks to @jtkeith2 for collaborating on it.
1
29
69
Update on where Microsoft is on supporting Progressive Web App APIs. Will be available in preview this Summer. #MSbuild
2
37
64
Finished listening to @joshtpm’s interviews with @keithellison and @TomPerez. Can we get both of them? Co-chairs getting work done?
8
7
51
Google provides a tool to check to see if your site qualifies for their mobile friendly tag google.com/webmasters/tools/…
1
51
60
Starting a multi-part series called Responsive Images 101. Today’s installment is Definitions:
blog.cloudfour.com/responsiv…
19
64
⚡️Designing Responsive Progressive Web Apps by me. Lots to experiment with and learn. cloudfour.com/thinks/designi…
1
23
64
Chrome to bring Payment Request API to all platforms. Still feel like people don’t realize what a big deal this API is. #IO17
5
23
55
Anatomy of a HTML5 Mobile App by @fling http://bit.ly/nt8eHy (Lots of details here. Must read.)
1
36
61
Picture element lands in Safari. That’s the final browser. Pretty amazing. Can’t believe it is over. developer.apple.com/library/…
1
40
57
The Store will look at the Progressive Web App manifest to create the Store listing. Site owners can claim their apps. #MSbuild
2
22
59
OMG. Scroll anchoring solves one of my biggest pet peeves when reading articles on my phone. developers.google.com/web/up…
1
17
55
Are you a stenographer or a reporting organization? This is a terrible tweet given the facts. You have 256 characters. Do better.
1
6
35
Working with PWAs has convinced me that @igrigorik was right: the Browser Progress Bar is an Anti-pattern igvita.com/2015/06/25/browse…
2
27
56
The cat is out of the bag. Every attendee at Chrome Dev Summit is getting a copy of my book on Progressive Web Apps.
Thank you to the Chrome team for making this possible. #ChromeDevSummit
What good timing. Jason's book is available on #ChromeDevSummit day, in time for us to make it available to attendees. Thanks @grigs!
3
4
55
Excited to see Service Workers, Payment Request API, Web Auth and CSS Custom Properties coming soon to Edge. #MSBuild
2
21
55
P1: How much does an app cost?
P2: How much does a car cost?
P1: What type of car?
P2: Exactly.
4
28
51
Friends in Pennsylvania, please spread the word.
“[Your] ballot goes into a ‘secrecy envelope’ that has no identifying information, and then into a larger mailing envelope that [you] sign.”
You *must include both envelopes* or it won’t be counted. inquirer.com/politics/electi…
1
62
44
Chrome 63 changed permission modals. Your request can be permanently blocked. See if your site needs to be updated. cloudfour.com/thinks/time-to…
2
30
46
Android Instant Apps, Progressive Web Apps and the Future of the Web blog.cloudfour.com/android-i…
3
25
50
I’m convinced the elevator in this hotel is using a web browser to select floors.
Haven’t figured out what rendering engine it is using and how it scores on html5test.com yet, but I have two more days.
#aeasea
7
5
44
New Layouts for the Multi-Device Web by @lukew lukew.com/ff/entry.asp?1721 I got a preview of this at @BDConf. Very cool multi-device approach.
1
27
46
Responsive IMGs Part 2 — In-depth Look at Techniques bit.ly/p4pqzD
2
16
45
My resp imgs series is BACK!
We’re past the 101 classes now. It’s time for Responsive Images 201: Client Hints.
2
16
47
open-airplay -- A collection of libraries for connecting over Apple's AirPlay protocol bit.ly/HVnm1c
1
19
47
Finished the first draft of my progressive web apps book and sent it on to my editors. Time to shut the computer. :)
7
47
@haralabob jordan still has my favorite heckler response piped.video/awffXgr1Yic
15
46
So @hotelsdotcom wants me to enter the characters in the attached video presumably to prove I’m human. I don’t see any characters. Have I just discovered I’m color blind? Or are there no visible characters?
28
11
45
A Responsive Guide to Type Sizing blog.cloudfour.com/responsiv…
by @erikjung
Lots of detail on how we tend to handle type at @CloudFour.
15
42
I came to this here website to tweet about native lazy loading, talk about responsive images, browser support, and the status of the standard itself.
Instead, I point you to @scottjehl's tweet and the replies to it which discuss each of these points.
/me crosses off to do item
4
39
Looking for interesting examples of small screen, complex navigation. Current favorite is NPR. Any others I should look at?
8
8
45
I love this article by @HaulPebert showing how to use web components to progressively enhance native HTML features.
Progressive enhancement is such a powerful way of thinking. cloudfour.com/thinks/web-com…
2
9
44
My boy just dropped ‘counterintuitive’ in a sentence like it was every day language for an eight-year-old. He used it correctly. Couldn’t be prouder.
Next up: affordances and counterfactuals.
2
1
42
Wait. So Intel is betting on HTML5 in Tizen, MS is betting on HTML5 in Windows 8, and Google is betting on unlicensed Java in Android. Huh.
11
222
40
Implementing a Fixed Position iOS Web Application from @googlemobile http://bit.ly/e3k4dd
15
46
Washington Post saw 5x increase in engagement (page views and stories read) after moving to a Progressive Web App. beet.tv/2016/09/wapopwamarbu…
2
20
40
Building things this way allows us to avoid repeating breakpoints in JS and keeps things DRY. blog.cloudfour.com/behaviora…
2
11
41
Update on the #aeasea hotel elevator:
• There is no discernible model number
• Any ports are hidden
• Multitouch doesn’t seem to trigger scroll or exit the fullscreen
• Other hotel guests aren’t as fascinated by the elevator and may be unnerved by my research
8
1
40
Picturefill 2.0: Use the <picture> element today filamentgroup.com/lab/pictur…
12
39
The End Of Apps As We Know Them — this reminds of the things @scottjenson has been saying for awhile. blog.intercom.io/the-end-of-…
1
36
39
New blog post: Responsive Design for Apps — Part 1 bit.ly/VyoFKg — Finally getting around to writing this up.
2
21
38
Spotify found that building a progressive web app allowed them to grow their user base. They found that it didn't cannibalize native app installations.
14
34
Progressive Web Apps vs Native: Which Is Better for Your Business?
technology.org/2017/07/28/pr…
I have an aversion to this framing, but… 1/x
3
10
36
New blog post: Responsive web design business challenges cloudfour.com/responsive-web…
5
10
36
Welcoming PWAs: Apple now supports service workers on safari betanews.com/2018/02/22/welc…
Good overview with a minor inaccuracy about App Shell and a bit more optimism about notifications on Mobile Safari than I have.
10
35
Love this Ignite Talk by @jenville—It's 1994! There's this new thing called the World Wide Web! piped.video/vHuK-ldCsDY Many memories.
1
26
39
iPhone 5 and iOS 6 for HTML5 developers bit.ly/S5hFyC Another must read breakdown by @firt!
1
17
38
BTW, the Ceasefire Oregon pattern library is public ceasefire-oregon-patterns.ne… Background: blog.cloudfour.com/redesigni…
1
8
37
Oh hey, SVG Animations by @sarah_edo is out. She knows her stuff. Buy this book. shop.oreilly.com/product/063…
1
7
36
I’m stupidly excited and strangely nervous about #concatenateConf tomorrow (or today for my new friends in Nigeria).
I hope I can sleep tonight. Cannot wait for morning!
more details on the conference:
concatenate.io/
1
8
36
Awesome response from @brad_frost about organizing css files for a mobile site on @ppk's mobile web mailing list http://bit.ly/piGSAx
1
13
36
A year ago, I sent @ScottJehl email trying to figure out why responsive images weren’t working. Now there’s this: bit.ly/SO4JkR
16
35
Introducing Drizzle: an open-source pattern library and style guide tool from @CloudFour. blog.cloudfour.com/introduci…
6
36
New blog post: The real conflict behind <picture> and @srcset bit.ly/KueazY (hint: it's not what you think)
1
31
31
This is the best I’ve found re: coding for iOS 8 credit card scanning
stackoverflow.com/questions/…
But autocomplete attribute wasn’t tested.
1
17
29