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

Web Design: Drag and Drop with jQuery UI Sortable

We have covered how to give custom style to jQuery UI, starting from the UI Accordion, UI Slider and the UI Date Picker. Today we will continue our ex…

Practical Approach to Choosing Website Color Scheme

Imagine a world without colors; that world would be such a boring place, right? This applies to websites without colors. Yet, deciding colors for webs…

Working with Bootstrap Plugin: Modal Window

Bootstrap has gained a lot popularity among web designers and developers, in this site BuiltWithBootstrap you can see that there are many sites that h…

Web Design: Clipping and Masking With CSS

Masking in image editing is a method of ‘hiding’ a portion of an object based on another object. This method has long been available in Image edit…

How to Use Autocompletetype Attribute in HTML Forms

Most websites have an online form for various purposes – user registration, taking orders, ticket booking, to name a few. Yet, filling in those form…

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…

UI Design: Customize Checkboxes and Radio Buttons with CSS3

With CSS3 we can customize web presentations to be almost anything we want it to be. In this post, as the title says, we are going to customize the lo…

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 going to doing an experiment with CSS3 Animation. In our previous post, we discussed how to re-create “marquee” effect using CSS3 An…

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…