Category / Tutorials

Posted by Paula Borowska on 04 Apr 2014 under Tutorials has 3616 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 11593 hits and 2 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 9132 hits and 3 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 17044 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 44604 hits and 52 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 23608 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 8904 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 24105 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...

Posted by Kevin Liew on 19 Mar 2013 under Tutorials has 59557 hits and 161 comments.
Easiest Way to Retrieve Twitter Timeline and Hashtags (Twitter OAuth API 1.1)

Twitter terminated its old API, and all of my Twitter tutorials have stopped working! So, here is a follow up to show you how easy is it to retrieve user...

Posted by Kevin Liew on 26 Feb 2013 under Tutorials has 54598 hits and 20 comments.
Create Beautiful Hexagon Shapes With Pure CSS3

In this tutorial, we are going to make hexagon shapes that support HTML content and also background image with just CSS3. CSS3 has been an amazing revision in creating more...