Mathias Bynens
@mths.be
📤 3134
📥 749
📝 366
♥ JavaScript, HTML, CSS, HTTP, performance, security, Bash, Unicode, i18n, macOS.
https://mths.be/
reposted by
Mathias Bynens
Chrome for Developers
3 days 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
32
21
reposted by
Mathias Bynens
Jake Archibald
3 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/
13
244
52
reposted by
Mathias Bynens
Sarah Drasner
8 months 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
33
reposted by
Mathias Bynens
Simon Pieters
8 months 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
11 months 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 15 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 15 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 15 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 15 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 15 years ago
0
0
0
Photoshoot effect using jQuery and CSS:
https://demo.tutorialzine.com/2010/02/photo-shoot-css-jquery/demo.html
over 15 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 15 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 15 years ago
0
0
0
@roy <div id="content"> → <section> <div id="sidebar"> → <aside> <div class="blog-post"> → <article> /re @mathias
over 15 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 15 years ago
0
0
0
@roy …no harm is done, right? /re @mathias
over 15 years ago
0
0
0
@jamespadolsey Do yourself a favor, and stop using the Twitter web interface. Get a Twitter client!
over 15 years ago
0
0
0
@roelvangils “Wij adviseren niet om bezoekers met Internet Explorer 6 te weren. […]” /cc @vasilis /re @mathias
over 15 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 15 years ago
0
0
0
An HTML5 offline image editor and uploader application:
http://demos.hacks.mozilla.org/openweb/imageUploader/
over 15 years ago
0
0
0
‘Life Below 600px’:
http://iampaddy.com/lifebelow600/
/by @paddydonnelly
over 15 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 15 years ago
0
0
0
Quickly look up jQuery method sources using the jQuery Source Viewer:
https://j11y.io/jquery/
/by @jamespadolsey
over 15 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 15 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 15 years ago
0
0
0
Just launched the new @toykyokids website/shop:
http://toykyokids.be/
Design by @geldwolf.
#html5
over 15 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 15 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 15 years ago
0
0
0
As of March 1st, Google drops support for IE6:
https://is.gd/7jVIm
/via @krijnhoetmer
over 15 years ago
0
0
0
Anyone looking for a free CeBIT 2010 ticket? I’m giving away two.
over 15 years ago
0
0
0
Forgot your Windows password? No problem.
https://i.imgur.com/utaj2.gif
over 15 years ago
0
0
0
Dynamic dummy image generator:
https://dummyimage.com/
Example:
https://dummyimage.com/640x480
/via @krijnhoetmer
over 15 years ago
0
0
0
SublimeVideo, a beautiful HTML5 video player:
https://www.jilion.com/
More info:
http://is.gd/76rRN
over 15 years ago
0
0
0
Pure CSS coke can:
http://www.romancortes.com/blog/pure-css-coke-can/
over 15 years ago
0
0
0
WTF of the day: whois
google.com
https://i.imgur.com/XMEhZ.png
over 15 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 15 years ago
0
0
0
YouTube is about to suck:
https://i.imgur.com/MNaIu.jpg
over 15 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 15 years ago
0
0
0
YouTube launches an opt-in beta of an HTML5-based video player:
https://is.gd/6IQwM
over 15 years ago
0
0
0
if(!+'\v1') { alert('Chrome, Safari, Firefox and Opera rule — get one of them!'); }; /cc @codepo8
over 15 years ago
0
0
0
The new JS Bin is live:
http://jsbin.com/
over 15 years ago
0
0
0
iTunes Library Dead Files Fixer app:
http://itunes.pornel.net/
/by @pornelski
over 15 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 15 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 15 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 15 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 15 years ago
0
0
0
Security WTF:
https://imageshack.com/
over 15 years ago
1
0
0
@ara_p Also, stop replacing GPS → God, especially in text messages like “GPS will lead the way”. Thank you.
over 15 years ago
0
0
0
HTML WTF of the day: the EM element can be nested.
http://www.fiveminuteargument.com/blog/much-more-emphasis
/via @davidhund
over 15 years ago
0
0
0
How to crash IE8 on WinXP:
https://www.reddit.com/r/programming/comments/aqtvx/microsoft_blatantly_hung_up_on_us_so_this_is_how/?rdt=53782
over 15 years ago
0
0
0
Load more
feeds!
log in