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

10 Tips to Secure Wordpress Site

If you are running a WordPress-powered website, its security should be your primary concern. In most cases, WordPress blogs are compromised because th…

How to Create Your Own Custom Grid System in Photoshop

Grid is a popular approach to building websites. It is more consistent and makes sections proportionally right. A couple of examples of CSS Grid frame…

How to Check Browser Compatibility via Command Lines

Building a website traditionally involves a variety of technologies which may work across all major browsers, some of them partially, or none at all. …

Fresh Resources for Web Designers and Developers (July 2019)

PHP development has been pretty fast in the past few years. At the time of this writing, PHP 7.4 has just entered its first beta phase. It comes with …

How to Use HTML5 <picture> to Get Responsive Image

Responsive Design may be here to stay but there are many issues that need to be addressed when it comes to making images responsive. Although responsi…

How to Setup a Staging Environment for WordPress Development

Usually we would start developing a website in a local server. Then, we upload it to a staging site, and after everything are confirmed, we push the w…

How to Add Notification for Your Website (Updated)

Notification interface has been an experience of our digital interaction, both on the desktop, mobile devices, and on the Web. Specifically on the web…

You’ve Installed WordPress – What’s Next?

You’ve heard how good WordPress is in terms of expandability, customization and you decided to give it a try. Installing a basic copy of WordPress w…

A Look Into: CSS3 2D Transformations

The Transformation module is a tremendous addition in CSS3, it takes the way we manipulate elements on a website to the next level. There are some exp…

How to Use HTML5 Fullscreen API

We have always been able to view a whole webpage in fullscreen mode. To do so, you can hit F11 key in Windows, while in OS X you can hit Shift + Comma…

Fresh Resources for Web Designers and Developers (June 2019)

It’s time again for us to share fresh resources with our fellow web developers. Our collection in this round involves multiple types of tools from s…

How to Synchronously Test Your Website on Multiple Browsers & Devices

When building a responsive website we’ll need to test it in multiple screen-sizes to make sure that the site layout is rendered properly on those va…