Category / Tutorials

Posted by Kevin Liew on 03 Jun 2014 under Tutorials has 7641 hits and 0 comments.
Create Animated Arrow Navigations With FlexSlider And CSS3

I love FlexSlider. It simple easy to implement and play really well with responsive layout. Apart of that, it has many options and most importantly callback API. With countless time...

Posted by Kevin Liew on 01 May 2014 under Tutorials has 13693 hits and 0 comments.
Create Attractive Animated Hover Effects Easily

Making CSS3 Animation hover effect can be really easy! Previously, I shared a CSS3 animation library called Magic Animations by miniMAC. Today, we are going to use it as the...

Posted by Paula Borowska on 04 Apr 2014 under Tutorials has 14123 hits and 0 comments.
How To Create The Float Label Pattern

Today I want to walk you through a story about the float label pattern. I can’t speak to who thought of this first, but I can say that Matt Smith...

Posted by Kevin Liew on 03 Mar 2014 under Tutorials has 22430 hits and 3 comments.
Create Different Styles of Hover Effects with CSS3 Only

This CSS3 tutorial will show you how to make simple and elegant hover effect for thumbnail image. Basically, it will show extra bit of information when you hover over the...

Posted by Paula Borowska on 19 Feb 2014 under Tutorials has 17583 hits and 4 comments.
How to Create Five Simple Hover Effects for Your Navigation Links

This is a quick tutorial about creating simple hover effects that would be best suited for links within a navigation. The reason for this is that these might be too...

Posted by Kevin Liew on 15 Aug 2013 under Tutorials has 19993 hits and 6 comments.
Recreate Google Nexus Menu

Recently I stumbled upon Codrops' tutorial regarding the recreation of Google Nexus navigation menu. That was inspiring and such a creative navigation system from Google. So, I decided to create...

Posted by Kevin Liew on 31 Jul 2013 under Tutorials has 65669 hits and 59 comments.
Create A Simple Responsive Portfolio Page with Filtering and Hover Effect

In this tutorial, I'm going to show you how to create portfolio page with filtering and also hover effect for each of your project item. We will be using a...

Posted by Kevin Liew on 19 Jul 2013 under Tutorials has 30169 hits and 1 comment.
Display Images with Shape Masking and Nifty Zoom Effect

Today we are going to show you how to mask images with shapes plus some nifty zooming animation effects. I have seen this kind of styling and effect in many...

Posted by Kevin Liew on 14 May 2013 under Tutorials has 10194 hits and 3 comments.
Create WordPress Custom Post Easily

Recently, I have accepted a project that uses WordPress as its backend, from its design I can see I will be facing a lot of technical questions such as frontend...

Posted by Paula Borowska on 07 May 2013 under Tutorials has 27144 hits and 12 comments.
Creating A Simple Responsive Navigation

Before starting to code anything, I think it is very important to know what it is you are building. Below you'll find photos of what this responsive navigation will look...