To Read Articles
Bringing the circus into town: the perks of Ligh...
In 1946, residents around the Lockheed Martin factory were presented with a peculiar sight. A large circus tent standing in their parking lot. No lions, or clowns within sight, but still the tent sheltered a different kind of magic.
Semantic Web Technologies on an Example of Famil...
The software capable of logical reasoning within some knowledge domain may seem a tech marvel. However, as it can be seen below, writing such software in Python is not difficult, if one makes use of semantic web technologies.
Digitaal relanceplan moet Vlaanderen in Europese...
De Vlaamse regering lanceert dinsdag haar digitale relanceplan. De volgende drie jaar gaat meer dan 1 miljard euro naar digitalisering. De IT-organisatie van de overheid wordt omgegooid en een datanutsbedrijf moet de ontwikkeling van datatech in Vlaanderen een duw in de rug geven.
Next-generation Deploy Previews, plus Netlify ac...
About five years ago, Netlify pioneered the concept of Deploy Previews. We learned a lot from emerging best practices in large development teams and created an automated workflow where every push to Git can generate a unique preview URL.
Getting a Repeatable Build, Every Time
Vlad A. Ionescu EDIT This post used to be titled How to not use our build tool. Thanks to Reddit user musman for suggesting the current updated title In our journey to becoming better software engineers we have learned of various ways in which the team’s productivity could be improved.
My (Simple) Workflow To Design And Develop A Por...
26 min read Portfolios, Case Studies, Responsive Design, Web Design, Workflow Saved for offline reading Share on Twitter, LinkedIn I recently redesigned my own portfolio website. It was a challenging but enjoyable experience that I really learned a lot from.
Goodbye WordPress, I've Switched To Jekyll
After lots of thought and consideration, I have decided to leave my trusty WordPress site behind and switch to a Jekyll based static site. There are a number of reasons as to why I’ve decided to make the switch from WordPress to Jekyll. This isn’t something I’ve taken lightly, dear reader.
This week I've been having a play around with genetic algorithms and had a tonne of fun. Genetic algorithms are inspired by Charles Darwin's theory of evolution. The premise being the most successful individuals reproduce and pass on their genetic traits to their offspring, i.e. natural selection.
Beyond webmention.io and static site integration...
Yesterday’s “Webmentions Beyond Webmention.io” IndieWeb event (see notes) exposed a problem: many bloggers exploring the IndieWeb and Webmention world simply make use of webmention.io, a hosted solution that handles receiving mentions, enabling you to treat the whole system as a black box.
Revisiting My Ideal Feed Reader – Interdependent...
Two years ago I wrote about the features I’d like to see in an ideal feed reader. Today I’ve tried to sketch out the various components, based on the various IndieWeb protocols, and then match the features I listed previously to the component that I think should provide it.
‘Omring je als jonge ondernemer met veel slimmer...
Op zijn 18de begon Jeroen Poels met Deltaworx, een uitzendkantoor voor studenten. Op zijn 27ste noemt Forbes hem een van de beloftevolste Europese ondernemers jonger dan 30. Welke raad heeft hij voor jonge honden? ‘Je moet ballen aan je lijf hebben.’
The Memex Method
The Memex MethodWhen your commonplace book is a public databaseCory Doctorow1 day ago·9 min readI’ve been a blogger for a little more than 20 years and in that time I’ve written a little more than 20 books: novels for adults; novels for teens; short story collections; essay collections; graphic
Hexo and the IndieWeb
It is cool to publish your thoughts on your own blog under your only domain and not only on big social media platforms, because that way you keep control over your content. But what makes Facebook, Twitter and others “social” is the interaction between the people.
How to style RSS feed
"RSS is dead" every year; it will be dead in the next year again. But before the dead coming in next year, we can do something to make it dead in an elegant way. RSS feed is meant to be used by machine (apps) not by human. But people may visit a feed link directly and shout out WTF is this.
Indieweb pt2: Using Webmentions in Eleventy
In last week's post, I talked about syndicating content from a static site to Twitter. But getting content out is only half the challenge. The real value of social media (apart from the massive ad revenue and dystopian data mining) is in the reactions we get from other people.
You should be customizing your PowerShell Prompt...
I use PowerShell 7 (cross platform, open source, runs on .NET Core) as my main shell of choice at the Windows command line. I use it in the Windows Terminal and I have a pretty prompt thanks to OhMyPosh. I've also set up autocomplete in PowerShell (type something, then TAB) with git and dotnet!
Your terminal can be much, much more productive
What about drastically reduce the time spent in daily tasks on terminal? ? The prints below will have a different visual of the video above because I’ve created a VM with a (almost, I’ve changed the theme) clean install of a Fedora spin, to guarantee that nothing would be forgotten.
Top popular Zsh plugins on Github
On Github project Awesome Zsh plugins you can find 800+ links to plugins, themes and Zsh plugin managers/frameworks. Even though it is a collection of awesome stuff the number is a bit high get orientation which plugins gained already good reputation from Zsh users community.
Everything You Can Do With Windows 10’s New Bash...
Windows 10’s Anniversary Update added support for Linux environments to Windows 10 back in 2016. But don’t be deceived: this is more than just a Bash shell. It’s a full compatibility layer for running Linux applications on Windows.
Install multiple instance of same Linux Distribu...
There are lots of cases that we need a different instance of Ubuntu with the different configuration on WSL, but by default, we could install one instance of each Linux Distribution on WSL via Microsoft store. To solve this issue we must follow one of these ways:
Why You Should Use Multiple Instances of Same Li...
How to Simplify Your Development Environments in Windows 10 by using Multiple Instances of Same Linux Distribution on Windows Subsystem for Linux (WSL). Running Linux on Windows 10 via WSL is great, which allows you to fully utilize all the development and system tools available on Linux.
Autonomy Online: A Case For The IndieWeb
13 min read Community, Inspiration, Workflow Share on Twitter or LinkedIn There is an alternative to corporate bubbles online — it’s called the IndieWeb. Build your own personal websites, control your online presence, and learn on your own terms. Web 2.
Using the Chrome devtools new code coverage feat...
Useful Custom Hooks for Tired React Devs
Writing React applications can get same-y. We often find ourselves going over the same patterns of defining the same component behavior over and over, and one can start to wonder how we can make these patterns more and more DRY. React Hooks are awesome.
The Quest for the Perfect Dark Mode
Maybe the hardest / most complicated part of building this blog was adding Dark Mode. Not the live-embedded code snippets, not the unified GraphQL layer that manages and aggregates all content and data, not the custom analytics system, not the myriad bits of whimsy. Freaking Dark Mode.
Future of Coding Weekly 2021/05 Week 2
Amazon Fake Reviews Scam Exposed in Data Breach
The SafetyDetectives cybersecurity team uncovered an open ElasticSearch database exposing an organized fake reviews scam affecting Amazon. The server contained a treasure trove of direct messages between Amazon vendors and customers willing to provide fake reviews in exchange for free products.
Data Fetching with NextJS: What I learned
As I wrote in my blog post titled Learn In Public, I recently brought my attention to learning more about NextJS. Throughout my entire career as a Frontend engineer, I've solely focused on building client-side React applications without much looking at other solutions.
Interact with NFC devices on Chrome for Android
Reading and writing to NFC tags is now possible. NFC stands for Near Field Communications, a short-range wireless technology operating at 13.56 MHz that enables communication between devices at a distance less than 10 cm and a transmission rate of up to 424 kbit/s.
The Indieweb privacy challenge (Webmentions, sil...
Originally intended to showcase a privacy-centred implementation of emerging social web technologies – with the aim to present a solution not initially motivated by legal requirements, but as an example of privacy-aware interaction design – my “social backfeed” design process unveiled intri
Syntax Highlighting with Prism.js and Next.js
Prism.js is a compact, expandable syntax highlighter that was developed with modern web standards in mind. With this, all code tags are highlighted via a react hook. I also imported highlighting for Python because it's not included by default.
Next.js Note: Removing console logs on productio...
In my projects, I often use console.log to debug output or trace some behaviors. It is tremendously helpful when developing. But if I'm not careful they can spill over to production environments, which is undesirable. In my linter, I have set up some rules to warn when there are console.
6 Tips for Tailwind CSS Development (with resour...
In my previous post, I gave a myriad of reasons why Tailwind CSS is a great option for new and existing projects. When first starting out, it can be daunting to learn every utility class name and know what will fit the situation best in the present and future.
GitHub Actions: Limit workflow run or job concur...
GitHub Actions now supports a concurrency key at both the workflow and job level that will ensure that only a single run or job is in progress. There are a number of scenarios where you only want a single instance of a particular workflow or job running at any given time.
Implementing Webmention on a static website
On my first blog post, I mentioned that my first project for this website is to experiment with some technologies from the Indieweb. The technology that attracted me the most is Webmention. In this article, I will first elaborate on what are webmentions. Then, I will explain how to send them.
Export Google Fit Daily Steps to a Google Sheet
Google Fit is a great way to keep track of your daily step count without needing to carry a Fitbit or other dedicated tracker. It's not easy to get that data out though, as far as I can tell the only way is Google Takeout which is not made for automation.
Send Outgoing Webmentions
In a recent Twitch session I decided to add Webmentions to my blog, specifically in the flavour of showing "liked" from other websites (though, who am I kidding, it'll just be Twitter…). Amazingly I managed it in 90 minutes (with 3 stream crashes to boot).
Adding webmentions to my blog
I first noticed webmentions in the wild on Hidde de Vries’ blog about two years ago. Last week it finally happened, I added webmention support to my blog too! Well, partial support at least. I'm now receiving and displaying webmentions. Sending them out is a project for another day.
Peloton’s leaky API let anyone grab rider’s priv...
Halfway through my Monday afternoon workout last week, I got a message from a security researcher with a screenshot of my Peloton account data. My Peloton profile is set to private and my friend’s list is deliberately zero, so nobody can view my profile, age, city, or workout history.
A Comprehensive Guide to Load More Button and In...
In this article, we are going to look at a form of pagination that involves using a load more button and infinite scrolling when fetching more data. This method of pagination is useful in cases where referencing a page for later purposes is not needed.
Dynamic image loading with NextJS
This short blog post is to provide an example of dynamically serving content (images in this case) in NextJS. Over the last few years, Next has seen its method of static file storage change, so figuring out how to dynamically display this content can be a bit confusing.
Personal branding in the age of Google
Three interesting resumes came to the top. She googled each person's name. The first search turned up a MySpace page. There was a picture of the applicant, drinking beer from a funnel. Under hobbies, the first entry was, "binge drinking."
Design a Personal Color Palette
This process gives you a comprehensive palette with all the colors of the spectrum plus neutrals. If it seems that you’re lacking in one particular color, grab a couple of extra paint chips near the color you feel you need so you can test them.
Implementing the Indieweb on a static website
The IndieWeb is a collection of web technologies actively being worked on to share content between websites and break out from the silo’ed social design you may be familiar with. All you need to join the IndieWeb is a Website and a URL then you can get involved.
Indieweb: POSSE using Eleventy and Netlify Funct...
“POSSE”: Publish on your Own Site, Syndicate Elsewhere # POSSE is an abbreviation for Publish (on your) Own Site, Syndicate Elsewhere, the practice of posting content on your own site first, then publishing copies or sharing links to third parties (like social media silos) with original post li
How I turned our stairwell into a nightclub
Recently we transformed our attic into a bedroom for our eldest daughter. There was no door before, so we had had a closet made with a sliding door in it. As a result, the attic is divided into a bedroom on one side and a dark staircase on the other. That dark stairwell begged for lights.
Open Transclude for Networked Writing
tl;dr: If you follow this blog you’ve seen me experiment with iframe-based citations; this post is about open-sourcing that tooling. Skip to demo, implementation tutorial, and GitHub link. Knowledge tooling is happily becoming a hot topic again.