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.

Sort by:

Switch Display

jQuery How-to: Creating and Inserting New Element (Part 2)

In our previous post, we started a discussion on how to create and insert new elements with the jQuery (and JavaScript) Append method. We’ve learned how to create and insert new elements to the body document. In its basic form, the Append method inserts the new element as the last … Continue reading »
jQuery How-to: Creating and Inserting New Elements (Part 1)

jQuery is one of the most popular JavaScript library on the planet, which offers a lot capabilities. Using jQuery, we can easily manipulate – replace, insert, remove – elements within an HTML document and even create animation. In this post, we are going to take a look at how to … Continue reading »
UI Design: Applying CSS Based on Screen Orientation

With the introduction of CSS3 Media Queries, we are able to shift and apply CSS between different viewport or device screen sizes. We can detect the viewport width threshold, which we want the style rules to be applied to, with the min-width or max-width declaration within the Media Queries, as … Continue reading »
A Look Into: Google Web Font Effects

Over the years, we mainly style the font for the size or the color, and it was only recently that we can add text shadow with CSS3. There are times when we need more styles for more stunning fonts, but it would very complicated to create by ourselves. Replacing it … Continue reading »
Web Design: Getting Started With Chrome Developer Tools

Google Chrome is a (relatively) new kid on the block who quickly gain good market share in the browser niche, and it’s is equipped with a Handy Tool for Developers. In this post, we are going to explore it and utilize some of its features that might help you during … Continue reading »
How to Style Google Maps

Google Maps is one of the best services you can get from Google. It’s a free tool that allows you to easily embed interactive and information-rich maps on your website. However, one disadvantage that comes from using free services is that eventually they all look the same. The good news … Continue reading »
Optimizing Google Web Font

Google Web Font is one of the more popular ways for embedding custom font on a website. It is free, and there are many options to choose from in the library. In spite of being served from fast Google servers, there are still a few areas that need improvement. So, … Continue reading »
A Look Into: Cubic-bezier in CSS3 Transition

CSS3 Transition is one of the great additions in CSS3. It allows us to apply transitional changing effects to CSS rules. If you are already familiar with the syntax, you will see that we need to specify the timing function or the transition speed. There are four predefined timing functions … Continue reading »
Fresh Resources For Designers And Developers – May 2013

It’s May. Happy Labour’s Day. And it’s time for another round of fresh resources for my fellow designers and developers. This month’s compilation include some fun plugins and tools, like one for constructing responsive website with GUI, one for creating disposable avatars, and one that allow you to write CSS … Continue reading »
Web Design: A Guide to CSS3 pseudo-classes

The pseudo-classes are used to target elements without having to add extra classes, attributes or ID; that is why it is called in that way, pseudo-class. Throughout our previous posts, we have covered a few new CSS3 pseudo-classes, including :not, :before and :after, :first-of-type and we also use pseudo-classes in … Continue reading »
UI Design: Simple Ways to Add Mobile Navigation Icons

More people are surfing the Internet via mobile devices these days, thus a few things on websites need to be adjusted to fit in those smaller screen sizes. This also includes Web Navigation. The icon below, if you may, is the most popular icon to represent “mobile menu/navigation”. In this … Continue reading »
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 to create a nice effect, which previously required using a few images for it to work. In this post, we are going to create the glossy … Continue reading »
UI Design: Creating Cool OS X Flip Effect with CSS3 3D Rotation

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 time, we are going to look into transform elements in 3D space and specifically in this post, we are going to also create the … Continue reading »
UI Design: An Intro to Flexible Box

In a previous post, we have discussed that HTML elements are essentially a “box”. Traditionally, when we position those boxes, whether to the right or to the left, we use the float property. .main { float: left; } .sidebar { float: right; } There is one certain downside when we … Continue reading »

← Prev

Page 16 of 22First «...13 14 151617 18 19 20...»Last

Back to: Top | Home

hongkiat.com

Thoriq Firdaus

Sort by:

jQuery How-to: Creating and Inserting New Element (Part 2)

jQuery How-to: Creating and Inserting New Elements (Part 1)

UI Design: Applying CSS Based on Screen Orientation

A Look Into: Google Web Font Effects

Web Design: Getting Started With Chrome Developer Tools

How to Style Google Maps

Optimizing Google Web Font

A Look Into: Cubic-bezier in CSS3 Transition

Fresh Resources For Designers And Developers – May 2013

Web Design: A Guide to CSS3 pseudo-classes

UI Design: Simple Ways to Add Mobile Navigation Icons

UI Design: Glossy Buttons with CSS3 Gradient

UI Design: Creating Cool OS X Flip Effect with CSS3 3D Rotation

UI Design: An Intro to Flexible Box

Popular Now

Readers' Fav

About Us

Navigate

We're Social

Our Partners