Mathias Bynens
@mths.be
📤 3296
📥 794
📝 372
♥ JavaScript, HTML, CSS, HTTP, performance, security, Bash, Unicode, i18n, macOS.
https://mths.be/
reposted by
Mathias Bynens
Rick Viscomi
20 days ago
We've been COOKING Modern Web Guidance is a skill pack that helps your coding agent write better, faster, more accessible and secure code Get it at
goo.gle/mwg
We'd love to know what you think!
add a skeleton here at some point
0
21
7
That’s a first: GitHub’s Advisory Database (incorrectly) flags Puppeteer as malware.
github.com/github/advis...
We are no longer able to publish new releases. Are there any GitHub or Microsoft folks here who can help escalate this?
loading . . .
False positives w.r.t. malware in Puppeteer: GHSA-grrc-v84p-qwv3 & GHSA-rvxm-vq55-8p53 · Issue #7684 · github/advisory-database
There seem to be two false positives that are affecting Puppeteer-related packages: @puppeteer/browsers is being flagged as malware in GHSA-grrc-v84p-qwv3. puppeteer-core is being flagged as malwar...
https://github.com/github/advisory-database/issues/7684
26 days ago
2
28
8
reposted by
Mathias Bynens
Jason Williams
3 months ago
Temporal is now Stage 4 at TC39 🎂🎂🎂 Thanks to all the other champions of JavaScript's new date-time API. It has been a wild ride over many years! I wrote a blog post explaining how we got here 📜
bloomberg.github.io/js-blog/post...
20
345
98
reposted by
Mathias Bynens
Cabel Sasser
4 months ago
over a year ago, i gave a talk at the xoxo conference about a mural, a mcdonald’s, and a man. (but it was also secretly about life, and legacy, and meaning.) finally, i’m blogging the full story, with behind-the-scenes details, and a video of the talk. enjoy.
cabel.com/wes-cook-and...
loading . . .
Wes Cook and the Centralia McDonald's Mural
A personal story about discovering a mural in a McDonald's, an unknown artist named Wes Cook, saving the mural, and a conference talk about the whole thing.
https://cabel.com/wes-cook-and-the-mcdonalds-mural/
29
412
142
reposted by
Mathias Bynens
Chrome for Developers
9 months ago
Announcing our public preview of Chrome DevTools MCP! Experience the full power of DevTools in your AI coding agent→
goo.gle/4pDE6Tk
With Chrome DevTools MCP, your AI agent can run performance traces, inspect the DOM, & perform real-time debugging of your web pages.
loading . . .
0
37
24
reposted by
Mathias Bynens
Jake Archibald
12 months ago
CSS uses a complex algorithm to decide how to animate transforms. If you get it wrong, as many folks do, you end up with an unnatural animation. Here's how it works, and how to avoid the pitfalls.
jakearchibald.com/2025/animati...
loading . . .
Animating zooming using CSS: transform order is important… sometimes
How to get the right transform animation.
https://jakearchibald.com/2025/animating-zooming/
14
280
58
reposted by
Mathias Bynens
Sarah Drasner
over 1 year ago
✍️ I did an explainer on the CPU and GPU and how they coordinate tasks between them. Going to a series on rendering💥
12
329
32
reposted by
Mathias Bynens
Simon Pieters
over 1 year ago
Here's the new 2025 reset.css: h1 { margin-block: 0.67em; font-size: 2em; } Thank you for adopting this on all your sites! See
github.com/whatwg/html/...
loading . . .
Remove UA style for h1-h6 in section (et. al.) and hgroup · Issue #7867 · whatwg/html
If/when #7829 is merged, the following UA style doesn't make sense. Can it be removed? In the following CSS block, x is shorthand for the following selector: :is(article, aside, nav, section) @name...
https://github.com/whatwg/html/issues/7867
1
9
3
reposted by
Mathias Bynens
Steven Levithan
over 1 year ago
Uplevel your regex-fu with my deep dive into JS regex history on Smashing Magazine.
www.smashingmagazine.com/2024/08/hist...
Lots of new and powerful regex features you might have missed from recent versions of JavaScript!
loading . . .
Regexes Got Good: The History And Future Of Regular Expressions In JavaScript — Smashing Magazine
Although JavaScript regexes used to be underpowered compared to other modern flavors, numerous improvements in recent years mean that’s no longer true. Steven Levithan evaluates the history and presen...
https://www.smashingmagazine.com/2024/08/history-future-regular-expressions-javascript/
1
18
6
Re: Opera bug: For more coolness, play around with the size of the tab bar:
https://imageshack.com/
/re @mathias /cc @vasilis @brucel
over 16 years ago
0
2
0
@Heilemann Blank page with 500 Internal Server Error == syntax error. Which editor are you using? Some of them have built-in syntax checking
over 16 years ago
0
0
0
@rem …make sure the *end user* gets the best experience possible. If bytes can be omitted without affecting performance, do it. /re @mathias
over 16 years ago
0
0
0
@rem Re: remove comment info — Yeah, good point. Using
rem.im
to shorten the URL would save some extra bytes ;) /re @mathias
over 16 years ago
0
0
0
Looks like @jdalton made a shorter version of @rem’s HTML5 enabling shim/shiv:
https://gist.github.com/296128
41 characters less, yay!
over 16 years ago
0
0
0
Photoshoot effect using jQuery and CSS:
https://demo.tutorialzine.com/2010/02/photo-shoot-css-jquery/demo.html
over 16 years ago
0
0
0
Oh wow — Google uses a proprietary algorithm to determine which businesses are hidden from Maps results.
http://to./iw2
/via @netlash
over 16 years ago
1
0
0
How to test your JavaScript code with QUnit:
https://code.tutsplus.com/how-to-test-your-javascript-code-with-qunit--net-9077t
over 16 years ago
0
0
0
@roy <div id="content"> → <section> <div id="sidebar"> → <aside> <div class="blog-post"> → <article> /re @mathias
over 16 years ago
0
0
1
@roy “…to use elements of the appropriate rank for the section’s nesting level.” Another good read:
http://is.gd/7FSrC
/re @mathias
over 16 years ago
0
0
0
@roy …no harm is done, right? /re @mathias
over 16 years ago
0
0
0
@jamespadolsey Do yourself a favor, and stop using the Twitter web interface. Get a Twitter client!
over 16 years ago
0
0
0
@roelvangils “Wij adviseren niet om bezoekers met Internet Explorer 6 te weren. […]” /cc @vasilis /re @mathias
over 16 years ago
0
0
0
Worst URL shortener ever:
https://www.godaddy.com/forsale/nig.gr?utm_source=TDFS_BINNS2&utm_medium=parkedpages&utm_campaign=x_corp_tdfs-binns2_base&traffic_type=TDFS_BINNS2&traffic_id=binns2&
over 16 years ago
0
0
0
An HTML5 offline image editor and uploader application:
http://demos.hacks.mozilla.org/openweb/imageUploader/
over 16 years ago
0
0
0
‘Life Below 600px’:
http://iampaddy.com/lifebelow600/
/by @paddydonnelly
over 16 years ago
0
0
0
In LOTR3, when Theoden (→ interwebs) is dying, the Witch King (→ Steve) says to his steed (→ iPad), “Feast on his flesh (→ Flash)”. Om nom^3
over 16 years ago
0
0
0
Quickly look up jQuery method sources using the jQuery Source Viewer:
https://j11y.io/jquery/
/by @jamespadolsey
over 16 years ago
0
0
0
View anyone’s Facebook friends list (hidden or not) based on user ID:
https://mathiasbynens.be/demo/facebook-friends
#privacy
#fail
over 16 years ago
0
0
0
Unless you check the ‘Public Search Results’ checkbox on Facebook, anyone could retrieve your friend list—hidden or not:
https://www.commandlinefu.com/commands/view/4726/view-facebook-friend-list-hidden-or-not-hidden
over 16 years ago
0
0
0
Just launched the new @toykyokids website/shop:
http://toykyokids.be/
Design by @geldwolf.
#html5
over 16 years ago
0
0
0
Google’s internal data suggests that Unicode is nearing 50% of the web:
https://is.gd/7la7Y
UTF-8 ftw, y’all.
over 16 years ago
0
0
0
@ara_p You can load jquery.js several times, it will just overwrite the jQuery namespace.
http://output.jsbin.com/uhawa
But why would you want to?
over 16 years ago
0
0
0
As of March 1st, Google drops support for IE6:
https://is.gd/7jVIm
/via @krijnhoetmer
over 16 years ago
0
0
0
Anyone looking for a free CeBIT 2010 ticket? I’m giving away two.
over 16 years ago
0
0
0
Forgot your Windows password? No problem.
https://i.imgur.com/utaj2.gif
over 16 years ago
0
0
0
Dynamic dummy image generator:
https://dummyimage.com/
Example:
https://dummyimage.com/640x480
/via @krijnhoetmer
over 16 years ago
0
0
0
SublimeVideo, a beautiful HTML5 video player:
https://www.jilion.com/
More info:
http://is.gd/76rRN
over 16 years ago
0
0
0
Pure CSS coke can:
http://www.romancortes.com/blog/pure-css-coke-can/
over 16 years ago
0
0
0
WTF of the day: whois
google.com
https://i.imgur.com/XMEhZ.png
over 16 years ago
0
0
0
@davidhund I assumed it was, since they store the data on Google servers and all…
#omfg
#didijustgetphised
#confused
/re @mathias
over 16 years ago
0
0
0
YouTube is about to suck:
https://i.imgur.com/MNaIu.jpg
over 16 years ago
0
0
0
WTF: “Hello Sir, Would you be interested in selling your twitter name @mathias? :) Thank you for answer. Best regards, Mathias Mikkelsen.”
over 16 years ago
0
0
0
YouTube launches an opt-in beta of an HTML5-based video player:
https://is.gd/6IQwM
over 16 years ago
0
0
0
if(!+'\v1') { alert('Chrome, Safari, Firefox and Opera rule — get one of them!'); }; /cc @codepo8
over 16 years ago
0
0
0
The new JS Bin is live:
http://jsbin.com/
over 16 years ago
0
0
0
iTunes Library Dead Files Fixer app:
http://itunes.pornel.net/
/by @pornelski
over 16 years ago
0
0
0
HTML5 Placeholder jQuery Plugin:
https://github.com/mathiasbynens/jquery-placeholder
Based on @paul_irish’s supah hawt snippet:
https://www.northyorkshirehotels.net/en/jquery14.html
over 16 years ago
0
0
0
.@Castemelijn …account could use password recovery to get the plain password sent over. Reversible or no encryption doesn’t really matter.
over 16 years ago
0
0
0
.@Castemelijn That still wouldn’t be very secure, now would it? The problem is that anyone with (temporary) access to someone else’s mail…
over 16 years ago
0
0
0
Why I don’t use a CDN for linking JavaScript libraries (yet?):
https://www.splunk.com/en_us/about-splunk/acquisitions/rigor.html
over 16 years ago
0
0
0
Load more
feeds!
log in