CSS Container Queries: A First Look + Demo
The new native web: Bye bye animation libraries?
Talk by Ben Deitmer, as recorded at the latest Front-end Forward Meetup: Traditionally most web animations are driven purely by javascript. The now widely supported Web Animations Api has potential to drastically decrease the javascript footprint and improve performance out of the box. Ben learns you how to implement this new api but also have …
Continue reading “The new native web: Bye bye animation libraries?”
Integrate Custom Elements into Forms with ElementInternals
Over at CSS-Tricks, Caleb Williams digs into ElementInternals The ElementInternals standard is a very exciting set of features with a very unassuming name. Among the features internals adds are the ability to participate in forms and an API around accessibility controls. As you can see in the demo below his <rad-input> does exactly that. See …
Continue reading “Integrate Custom Elements into Forms with ElementInternals“
Thank God Not Everything Is Software
quicktype — Convert JSON into gorgeous, typesafe code in any language.
Generate models and serializers from JSON, schema, and GraphQL for working with data quickly & safely in any programming language. Just paste in some JSON object, choose your output language, and voila! quicktype — Convert JSON into gorgeous, typesafe code in any language →
How the Web Audio API is used for browser fingerprinting
When generating a browser identifier, we can read browser attributes directly or use attribute processing techniques first. One of the creative techniques that we’ll discuss today is audio fingerprinting. Using an Oscillator and a Compressor they can basically calculate a specific number that identifies you. Every browser we have on our testing laptops generate a …
Continue reading “How the Web Audio API is used for browser fingerprinting”
CSS Logical Properties Are the Future of the Web & i18n
Linked below is yet another article urging one to use CSS Logical Properties. What caught my eye in this one is the fact that author Daniel Yuschick reworked his personal website to use them, as shown in this video below. Impressive! CSS Logical Properties Are the Future of the Web & I18N → In case …
Continue reading “CSS Logical Properties Are the Future of the Web & i18n”
Automatically Generate Regular Expressions from User Input with grex
grex is a library as well as a command-line utility that is meant to simplify the often complicated and tedious task of creating regular expressions. It does so by automatically generating a single regular expression from user-provided test cases. The resulting expression is guaranteed to match the test cases which it was generated from. As …
Continue reading “Automatically Generate Regular Expressions from User Input with grex“
SVG Explained in 100 Seconds
Nice little video explaining SVGs and how the d attribute of paths work. The aforementioned SVG Path Visualizer might come in handy too.
Highlight columns in HTML tables with <colgroup>
Interesting find by Manuel Matuzovic: The other day I looked up colgroup on MDN […] the demo at the beginning of the page caught my attention. The author adds a class to the col element, which does nothing with the col element itself, at least not visually, because the element doesn’t get rendered on the …
Continue reading “Highlight columns in HTML tables with <colgroup>“