Deal of the week: Anodyne, 6 distressed, all-caps fonts

One of the biggest problems designers have on the Web is combatting the sterility of the screen; as human beings we love organic, natural, even slightly random elements, but our computers give us precision. If you can tap into that starved need for a real natural feel then you'll make an emotional connection your customers won't be able to resist. So we're delighted that our sister-site, MightyDeals.com, has arranged a massive discount on Yellow Design studio's Anodyne typeface. Anodyne is a set of...
read more

How to create a jQuery file uploader

File uploads are something that, as developers, we have had to do for years and getting an ajax file uploader is always a better choice than redirecting the user to an upload page or even just reloading the page; keeping the user on the same page will improve the usability of your application. Today we will be creating a simple ajax file uploader with drag and drop support. The plugin ... In this example I will be using the jQuery Upload File Plugin because it’s a simple to use and robust plugin that will get...
read more

Introducing your new favorite framework: Gumby

As web developers, it’s usual to have a favorite framework that we use for virtually every project. There are certainly plenty to choose from. Today I’d like to try and persuade you to switch to one of mine. Gumby is a flexible framework developed with Sass that comes with a whole bunch of extensions and JavaScript helpers. It’s been growing in popularity for some time and for good reasons. The grid ... The first thing to check out when considering a framework is the grid system being used by the framework....
read more

Deal of the week: Bootstrap 3.0. starter kit pro

Time is money in this business, but cutting corners can be costly if the quality of your code dips. What all designers and developers need is a solid framework to fast-track development and ensure that standards aren't compromised. One of the most popular frameworks is Twitter Bootstrap, but unfortunately when they were packaging it for distribution, the guys over at Twitter didn't include too many example files. If you want to get moving with Bootstrap fast, you need to check out this deal on 35 Bootstrap...
read more

How to style file input fields

One area we always have some difficulty when it comes to styling is input fields and in particular the file input. This type of input doesn't usually allow for much customization but with some JavaScript tricks we can create our own file input that matches our website's look and feel.   The HTML ... Using the default HTML element for file input we can't create much so in this article we will create our file input that will be hidden and we will create another button that with some javascript magic will...
read more

Deal of the week: 100 Premium Infographics from Ingimage

Everyone loves an infographic. Designers love putting them together. Marketers love promoting them. Clients love commisioning them. Customers like to read them. It's a wonder the Web hasn't been turned into one big infographic! But designing an infographic can be a lengthy and difficult process. Just where do you start? What style do you employ? How do you engage users with graphics whilst still leaving enough room for the facts? Happily our sister-site, MightyDeals.com, is here with a helping...
read more

Deal of the week: 1,000 images with no backgrounds

We all use stock images everyday. Whether it's a business man in a suit, or a girl riding her bike, images enhance the way our designs are perceived. But have you noticed how often, when the figure in the foreground of an image is perfect, the background is all wrong? Sure, the suited guy is perfect for your design, but the New Mexico backdrop he's standing in is useless for the Chicago-based client you're working for. The only answer is to crack open Photoshop and start masking the image. Even then, after...
read more

Introducing Gulp.js

If you use a task runner in your workflow you’ll know why they are so useful in coding; they improve our workflow and allow us to focus on problem solving rather than repetitive data entry. Gulp is one such application and it has a lot of benefits to it. There’s a really simple syntax, no messy JavaScript files, a simple API and a wide variety of plugins. Installing Gulp ... As you’ll suspect if you’ve used a utility like this before, you need to have NodeJS and npm installed on your system, once you...
read more
Load more