Simple jQuery-Free Snippets with JavaScript

You might have noticed lately there’s this whole thing with front-end developers using “pure” JavaScript (i.e JavaScript), rather than third-party libraries like jQuery.

Tweet

Understanding CSS Transitions

The CSS transition: property is actually a shorthand property used to define up to 4 different transition values.

Tweet

Vendor Prefixing CSS In JavaScript Functions

If you’re working on a page with JavaScript functions that require vendor prefixing, it can be a bit of pain having to continually repeat yourself writing all your function outputs with different vendor prefixes.

Tweet

Recreating Medium’s Parallax Blur Effect

Recently I’ve been spending a little (probably too much) time over on Medium, reading a few interesting stories throughout the day to help give me a break from day-to-day work. I’m not a huge fan of everything that’s posted (as a lot of it is over opinionated banter), so I tend to read posts that aren’t web design/development related to help give my mind a refresh.

However I am a huge fan of the website’s design, simplicity, user-experience and attention to detail. It’s a beautifully crafted website, with some really nice, simple effects.

If you’re not familiar with Medium, it’s a community contribution based blogging system, founded by Evan Williams (the co-founder of Blogger and Twitter). However, I’m not going to bore you what I think about it, as that’s not the point of this article.

Tweet

Using Quotation Marks. The “smart” way

Quotation marks, inverted commas and apostrophes may seem like a relatively basic form of punctuation. However, you might not know it, but you could well be using them incorrectly. Today let’s take a quick look at how and when to use them correctly, as well as when we shouldn’t use them.

Tweet

5 Tips To Great Portfolio Design and Presentation

Portfolio design and personal websites are probably the single most important facet of any designers’ professional online identity. So it’s no surprise that your personal website should get as much (if not more) attention than anything else you spend time on – whether that be side-projects or client work.
Reinventing yourself through your portfolio is a great place to start the long and continual journey that is personal branding. A personal website should be treated as any other design project, and for me the first thing that comes to mind is always – the target audience: Who are we designing for? Nailing this question, should be your first consideration in creating your online identity.

Tweet

Create a Simple Letterpress Effect in Photoshop

In this tutorial we will be creating a simple and sleek letterpress effect using Photoshop. Recently, I have been asked quite a few times on how to create this effect, so I decided to write a tutorial. It’s a pretty simple effect really. There are plenty of different methods to achieve the desired effect. This is by far the simplest.

Tweet

Tutorial: How to Create a 3D Text Effect in Photoshop

With recent increases in popularity of typography, text effects are becoming more prevalent than ever. 3D text effects are now quite simple to achieve, particularly in programs like Illustrator, which has built in 3D extruding functions.

Tweet

6 Tips On Self-Promotion Every Designer Should Know

As a professional designer, you should have a dynamic set of skills and abilities, enabling you to carry out a variety of jobs and projects. But one of the most important of them, is far too often overlooked and that’s self-promotion.

Tweet

Tutorial: Create An Origami Style Logo in Photoshop

Origami style designs are a great skill to use for a number of tasks, such as logos, typography and even poster design. Even if you are using Adobe Illustrator, the principles of creating the effect still remain the same.

Tweet