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 Customize and Theme the jQuery UI Datepicker

jQuery UI is very user-friendly and is popular on many websites needing interactive features. In this post, we’ll explore one of its features, the D…

Effective Tips and Tools for Working with LESS

In our previous tutorial on using LESS to design a navigation bar, we explored the practical use of LESS for code compiling. This time, we’ll cover …

A Look Into: CSS3 Box-sizing

Not too long ago, when we designed a box on a webpage using a div element, we typically set both width and height to 100px, adding 10px of padding and…

How to Create a Responsive Navigation For Your Site

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

A Look Into: CSS3 :first-of-type Structural Selector

One of the aspects I find most exciting about CSS3 is the introduction of new selectors. These selectors enable precise targeting of elements without …

Understanding Pseudo-Element :before and :after

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

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 of them are truly amazing and could save our time…

A Guide to Understanding CSS Style Priorities

The Cascading Style Sheet (CSS) is one of the simplest web-related languages. Hence, many beginners starting their web development journey often begin…

CSS3 Attribute Selector: Targeting the File Type

Attribute selectors are incredibly handy for choosing elements without needing extra ids or classes. If the element you’re targeting has attributes …

How to Advanced Marquee Effect with CSS3 Animation

Today we are going to take a look at “marquee” once again. We actually have covered about it in our previous post which talked about using the -we…

Elevate Your Photos with the CSS3 Border-Image Property

HTML and CSS have always allowed us to frame our content with borders, offering styles like solid, dotted, and dashed lines. However, the introduction…

Marquee in CSS – Beginner’s Guide

Marquee was first introduced in Internet Explorer and was very popular in the ’90s before W3C ultimately decided to exclude it from the HTML standar…