Thoriq Firdaus

Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.

Latest posts

How to Build A Fully Customized WordPress Login Page

Many of you, I believe, are familiar with the WordPress login page at wp-login.php. It looks nice, and works fine. But when it comes to creating a web…

HTML5 <article> and <section> Elements

HTML5 comes with a bunch of new elements with more to be recommended in the future. However, there are some elements that might be a little confusing …

How to Upgrade PHP to Latest Version

PHP7.4 has been released with a handful of new features — like the arrow function array_map(fn (Foo $foo) => $foo->id, $foo), typed properties…

Fresh Resources for Web Designers and Developers (April 2020)

Despite the doom and gloom due to the virus (COVID-19) spread, it’s not stopping us to share fresh resources and tools with our fellow Web Developer…

How to Play Animated GIFs onClick

The Animated GIF is a popular way to visualize a design concept (here’s an example of how we did it for the post text effects created with CSS) or s…

Fresh Resources for Web Designers and Developers (March 2020)

It’s time again for us to share fresh resources with our fellow web developers. In this round, we’ve got some great new tools from big names in th…

Introduction to Utility-first CSS for Web Developer

CSS is an easy language to learn (and to implement) for creating a beautiful website. However, when it comes to implementing CSS at scale, it’s not …

Specifying Document Base URL With HTML <base> Element

Websites are built with a series of links, pointing to pages and sources like images and stylesheets. There are two ways to specify the URL that links…

A look Into: The Kit Language

Let’s say you were building prototypes for a website with HTML files. You have about 10 HTML pages or so, and these pages share some common componen…

Fresh Resources for Web Designers and Developers (February 2020)

It’s the time again for us to share resources with our fellow web developers. In this round of the series, we’ve put together a handful of interes…

An Introduction to Headless CMS

A headless CMS is a content management system (CMS) that’s separated from the front-end. In other words, it’s a CMS that provides only content thr…

Viewport Emulation with Chrome’s Device Metrics

When we are building or prototyping a responsive website, we need to give the website a test in numerous viewport sizes to check to see if the layout …