Published in Better Programming·PinnedDevice Detection in TypeScriptAn easier way to test your app’s compatibility — Amongst many aspects of web development, device detection looks quite easy. Reading User Agent provides lots of information about the context of browsing. Thanks to this informational string and appropriate Regular Expressions, you can retrieve the device kind, its operating system, and much more. Working with TypeScript implies that we…Programming6 min readProgramming6 min read
Published in Better Programming·PinnedMember-onlyAutomate Changelog Generation with GitLabLet GitLab API do the boring stuff — I’m a super fan of GitLab, and I’m sure you are if you jumped into this article. A while ago, I browsed into their API to get to know the capabilities it offers. And I discovered something that saved me a lot of time so far: Repositories API | GitLab Add changelog data to a changelog filedocs.gitlab.com In this article, you’re…Programming7 min readProgramming7 min read
PinnedUpcoming articles…As of 2022.08.30 🖊 Test Vue 3 Typescript app in one Jest Tech stack: Vue 3, Typescript, Unit Tests (Jest) Setting up Unit Tests with Jest in a Vue 3 app is not easy so far… Well, I achieved to make it work after hours of suffering. It will cover Typescript support, import.meta.env …1 min read1 min read
Published in Better Programming·PinnedMember-onlyBuilding Your Own JavaScript Circle Progress BarAnd how to include it in Angular, React, Svelte, or Vue apps — Recently, I’ve been asked to create circle progress bars. First, it was about tracking the progress of the implementation of a new design. Then, about creating a bare new component indicating completion list status. I didn’t want to give a chance to laziness and try on my own. I was…Programming6 min readProgramming6 min read
Published in Better Programming·Jun 27Member-onlySmooth Read Less/Read More Feature in VueA smooth and autonomous expandable block content — Lastly, I’ve been asked to create a basic Read Less / Read More block content. Something pretty basic, right? However, browsing the web for a Vue 3 version of it was not that successful. For something that simple, I didn’t want to use a library. …Programming4 min readProgramming4 min read
Published in Luko·Apr 22, 2021Member-onlyLazy Loading Images Made Easy in JavaScriptImprove image loading in Angular, React, or Vue.js apps with 3 lines of code — Programming4 min readProgramming4 min read
Published in Luko·Apr 16, 2021Member-onlyHow to Improve Your Dev Skills All Year Long in 2021Your developer workout for the next 365 days — Programming8 min readProgramming8 min read
Published in ITNEXT·Jan 26, 2021Member-onlyTackling iPhone or iPad Images Support In HTML5Displaying HEIF/HEIC images in Browser — Well, well, well…, as you may have guessed by reading by this title, the HEIC and HEIF files are not supported by the img markup in HTML5. The most common occasion you will encounter these extensions is Burst Photos or any other Apple image features, generating .heic or .mov files…Programming4 min readProgramming4 min read
Published in Better Programming·Dec 15, 2020Member-onlyHow to Improve Your Dev Skills All Year Long in 2021Your developer workout for the next 365 days — It’s no surprise that being developer is a matter of endless skill updates.We need to be as up to date as possible. The more we know, the more we stack experiences that’ll help us face our next issues. However, the resource we lack the most to be the best developer…Programming8 min readProgramming8 min read
Published in Better Programming·Dec 10, 2020Member-onlyLessons From My First HackathonConnecting people and knowledge — This won’t be a technical article this time. It won’t deal with good practices, cultivating a professional mindset, or pointing out tricky aspects of our web developer daily life. Here, I will talk about hackathons. For less experienced readers, a hackathon is an event in which several teams are made…Programming9 min readProgramming9 min read
