Tag / Tutorial

Posted by Paula Borowska on 04 Apr 2014 under Tutorials has 4032 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 12109 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 9537 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 17168 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 19 Jul 2013 under Tutorials has 23789 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 8952 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 24306 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 24 Apr 2013 under Web Development has 23592 hits and 0 comments.
Pure CSS3 Navigation Menu Generators and Tutorials

Depend on how much time you have, we have found a few pure CSS3 menu generators and also a handful of online tutorials that will teach you how to create...

Posted by Kevin Liew on 26 Feb 2013 under Tutorials has 54959 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...

Posted by Kevin Liew on 11 Feb 2013 under Tutorials has 16210 hits and 4 comments.
Create Attractive Coming Soon Template with CSS 3D and Javascript

We are going to make an attractive coming soon html template with CSS3, CSS 3D transform and jQuery. Let's go a little wild with CSS3 even though some old browsers...