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

Nginx Rules to Harden WordPress Security

WordPress is, to this date, the most popular CMS with over 30% market share of the web. With such an amount of market share, WordPress often becomes a…

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)

The PHP ecosystem has been evolving at an impressive pace, with PHP 7.4 entering its first beta phase. This latest version brings exciting improvement…

How to Use HTML5 <picture> to Get Responsive Image

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

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)

The notification interface has become a common part of our digital interaction, both on the desktop, mobile devices, and on the Web. Specifically on t…

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, a tremendous addition in CSS3, takes the way we manipulate elements on a website to the next level. While some experiments …

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)

As we move through 2019, the web development landscape continues to evolve with exciting new tools and resources. This month’s collection features s…