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

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…

Create a Single Product Page with HTML5

In this tutorial, we’ll develop a single product page, using modern HTML5 techniques. We’ll incorporate methods previously discussed, including th…

Understanding the CSS3 :not Selector

series_html5css3] :hover, :focus, and :active are just a few of the selectors CSS offers to target elements under specific conditions. However, today…

How to Use <DETAILS> and <SUMMARY> HTML Tags

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

How to Organize Photoshop Files Better (5 Tips)

Photoshop is a really powerful tool to draw any digital presentation that we could possibly imagine. Some of us might have familiarized ourselves with…