Like Carbon or Ray, but the output is an animated GIF. Beware though: the generated GIFs are HUUUUUGE. The embedded animation above originally was a 14MB GIF. Converted to an MP4, it’s only 163kB. Recoded →Recoded Source (GitHub) → Via Joan Léon
Tag Archives: link
Mozilla’s vision for the evolution of the Web
The Web is an enormous asset and Mozilla is committed to protecting it and making it better. Powerful economic and technological forces have combined to make the Web the way it is today. Making it better won’t be easy and we can’t do it alone. Mozilla’s vision for the evolution of the Web →
Using FormData And Enhancing Forms With JavaScript
Jason Knights dissects a form that’s: not a form relies entirely on JS to handle the form submission He then takes his own approach that uses an actual <form> that can be submitted, along with some extra JS sprinkled on top to prevent a full reload. By using PROPER name=”” in the markup and a …
Continue reading “Using FormData And Enhancing Forms With JavaScript”
Olympe mono
Olympe is a monospace font revived from an Olympia typewriter. The first weight, regular, is based on the original weights of the font that was on this machine, and the light weight, close to hairline actually, has been designed from scratch, with a heavy punctuation, because who doesn’t like a bit of contrast? When I …
jless — A command-line JSON viewer
jless is a command-line JSON viewer designed for reading, exploring, and searching through JSON data. Installation via Homebrew brew install jless jless — A command-line JSON viewer →jless Source (GitHub) → Related: jq – flexible command-line JSON processor
Corset — Cascading Binding Sheets
Matthew Philips made something odd-looking: a JavaScript framework that lets you add DOM bindings using a CSS-like syntax. Say your framework of choice generates this markup: <div class="counter"> <button type="button" class="increment">Increment</button> <button type="button" class="decrement" disabled>Decrement</button> <div class="result"> Count: <strong class="count">0</strong> </div> </div> Using Corset, you can then add behavior as follows: import sheet, { mount …
Inspecting Web Views in macOS
Some parts of the UI in macOS are powered by the web. Jim Nielsen shares how you can inspect these using Safari’s Web Inspector Inspecting Web Views in macOS →
A Proposal For Type Syntax in JavaScript
A very interesting Stage-0 proposal is to bring optional and erasable type syntax to JavaScript. The proposed syntax looks like this: function add(a: number, b: number) { return a + b; } The type hints wouldn’t be used by JS itself though — so you won’t get a runtime error if you pass something other …
New WebKit Features in Safari 15.4
Yesterday, Safari 15.4 got released, and it contains a ton of good stuff that we’ve seen land in the Technology Previews before. With over 70 additions to WebKit, Safari 15.4 is packed with new web technologies, updates, and fixes. We’ve assembled a huge release as part of our commitment to web developers, and the people …
Open Web Advocacy
OWA (Open Web Advocacy) is a group of software engineers from all over the world who have come together to advocate for the future of the open web by providing regulators, legislators and policy makers the intricate technical details that they need to understand the major anti-competitive issues in our industry and how to solve …