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