In “CSS Box Sizing Module Level 4” a new aspect-ratio CSS property is defined. Let’s take a look on how to use it …
Category Archives: Original Content
Native Aspect Ratio Boxes in CSS thanks to
Speed up build times with this little Git trick
When building applications on build pipelines like GitHub Actions, Google Cloud Build, CircleCI, etc. every second counts. Here’s this small trick I use to speed up build times: when cloning the repo from its Git source, I instruct Git to do a shallow clone of the single branch it is building. 💡 If you’re running …
Continue reading “Speed up build times with this little Git trick”
Container Queries are coming to Chromium!
HTML Forms: How (and Why) to Prevent Double Form Submissions
Show the routing tables on Mac / Linux
In a project we at vBridge are working on, we rely on a Virtual Private Network to link our connected devices, certain servers, and our webapp together. I had an issue where a specific server in the 10.55/24 range was nog being reachable. While debugging the issue — going deeper into the rabbit hole called …
Going Serverless with Google Cloud Run (JSConf.be)
Back in June I was invited to speak at JSConf.be. This year’s edition focused on DevSecOps and Security. My talk “Going Serverless with Google Cloud Run” — which I have brought forward before at Full Stack Ghent and PHP-WVL — was a perfect match for it. Cloud Run is a fully managed compute platform by …
Continue reading “Going Serverless with Google Cloud Run (JSConf.be)”
ESNext: Declarations in Conditionals (Stage-1)
An ECMAScript Language Feature that I’m looking forward to is Declarations in Conditionals. It adds the capability to declare variables inside conditional statements. Let’s take a look … ~ Setting the Scene Say you want to iterate over an array which might be tucked away inside an object. To do so, you’d most likely first …
Continue reading “ESNext: Declarations in Conditionals (Stage-1)”
Simple Image Gallery with display: grid;
and object-fit: cover;
On the Full Stack Belgium Slack channel, user @Brammm recently asked how to create a simple image gallery. Anyone have a favorite way of making an image grid with CSS? I’d like one of those “fancy” ones where no matter the aspect ratio of the image, they all have the same gap between them. While …
Continue reading “Simple Image Gallery with display: grid;
and object-fit: cover;
“
InfluxDB Flux: type conflict: int != float
In a Flux query I was writing I wanted to negate the fetched values using a map function to multiply each value by -1: map(fn: (r) => ({ _value: r._value * -1 })) To my surprise this yielded an error: type conflict: int != float Took me a few Google Search Coupons to realize the …
Continue reading “InfluxDB Flux: type conflict: int != float
“
ESNext: Proposals to look forward to (ESNEXT Conf)
Happening right now is ESNEXT Conf a fully remote conference exploring the future of JavaScript and the web. When I saw the CFP float by, it sounded like a perfect match for my talk “ESNext: Proposals to look forward to”. Thankfully the organisers – Fred and Drew from Pika – also felt that ways and …
Continue reading “ESNext: Proposals to look forward to (ESNEXT Conf)”