🗣 This was originally posted as a reply over at Dave’s blog. Unfortunately Disqus – the commenting system Dave uses – thinks it’s spam, so I’m posting it here as a full post instead. In his blogpost The React is “just” JavaScript Myth, Dave Rupert said this: React shows up on the scene with Babel, …
CSS Perspective Text Hover
DNS over HTTPS (DoH), a cartoon intro
I like the cartoons that have been appearing for some time now over at Mozilla Hacks, in which they explain technical things in layman’s terms. The latest article again is a good one: first it explains regular DNS (pictured above), and then continues on to DNS over HTTPS. A cartoon intro to DNS over HTTPS …
Side-channel attacking browsers through CSS3 features
Ruslan Habalov and Dario Weißer found a way to read contents from an iframe, using CSS3: Accessing the DOM of an iframe that includes a cross-origin resource is forbidden by default. However, the content of the iframe was displayed in the same context as the rest of the site so we wanted to verify if …
Continue reading “Side-channel attacking browsers through CSS3 features”
Awesome Talks
Great site developed by Sara Vieira (@NikkitaFTW): Awesome Talks is an awesome list of tech talks to watch that is constantly updated by the community and is a great way to find an interesting talk to watch during downtime. The talks are categorised, and one can submit talks themselves (if they’re on YouTube that is). …
What’s next for JavaScript? – A talk on ESNext by @bramus
I’m currently in Utrecht for Frontend United and have just finished my talk ”What’s next for JavaScript?”. Earlier this week I also gave a shortened version of this lecture at JSConf.be With ES2015 a lot has changed in JavaScript-land. Lesser known releases are the ES2016 and ES2017 releases. This talk not only touches these two …
Continue reading “What’s next for JavaScript? – A talk on ESNext by @bramus”
React Native Parallax Scroll Header with Tabs
Nice writeup on how to create a typical screen where there’s a header image that fades out and disappears as you start scrolling. Essentially, everything but the header is put into a scrollview. In order to keep elements ‘fixed’ (i.e. the tab bar), I use the transform property with a translateY that is set to …
Continue reading “React Native Parallax Scroll Header with Tabs”
Demystifying the future of CSS with sparkles of JS
At the recent JSConf.be conference here in Belgium, Ibe Vanmeenen gave a very nice talk introducing Houdini. CSS as a language is at the brink of a great revolution. Once such a closed and magical language, it will open up to you and your creativity in all it's glory. CSS will become an easy to …
Continue reading “Demystifying the future of CSS with sparkles of JS”
Particle Effects for Buttons
Unicode Patterns with <css-doodle />
<css-doodle /> is a web component for drawing patterns with CSS. The component will generate a grid of divs by the rules (plain CSS) inside it. You can easily manipulate those cells using CSS to come up with a graphic pattern or an animated graph. The limit is the limit of CSS itself. Combine <css-doodle …