Introduction As a Frontend Developer, one of the most important skills that you must master is how to use the Google Developer Console to make…
How to create Light / Dark mode toggle with CSS and Javascript
Introduction As dark mode becomes one of the major trends in 2020, more and more people start to integrate dark mode into their new projects…
Reduce CSS Code with the :is Selector
Introduction In CSS, a lot of the time when we want to give children elements under the same parent the same CSS property, we will…
Drop-Shadow – Apply Shadow on Irregular Shape
Introduction If you have been working with CSS for a while, then you might have encountered scenarios where you need to apply shadow on HTML…
Masonry (Waterfall) Layout with Pure CSS
What is Masonry Layout? Masonry layout, also known as Waterfall layout, is a popular way to display images of different sizes together nowaday. Even though…
Applying CSS Animation on Text Elements
Introduction Have you ever wondered how the Neon light effect like the image above is achieved? Well before you jump to the conclusion of using…
Glassmorphism Credit Card with Pure CSS
Introduction As 2020 comes to an end, new UI trends for 2021 starts to appear and one of the coolest trends for 2021 is the…
Take SEO to the next level with JSON-LD
Introduction Ever wonder how some search results in Google may have rich media like photos or video previews while others only have title and description?…
Tools you should not miss out as a SEO master
Introduction In previous tutorials of In depth guide to SEO, we have covered the concept, the semantic meanings of HTML tags, and how to apply…
Build SEO on WordPress
Introduction In the previous tutorial of In depth guide to SEO – HTML tags that can improve your SEO, we’ve covered the different meanings and…