- Hongkiat.com

Thoriq Firdaus

Graphic & web designer; having been about 2 years working as a freelance designer specializing in e-Commerce for retail industries. He also shares his enthusiast in web design at creatiface.com and can be contacted on Twitter @creatiface

Thoriq's Google+ Profile

Sort by:

Switch Display

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 website is not an easy task. I personally have been asked quite often on how to choose the right colors. If you are also wondering the … Continue reading »
A Look Into: HTML5 <article> and <section> Elements

HTML5 comes with a bunch of new elements and more will be recommended in the future. However, there are some elements that might be a little confusing in their implementation, including the following two new elements: <article> and <section>. Some most frequently asked question I found in the forums are: … Continue reading »
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 have adopted Bootstrap as the foundation of their website or webapps. In our previous post we walked through some UI Components in Bootstrap. This time, in … Continue reading »
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 editors like Photoshop. A similar method can also be done in CSS with some of its properties. View Demo But before we proceed, let’s … Continue reading »
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 forms could be a tiring and repetitive task for most users, when in fact, they are likely to input the repetitive information, such as Name, Email … Continue reading »
Web Design: How to Create A Sleek Web Audio Player

I still remember in the early 2000s when playing rich media (audio and video) online came with a lot of constraints. It’s easy to take the beginnings for granted, especially since today, we have many outlets to play audio i.e. last.fm or play video such as Youtube. In this post, … Continue reading »
Fresh Resources for 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 detect swipes and gestures as well as to enable mention input, a tool to creat your own stickman comics and a new tool … Continue reading »
Web 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 look of checkbox and radio input. These two types of input are a few form elements that are a bit tricky … Continue reading »
Creating & Styling Progress Bar With HTML5

HTML5 introduced the progress bar element, which allows us to show the progress of certain tasks, like uploads or downloads, basically anything that is in progress In this article, we will discuss how to add this element in the document, how to style it with CSS and animate the progress … Continue reading »
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 Animation. This time, we will try to create a “notification bar” with bounce effect. So, let’s get started. View Demo Getting Started Let’s create a new … Continue reading »
An Introduction to CSS3 calc() Function

In our previous posts on CSS Pre-processors, we have discussed how we can calculate length with their special functions. To tell the truth, we can also do similar things in CSS3 with the new function named calc(). In this post, we will see how to utilize this function in the … Continue reading »
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 bottom of the input. Over the years, we rely on JavaScript to create such a function. Today, we are able to do that … Continue reading »
Understanding LESS Color Functions

We have covered quite a lot about LESS, from creating a sleek navigation to tips on how to work more effectively with LESS, but we have not cover all of them just yet. In this post, we are going to look into the LESS Color Functions. Color is one of … Continue reading »
Fresh Resources for Designers and Developers – February 2013

It’s the time of the month to feature more resources and tools to help designers and developers with their jobs. In this round, we will feature a few useful resources for Mobile development, such as a plugin to group items in folder, an image gallery plugin for Mobile. We will … Continue reading »

← Prev

Page 2 of 7«123 4 5 6 7 »

Back to: Top | Home

hongkiat.com

Thoriq Firdaus

Sort by:

Practical Approach To Choosing Website Color Scheme

A Look Into: HTML5 <article> and <section> Elements

Working with Bootstrap Plugin: Modal Window

Web Design: Clipping and Masking With CSS

How to Use Autocompletetype Attribute in HTML Forms

Web Design: How to Create A Sleek Web Audio Player

Fresh Resources for Designers and Developers – March 2013

Web Design: Customize Checkboxes and Radio Buttons with CSS3

Creating & Styling Progress Bar With HTML5

How to Create Bounce Effect with CSS3 Animation

An Introduction to CSS3 calc() Function

A Look into: HTML5 Datalist

Understanding LESS Color Functions

Fresh Resources for Designers and Developers – February 2013

Popular Now

Readers' Fav

About Us

Navigate

We're Social

Our Partners