Tutorials

Posted by Paula Borowska on 04 Apr 2014 under Tutorials has 3077 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 10986 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 8628 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 16940 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 43625 hits and 51 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 23424 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 8838 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 23870 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 58961 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 54248 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...