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 Create a Responsive Navigation

One of the trickiest parts to be responsified on a website is “the Navigation”, this part is really…

CSS3 Tutorial: Create A Sleek On/Off Button

Using a button is, so far, the preferred way to interact with an electronic stuff; such as the…

Understanding Pseudo-Element :before and :after

Cascading Style Sheet (CSS) is primarily intended for applying styles to the HTML markup, however in some cases…

A Look Into: CSS3 2D Transformations

The Transformation module is a tremendous addition in CSS3, it takes the way we manipulate elements on a…

Creating a Volume Controller with jQuery UI Slider

If you are a freebies hunter, chances are you have downloaded lots of PSD user interfaces (UI). Some…

Reviewing CSS Style Priority Level

The Cascading Style Sheet (CSS) is, I think, the simplest of languages compared to other web-related languages, so…

CSS3 Attribute Selector: Targeting the File Type

The attribute selectors is a really useful feature to select an element without adding superfluous id or classes.…

Creating Advanced “Marquee” with CSS3 Animation

Today we are going to take a look at “marquee” once again. We actually have covered about it…

Marquee in CSS – Beginner’s Guide

Marquee was first introduced in Internet Explorer and was very popular in the ’90s before W3C ultimately decided…

HTML5 Tutorial: How to Build a Single Product Page

In this post, we are going to work on a fictional project, creating a single product page to…

A Look into: CSS3 Negation (:NOT) Selector

CSS has some selectors that allow you to select elements in certain conditions such as :hover, :focus, :active,…

HTML5: How to Use <DETAILS> and <SUMMARY> Tags

Among several new tags that are available in HTML5, Specifications (such as: figure, figcaption, and aside), detail and…