How to use CSS3 transforms

CSS has developed exponentially in a relatively short time. From a language that began with simple style choices, we’ve developed a sophisticated way of laying out content. CSS3 has tons of amazing features, and one of the key aspects is the ability to modify an element using CSS Transforms.   Browser support ... Browser support for transforms is actually fairly extensive; 2D transforms are supported by all major browsers, including IE9 and above; 3D transforms are supported by all modern...
read more

How to create your first jQuery plugin, part 2

In the first part of this tutorial we created a very simple jQuery plugin, but the main problem with what we created was that the user didn't have any control over how the tooltip would appear, and in this second part we will create the necessary code to allow the user to change the defaults and replace them with their styles.   Creating our options ... The first thing we need to do to allow the user to pass their own styles when calling the plugin is change the code we use to name the plugin, our code was: $.fn.tooltipMe...
read more

How to create your first jQuery plugin, part 1

Creating your first jQuery plugin means that you’re no longer a beginner. You can now create something that you can use over and over again, or even package and sell to other developers. It may seem hard, but in reality creating a jQuery plugin is actually a simple process. In this article I’ll show you how simple by creating a simple tooltip plugin.   The markup ... Any jQuery plugin requires some kind of markup and in our case all the plugin will need to be able to run properly is an anchor tag that...
read more

Deal of the week: John Forsythe’s 2014 Photoshop text effects collection

If you’re looking to jazz up your text, then what you need is John Forsythe’s huge text effect bundle. Our sister-site MightyDeals.com has run discounts for John Forsythe’s actions before, and they’ve been hugely popular; but if you’re one of the happy purchasers of a previous collection, never fear, because these are all new effects! This collection of over 3100 brand new text effects for Photoshop, features a vast array of styles that you can apply to text, with a couple of clicks....
read more

7 simple ways to optimize your website

We’re creating more and more demanding websites, with more and more assets. Now more than ever we need to make our sites blazing fast on desktop and on mobile. Fortunately there are some simple steps that we can take to achieve this… 1) Optimize images ... This may seem obvious, but it’s surprising how many people fail to optimize their images. What’s more, there’s a huge difference between using a medium sized image, and a fully optimized image. Image optimization doesn’t just reduce the...
read more

How to get started with version control

Welcome, friends, to your first lesson in version control. This article is entirely for non-expert-programmers. If you’re already an expert, this article isn't for you. Shoo. For those programmers who don’t already know it all, readable information can be hard to come by. Most of the things I've read about version control systems like Git and Subversion are written in harshly-accented programmerese. This is my attempt to simplify the concept in plain English for those of us who are just getting...
read more

How to code object orientated CSS

It sounds really impossible that a language like CSS can be object oriented but it is possible to implement OOP ideas in CSS to make it into a much more pleasant writing experience whilst along the way making your CSS faster to load. What is object-oriented CSS? ... When you hear “object oriented CSS” you may think that this is somehow a new CSS, a pre-processor or something that was added to CSS but no, object-oriented CSS is the same CSS we have always written; but in a cleaner, dryer way so it's merely...
read more

Deal of the week: Complete Uni Sans font family

All designers love a strong sans-serif typeface, but most of us also love originality; so where to turn with Open Sans, Roboto, and Proxima Nova flooding the Web? Well, how about the outstanding Uni Sans? With its strong outline, geometric regularity, and simple forms we think it’s a winner. So we’re delighted that our sister-site, MightyDeals.com, has managed to arrange a staggering 89% discount on this must-have font family. Uni Sans is a no-nonsense answer to minimalist designs everywhere....
read more
Load more