Rachel Andrew: An increasingly common question — now that people are using CSS Grid Layout in production — seems to be “What are the best practices?” The short answer to this question is to use the layout method as defined in the specification. The particular parts of the spec you choose to use, and indeed …
Tag Archives: link
ngrok – Public URLs for exposing your local web server
To make a local server available to the outside world you could use a service like xip.io. Only problem is that xip.io doesn’t play that nice with firewalls and stuff like that. Recently I used ngrok to solve just that. When started the app creates a tunnel to the ngrok servers, and makes your local …
Continue reading “ngrok – Public URLs for exposing your local web server”
Let’s play with Chrome’s Face Detection API
Recently Wes Bos sent out this tweet: 😮 Did you know Chrome has a FaceDetector API? — Wes Bos 🔥 (@wesbos) March 20, 2018 Sparked by that tweet, João Miguel Cunha set out to play with it. The code itself is pretty simple: create an instance of FaceDetector and call .detect() on it. That promise …
Continue reading “Let’s play with Chrome’s Face Detection API”
Scroll to the future – CSS and JavaScript features that make navigating around a single page smooth, beautiful and less resource-hungry.
Very in-depth article on Evil Martians’ team blog on scrolling: We have scrolled to the bottom of modern web specifications to take you on a whirlwind tour of latest CSS and JavaScript features that make navigating around a single page smooth, beautiful and less resource-hungry. Subjects tackled are styling of scrollbars, position: sticky, IntersectionObserver, Smooth …
The dots do matter: how to scam a Gmail user
Recently James Fisher received an email from Netflix asking him to update his credit card information. “Odd,” I thought, “but OK, I’ll check.” The email is genuinely from netflix.com, so I clicked the link. It logged me in and took me to an “Update your credit or debit card” page, which is genuinely hosted on …
Continue reading “The dots do matter: how to scam a Gmail user”
FontCode – Putting hidden messages in text snippets by adjusting individual glyphs
Provided a text document with specific fonts, our method embeds user-specified information in the text by perturbing the glyphs of text characters while preserving the text content. We devise an algorithm to choose unobtrusive yet machine-recognizable glyph perturbations, leveraging a recently developed generative model that alters the glyphs of each character continuously on a font …
React v16.3.0: New Lifecycle Events and Context API
React 16.3.0 just got released. Next to being able to forward refs and some changes to the lifecycle events it also sports a new Context API which I’ve written about before. Even though the introductory blogpost over at the React blog is very detailed, the video below – covering the new Context API – forms …
Continue reading “React v16.3.0: New Lifecycle Events and Context API”
Instagram Terminal Feed
Forget about that Instagram for Windows 95, and go for the real deal: Instagram on the CLI: Sometimes checking your instagram during work is kind of strange, so why not check your instagram inside your terminal? OK… I know checking this during work is still strange… 😑 To be honest, I did this just for …
Video Music – Make music by flashing colored items in front of your webcam
How CSS’s display: contents; works
You might know that display: contents; does what it states it does: it only shows an element’s contents, just as if you were to remove the opening and closing tag. But what about the element’s attributes? What about the bound JavaScript events? What about … ? Ire Aderinokun digs deeper. How display: contents; works →