Clik here to view.
Start Using Quotation Marks the “Correct” Way
Quotation marks, speech marks, inverted commas; whatever you call these forms of punctuation, you might well be using them incorrectly. Let’s take a quick look at what’s correct, what isn’t, and what...
View ArticleClik here to view.
Tumblr Appearance Options: Boolean Options
In this episode of Tumblr Theming 101 we’ll add some Boolean Appearance Options to our theme. This will allow users, through checkboxes, to enable or disable certain features.Boolean...
View ArticleClik here to view.
How They Did It: Typekit’s New Homepage
Typekit recently redesigned their homepage with some new services in mind. When Typekit joined Adobe, they set out to bring us a new way to handle fonts on the web. Not only did they create a fairly...
View ArticleClik here to view.
Design a Stylish Timeline Portfolio Page Using Photoshop
In this tutorial I’ll be using Photoshop CS6 to design a simple, clean, three-column portfolio page, with a trending timeline. During this process we’ll look at creating custom grids with guidelines,...
View ArticleClik here to view.
Tumblr Appearance Options: Select Elements
It’s time to add some more Appearance Options to our Tumblr theme. In this episode, we’re going to add a select element, populated with a list of Google fonts, allowing users to choose which fonts are...
View ArticleClik here to view.
Tumblr Appearance Options: Text
As it happens, our Tumblr theme doesn’t require any custom text. However, as we’re using the Tumblr base, there are already some text options included in the theme, so it’s well worth taking a look at....
View ArticleClik here to view.
Understanding Tumblr Variable Transformations
In this video we’re going to introduce a concept called Variable Transformation. This is something which Tumblr offers, allowing us to alter the data returned from any given variable. We’ll be using...
View ArticleClik here to view.
Creating Friendlier, “Conversational” Web Forms
Web forms are constantly a hot topic when it comes to web design and user interaction. The reasons for this are vast, but one of the more obvious reasons is that forms are the most basic way for a user...
View ArticleClik here to view.
Quick Tip: Spare a Thought for Vertical Break Points
I’ve seen this happen a few times recently, usually on websites with fixed navigation running down the left hand side. They’ll have lovely, fluid layouts, which stretch out on wide screens and stack up...
View ArticleClik here to view.
How They Did It: The Foundation Framework
These days, there are two approaches to developing a website front-end; start from scratch, or build upon a tried and tested framework. Today, we’ll take a little tour into the origin and the still...
View ArticleClik here to view.
Improving Our Tumblr Theme Navigation and Post Notes
We’ve reached the end of our Tumblr theming series! In this video we’re going to add some styling to our post notes and the tag page. We’ll also be adding some extra CSS which will make navigating the...
View ArticleClik here to view.
Adding a Twitter Timeline to a Tumblr Theme
Welcome to this, the first of three bonus videos in our series Tumblr Theming 101. During this lesson we’ll look at incorporating a simplified Twitter timeline into our theme; a slightly more complex...
View ArticleClik here to view.
Simple Visual Enhancements for Better Coding in Sublime Text
Sublime Text offers thousands of extensions and settings to make a personalized code editor available for everyone. Right now, I’m going to show you some settings, plugins, themes, and color schemes to...
View ArticleClik here to view.
The State of SEO in 2014
Back in December 2012, we published the first article of our SEO for Web Designers series. The fundamentals we covered still form a great basis for the optimization of a website, but because of some...
View ArticleClik here to view.
Introducing the Tumblr Static File Uploader and Theme Garden
In this bonus episode of Tumblr Theming 101, we’ll take a look at two things. Firstly, we’ll look at the static file uploader provided by Tumblr, which helps you manage any theme assets you need to...
View ArticleClik here to view.
Easier Tumblr Color Options With LESS
This really is the final video in what’s been a massive series! In this lesson we’ll see how LESS can improve our Tumblr theming workflow, specifically making color options more manageable.Tumblr and...
View ArticleClik here to view.
Tumblr Appearance Options: Text
As it happens, our Tumblr theme doesn't require any custom text. However, as we're using the Tumblr base, there are already some text options included in the theme, so it's well worth taking a look at....
View ArticleClik here to view.
Understanding Tumblr Variable Transformations
In this video we're going to introduce a concept called Variable Transformation. This is something which Tumblr offers, allowing us to alter the data returned from any given variable. We'll be using...
View ArticleClik here to view.
Creating Friendlier, “Conversational” Web Forms
Web forms are constantly a hot topic when it comes to web design and user interaction. The reasons for this are vast, but one of the more obvious reasons is that forms are the most basic way for a user...
View ArticleClik here to view.
Quick Tip: Spare a Thought for Vertical Break Points
I've seen this happen a few times recently, usually on websites with fixed navigation running down the left hand side. They'll have lovely, fluid layouts, which stretch out on wide screens and stack up...
View Article