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 …
The amazing Instagram account @caseymcperry
Pure CSS Francine – An 18th-Century Oil Painting Recreated with HTML and CSS
Handcrafted recreation of an 18th-century oil painting using just HTML and CSS. Here’s an analysis of it using the Chrome DevTools, as recorded by Paul Irish: Chrome only though: Because of the artistic nature of this project I have not concerned myself with cross-browser-compatibility, so the live preview will most likely look laughable in anything …
Continue reading “Pure CSS Francine – An 18th-Century Oil Painting Recreated with HTML and CSS”
Destructuring arrays in PHP: Practical examples
Being more focussed on JavaScript nowadays, I kinda forgot that it’s possible to destructure arrays in PHP ever since the release of PHP 7.1. Frank de Jonge provides us with some practical examples such as this simple one: // JavaScript let options = {enabled: true, compression: ‘gzip’}; let { enabled, compression } = options; console.log(enabled); …
Continue reading “Destructuring arrays in PHP: Practical examples”
What the React Native docs forgot to tell you about animations
Good article by Karen de Graaf to use along with the React Native docs on Animations Unfortunately React Native’s documentation about animations is not so great. Some things are explained rather vaguely and other things are plain missing. That’s why I wanted to give you a quick overview of the things I think need a …
Continue reading “What the React Native docs forgot to tell you about animations”