jonjohnjohnson (@jonjohnjohnson) header
jonjohnjohnson (@jonjohnjohnson) profile picture

Break browsers, not hearts.

NY, NY
Joined May 2009
Photo by jonjohnjohnson (@jonjohnjohnson)Photo by jonjohnjohnson (@jonjohnjohnson)Photo by jonjohnjohnson (@jonjohnjohnson)Photo by jonjohnjohnson (@jonjohnjohnson)Photo by jonjohnjohnson (@jonjohnjohnson)Photo by jonjohnjohnson (@jonjohnjohnson)Photo by jonjohnjohnson (@jonjohnjohnson)
IMHO the most effective leaders in web standards are the best “centrists” we’ve got. The dialectics of stability and progress are difficult. Looking at you @w3c 🙌.
89
CSS surely has no syntax for conditional booleans, ...except when dealing with lengths. calc((var(--bool) * 300px) + ((1 - var(--bool)) * 100vh))
1
.isHome a[href="/"] { pointer-events: none; text-decoration: none; color: inherit; }
1
Until we have css element queries, here’s a css way to clean up some sloppy ways responsive elements appear… jsbin.com/etogoh/
3
1
<img srcset> now reacts to resize/viewport changes in Firefox:
84
102
jonjohnjohnson retweeted
The last and best programming book you'll ever need ;) #humor
13
1,309
7
1,085
Look ma! No Javascript! jsbin.com/pikusa/edit?html,c… …view in most recent iOS/safari/firefox, using ‘scroll-snap’ and ‘clip:rect()’
1. Size in ‘em’ if the property should scale according to it’s font-size 2. Size everything else in ‘rem’. zellwk.com/blog/rem-vs-em/
jonjohnjohnson retweeted
Take The Grand Tour through space. 14 exotic travel posters to download: jpl.nasa.gov/visions-of-the-…
21
1,166
1,975
Free beer in store for whoever explains the html/css that’s happening here without cheating… jsbin.com/liyaru
…what’s really great about CSS variables is that they can be controlled with scope in the cascade jsbin.com/qiwice/8/edit?html… (css lines 42-47)
More support for CSS variables at runtime? Awesome! thenextweb.com/dd/2016/02/08… but…
€1m to not even eat the potato, while I just scraped up 86¢ for a slice of cheese pizza. ind.pn/1VjQJNT
CSS reverie… the “dream” of vertical margin collapse is truly gone with the usefulness of flexbox. w3.org/TR/css-flexbox-1/#ite…
jonjohnjohnson retweeted
The difference 28 minutes makes
3
359
478
Wikipedia: free EdX: free Codecademy: free Twitter: free Google Search: free Coursera/Khan Academy: free Learn something new everyday, $0.
76
2,297
12
2,268
And yup. Today, June 30, 2015, was also Asteroid Day: asteroidday.org
62
1,285
2,085
I really like the idea of using the phrase "say something nice" as opposed to "comment" for a comment prompt.
1
1
4