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 Auto-Compile LESS into CSS

We have discussed LESS CSS a few times in our previous posts. If you have been following our LESS post series, you should know that we have to compile…

A Beginner’s Guide to jQuery Selectors

As you may already know, CSS3 introduced a set of new selectors that allow us to select elements in the document with less HTML class addition. But, t…

Exploring WebP, The Image Format for the Web

Traditionally, JPEG and PNG have dominated web imagery. However, the advent of high-definition screens has forced web designers to rethink these forma…

Automatic Numbering with CSS Counter

We have covered a lot of cool CSS3 capabilities – from Color Gradients, Transtions, and Animation. Actually, there are also several properties in CS…

Detecting Touch Screen Capability with Modernizr

I’m fascinated by the evolution of mobile phones over the years. Today, not only are mobile phones equipped with touch screens, but they also offer …

Create Interactive HTML5 Ads with Google Web Designer

If you follow Google’s development close enough, you probably know about this but if you don’t, the giant search engine company has recently launc…

Fresh Resources for Web Designers and Developers (October 2013)

Ladies and gents, our fresh resources compilation has reached its first year! And I’m really excited for this round as we have put together some rea…

Building a Mobile Panel with jQuery Mobile

In terms of screen size, mobile devices have smaller screens than a PC monitor. When viewing webpages or apps, there are some elements that are transl…

Boost Your HTML & CSS Workflow with Emmet

As web developers, we’re constantly searching for tools to enhance our workflow and productivity. This post is dedicated to web developers who frequ…

How to Edit and Debug Code Directly in Google Chrome Workspace

It’s common to use the browser’s Developer Tools to debug and test code during website development. However, changes made in Developer Tools do no…

How to Create a Github Page for Your Project

So here is the story: you built a cool open source project and shared it to the world for free. Then, it suddenly got really popular, and as more and …

5 Ways to Optimise Your Social (Count) Buttons

Note: This post was first published on the Sep 17, 2013. Nowadays, including social sharing buttons on web pages is a popular way to boost user intera…