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 (May 2013)

It’s May. Happy Labour Day. And it’s time for another round of fresh resources for my fellow designers and developers. This month’s compilation …

UI Design: How to Add Mobile Navigation Icons

With the increasing use of mobile devices for internet browsing, it’s crucial to adapt website elements for smaller screens. One such element is Web…

UI Design: Glossy Buttons with CSS3 Gradient

We have covered CSS3 gradients a few times, from linear gradient, radial gradient and repeating gradient. This time, we try to utilize these features …

Create Cool Flip Effect With CSS3 3D Rotation For UI Design

There are two types of transform available in CSS3 specification, 2D and 3D. In our previous post, we have discussed on CSS3 Transform 2D. So, this ti…

Understanding Flexbox: A Modern Approach to UI Design

In a previous post about CSS3 Box-sizing, we discussed that HTML elements are essentially “boxes”. Traditionally, when positioning these boxes to …

Collaborate On Design Projects Remotely with GoVisually

Remote collaboration via email is a pain. It takes time and choosing between Reply and Reply All is sometimes so complicated that some won’t be able…

How to Achieve Equal Column Heights Using CSS

Traditionally, websites feature a main content area and a sidebar. Often, the main content is longer than the sidebar, resulting in uneven column heig…

Using Encoded Image in CSS (background-image)

As designers, effortlessly integrating background images via CSS might seem elementary. Traditionally, we employ the background-image property, linkin…

Fresh Resources for Web Designers and Developers (April 2013)

We are already in the second quarter of the year. While some people might fool you with jokes, we will share goodness instead, especially for designer…

3 Free Web Font Services Compared

All these years, websites are restricted to typical fonts such as Arial, Georgia, Times and so on. This is due to the limitations of browsers, which a…

Sticky Position (Bar) with CSS or jQuery

The idea of ‘sticky position’ is to make elements on a website stick and remain visible. Those elements will initially be in their position, and t…

How to Create A Web-based Video Player

In our previous post, we covered a tutorial on how to create an Audio Web Player, as well as how to customize its player skin. This time we are going …