For today I have selected 15 fresh and useful CSS3 tutorials for your next project. CSS3 and HTML5 are the topics that you see and hear everyday and I think it is the right time to start diving into it. While there is no freedom in expressing our ideas in CSS3 prior to weak support in major browsers we want to be the first ones when it is fully supported right? Besides chasing the trends you will gain valuable experience in CSS3, HTML5 and jQuery which will help you to solve your problems in your projects.In this compilation you will find only newest CSS3 tutorials on creating amazing transition effects, slideshows, navigation menus and much more. Read More
Information has been vital component of the Internet for ages and that is the reason why people started to design websites – to access all available and needed information easily. Most of the information on the Web is text or typography and it plays very important role in website design too. Appropriate use of typography can improve overall design look so you definitely should pay some attention to this aspect of design.Today I would like to present you some nice CSS3 techniques for improving your web typography. Unfortunately these experiments won’t work on all browsers because of weak CSS3 support but it is always interesting and fun to give a try on upcoming stuff.Here are 15 unusual and beautiful CSS3 typography effect examples and explanations how to do them. Read More
In the past few years the rise of mobile devices such as iPads, iPhones and other smart phones was extremely huge and that was the reason why responsive web design started to play more and more important role in the design industry. But what is the responsive design you will ask.The idea of responsive web design, started by Ethan Marcotte, is that our websites should respond to the device that our page is shown on by adapting their layout and design to fit any device resolution. In his book “Responsive Web Design” he outlines the three parts to a responsive website: a fluid grid, fluid images and media queries.In this post I would like to share 15 useful responsive design tutorials to help you get started with responsive designing including fluid grids, fluid images and media queries. Read More
This tutorial is the second installment of how to create a minimal single page portfolio using HTML5 and CSS3, take a look at part one where I initially designed the single page portfolio concept. In this tutorial I will walk you through the basic front-end build and what resources I used to rapidly build the page. Read More
Today, I will be showing how to create a jQuery sticky sidebar script. Now, I’m sure many of you have a question: Why can’t I just use “position:fixed”?Well, you can, but then the element with that style will stay where it is relative to the top of the viewport.This means, if the element you are “fixing” in place is in the center of the page, it will stay in the center of the page as you scroll down. With this script, it will stay wherever you want it to be. Read More
Today I will show you how I created this minimal & stylish single page portfolio design in Photoshop, I will show you step by step how I use the 960 Grid System with textures, icons and fonts to build this single page portfolio. Read More
Follow this tutorial to see how I recreate the popular lomo style photography effect on a rather dull and dark photo. Photos taken with modern digital cameras lack the processing faults that older cheaper cameras would encounter when processing rolls of film. In this tutorial I will recreate some of the imperfections to create a cool lomo style photo. Read More
Following on from my Photoshop tutorial last week, How to Create a Clean and Stylish Login Form In Photoshop I will walk you through how to code the form up from the initial Photoshop concept into HTML5/CSS3, I will also use the awesomeness that is @font-face to implement the stylish Miso font. Read More
This is the first post in a two part tutorial, in this post I will walk you through how to create a clean and stylish login form in Photoshop, next week I will code the login form from the design concept into HTML/CSS3. Grab the RSS feed to catch the next post. Read More
In this tutorial I will show you how to create a clean and stylish menu using pure CSS3, no images or javascript here I’m affriad. The CSS3 menu will work in Firefox, Chrome, Opera and Safari. Notice what browser is missing…yup Internet Exploder, IE will not support this. Read More