Posts within category Front-End Development
-
2018 May
Fun with Browser APIs: Speech Synthesis
In this article I’ll show you how to use the Speech Synthesis API, that enables the browser to “speak” plain text. Continue reading
-
2018 Mar
Fun with Browser APIs: Speech Recognition
With just a few lines we can write an app that translates speech into text, all thanks to the Speech Recognition API. Continue reading
-
2018 Feb
Fun with Browser APIs: Shape Detection
In this article I am going to talk about Shape Detection API, a feature enables detection of faces, barcodes and text. Continue reading
-
2018 Jan
Fun with Browser APIs: Media Stream Image Capture
MediaStream combined with Image Capture gives you full control of the camera feeds of a device, with very little code. Continue reading
-
2018 Jan
Accessibility Tests with Pa11y & Node
In this article I’m going to show you how to automate your accessibility testing with just a little amount of JavaScript and a great library called Pa11y. Continue reading
-
2016 Dec
Progressive Web Apps
In the past couple of months I’ve been reading quite a lot about Progressive Web Apps . The term is getting very popular especially due to Google’s effort and investment in this concept. In this article I give a brief description and point out where to start. Continue reading
-
2016 Jun
What’s the deal with renaming files in Git?
If you try renaming a file in your project, you might notice a weird behaviour when checking its status. Find out why and how to avoid it. Continue reading
-
2016 Mar
Aggregating Google Analytics Browser Statistics with r2d2
I wrote a Node.js application to aggregate data from Google Analytics and output it in a more organised manner. Continue reading
-
2015 Oct
Workflow: From Design to the Browser
What is the best way to code a design piece to the browser? Lately, I’ve been questioning myself if the process I use is the proper one or if there are better alternatives. Continue reading
-
2015 Aug
Baseliner: My First Chrome Extension
I’ve build a small tool a while ago to help me align elements on a page and keep the baseline consistent. It adds a customisable horizontal grid layer on top of any site whilst keeping the background content usable. Continue reading
-
2012 Aug
Vertically Centering Images with HTML & CSS
Here is a quick trick whenever you need to vertically centre an image (or paragraph, or any other element) inside its parent container: treat them like tables. Continue reading
-
2012 Jul
What Is Media Queries And How To Use Them
Media Queries enables us to apply different styles to different devices, with just a couple lines of code. Embrace the world of responsive web design. Continue reading
-
2012 May
HTML5 & CSS3 Curriculum Vitae (Résumé) Template
Tired of my old PDF CV, I decided to create one based purely on html5 and css3. It’s easier on the eye, clean and more accessible then a PDF and viewable on all devices, screens and browsers. Continue reading
-
2012 Feb
HTML5 and CSS3 Boilerplate files
My thoughts and references on boilerplate files, created to help speed up development and enhance the quality of your HTML5 projects. Continue reading
-
2012 Feb
CSS Only Drop Down Menu
No more javascript or hacks. Learn how to create a usable html + css only drop down menu. Continue reading
