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

Fresh Resources for Web Designers and Developers (March 2013)

It’s that time of the month again to share awesome tools and resources fit for designers and developers. This round we got plugins to help your site…

Enhance Checkbox and Radio Button Design Using CSS3

With CSS3, we can customize web presentations to be almost anything we want them to be. In this post, we’ll explore how to personalize the appearanc…

Creating & Styling Progress Bar With HTML5

HTML5 brought us the progress bar element, making it easier to visually represent the completion status of tasks like uploads or downloads. This guide…

How to Create Bounce Effect with CSS3 Animation

Today, we are experimenting with CSS3 Animation. Previously, we explored how to create a “marquee” effect using CSS3 Animation. Now, we’re going…

An Introduction to CSS3 calc() Function

In our previous posts on CSS Pre-processors, we discussed how to calculate lengths with their special functions. Interestingly, CSS3 offers a similar …

A Look into: HTML5 Datalist

You probably have experienced this kind of response somewhere on the Web: when you are typing in an input form, a list of suggestions appears at the b…

Mastering LESS Color Functions for Web Design

LESS is a powerful tool for web designers. We’ve previously discussed various aspects of LESS, from designing sleek navigation bars to efficiently w…

Fresh Resources for Web Designers and Developers (February 2013)

It’s the time of the month to feature more resources and tools to help designers and developers with their jobs. In this round, we will feature a fe…

Getting Started with Modernizr JavaScript Library

Modernizr is a JavaScript Library used by many popular websites including Twitter, USMagazine, Good.is, About.com, etc. In one of our previous posts, …

Getting Started with Twitter Bootstrap

Building a website from the ground up is very hard. Even some people who are able to code in web languages like JavaScript, HTML and CSS would find di…

Optimize Your jQuery UI Accordion with Custom Themes

In this tutorial, we’ll walk you through the process of creating a custom theme for the jQuery UI Accordion. We’ll leverage various CSS techniques…

A Simple Guide to Using CSS3 Multiple Backgrounds

Adding a background image with CSS is nothing new; this feature has been available since the beginning. However, we were limited to adding only one im…