Clik here to view.
Bring Your Forms Up to Date With CSS3 and HTML5 Validation
Let’s look at how to create a functional form which validates users’ data, client-side. With that done, we’ll cover prettying it up using CSS, including some CSS3! November of 2011 Step 1:...
View ArticleClik here to view.
Optimizing Images for SEO
One of the easiest ways to optimize the content of a page is to focus on the images. Most pages contain images, whether they be photographs, illustrations or icons. With a few simple tweaks they can...
View ArticleClik here to view.
Quick Tip: Using Images as Fullscreen Faux-Gradient Backgrounds
In this Quick Tip I’ll show you how to create a nice looking gradient background, using any image and a couple of lines of CSS. What’s more, I’ll talk about performance and explain the...
View ArticleClik here to view.
Building Icons With a Single HTML Element
With the arrival of ultra high definition screens (think Retina) new design challenges have arisen; we need to find ways to accomodate all devices. Take displaying icons for example. We could lean on...
View ArticleClik here to view.
Helping Search Engines Handle Pagination
Pagination is found all over the web. However, as handy as it is, it can sometimes cause problems for search engines. In this article you’ll learn how to solve these problems via HTML link elements.Why...
View ArticleClik here to view.
Best of Tuts+ in December 2012
Each month, we bring together a selection of the best tutorials and articles from across the whole Tuts+ network. Whether you’d like to read the top posts from your favourite site, or would like to...
View ArticleClik here to view.
Quick Tip: Give Your Website an iOS Home Screen Icon
With more mobile web users than ever, it’s important to keep your branding strong. Let’s go one step further than the standard favicon and help your website stand out by creating icons for use on iOS...
View ArticleClik here to view.
Quick Tip: Creating an App Walkthrough in After Effects
It’s often interesting to turn your attention to a new skill or toolset and see what it offers your current workflow. Today, we’ll do just that by presenting our web projects with… Adobe After Effects....
View ArticleClik here to view.
Web Design Workshop #29: Corpora WordPress Theme
Web Design Workshop is our regular community project where we ask readers to submit their work for your friendly, constructive criticism. It’s the perfect way to learn, offer opinions and have your own...
View ArticleClik here to view.
SEO Fundamentals Quiz
So far during the SEO Fundamentals Session we’ve covered everything from robots and images, to friendly urls and structured data, but how well have you been absorbing the facts? Take a look at these 14...
View ArticleClik here to view.
The Best Way to Learn HTML
Learning a new skill is often intimidating at first; knowing where to start, who to listen to, what to ignore – it can be a difficult process to get moving. That’s what this post is for. It will help...
View ArticleClik here to view.
Responsive Navigation: Toggle Patterns – New on Premium
Welcome to the third in a Premium series which looks at responsive navigation patterns. This tutorial will walk you through three patterns where navigation is toggled on and off to conserve space at...
View ArticleClik here to view.
Jazz up a Static Webpage with Subtle Parallax
It’s been one of the biggest web design buzz words for a while now, so today we’re going to try our hand at a bit of Parallax. We’re going to put together a simple responsive layout, then with the help...
View ArticleClik here to view.
Take Control of Your Social Snippets
Social signals are becoming increasingly important in the world of SEO. Facebook shares, Tweets and Google +1s have reached such volume that they have potential to be a great measure of content...
View ArticleClik here to view.
Web Design Workshop #30: Wave Studio
Web Design Workshop is our regular community project where we ask readers to submit their work for your friendly, constructive criticism. It’s the perfect way to learn, offer opinions and have your own...
View ArticleClik here to view.
5 Reasons for Picking up Sass *Today*
“I hate the console, I don’t do Ruby and I don’t care for variables. Why in the world should I learn Sass?” Stop faffing about and listen up…1. It’s Really Easy!You already know Sass! Yes, You do.Sass...
View ArticleClik here to view.
Create a Sticky Navigation Header Using jQuery Waypoints
In this tutorial, we’ll be creating a navigation bar that stays with you as you scroll down — and we’ll also throw a gimmick or two into the mix to polish it off. March of 2012Introduction“Everybody...
View ArticleClik here to view.
The Best of Crafttuts+
We launched Crafttuts+ back in November and it’s now full of awesome tutorials! It’s definitely time to take another look at the newest member of the Tuts+ network. They’ve got a huge collection of...
View ArticleClik here to view.
The Role of Table Layouts in Responsive Web Design
Fluid layouts are the perfect way to house our content at any viewport size. Text can flow as containers grow and shrink, images and even video and iframes can flex and squish too. But what if we have...
View ArticleClik here to view.
Announcing the Mobile Bundle!
If you love building for Mobile then you’ll love the Mobile Bundle! We’ve filled it with 39 items across all of our marketplaces, and we’ve knocked down the price to $20 for 7 days only!The Mobile...
View Article