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

Creating a Stitched Effect Using CSS

There are many visual effect possibilities we can achieve with CSS; the limit is only our creativity and imagination. This time, as the title suggests…

Quickly Fix Grunt ‘Command Not Found’ Error in Terminal

In one of our previous post we have discussed how to build customized jQuery. In the process, we used Grunt to perform the task, for testing, compilin…

7 Tips To Better Mobile-Optimized Websites

More and more people get online through their smartphone and tablet these days. So, it is important that we as designers and developers address how ou…

Fresh Resources for Web Designers and Developers (September 2013)

Four months to go before we revisit another round of new year resolutions. In the meantime, let’s see what is in store for September’s round-up of…

A Look Into: Using CSS Variables

Variables finally come to CSS. Yes, the CSS that we use everyday for styling webpages. We have disccused several times on using variables with CSS Pre…

How to Serve True Responsive Images (5 Methods)

Ethan Marcott, the one who coined the term Responsive Web Design, stated in his article that Fluid Image is one of the ingredients of Responsive Web D…

Detect Browser CSS Support With @supports Rule

Since browsers have their own decision of what features to include, we web developers frequently have to identify if the browser supports particular f…

Effortlessly Create Long Shadow Effects with Generator

If you have data in multiple cloud storage accounts, managing it becomes difficult. You have to switch between apps and ensure there is no data duplic…

Beginner’s Guide to WordPress Multisite with MAMP

According to BuiltWith.com, WordPress is the most popular publishing platform with more than 8 million website using it as their Content Management Sy…

How to Edit CSS Dotted Outline

By default, when an anchor tag element is in active or focus state, a dotted line appears around it, as shown in the image below. This outline is used…

Convert CSS to PSD with CSS Hat

Converting your Photoshop layers into web elements can be a daunting task. Especially when you’re trying to turn Photoshop layer effects into CSS, y…

Enabling Infinite Scroll for WordPress Theme [WordPress Tip]

In the Web, Infinite Scroll refers to the concept of loading the next content continuously as the users scrolling down the page. So long as there is s…