How to use Gumby components

In our last article about Gumby you saw the fundamentals of this robust framework, but we also have a lot of JavaScript components we can use via the JavaScript UI for Gumby. Today, we’ll take a look at these components. Toggles & switches ... A lot of what Gumby focuses on is minimizing the amount of JavaScript we need to write. Toggles and switches look at the gumby-trigger attribute and the element you enter as the value of this attribute will have the .active class toggled. You can use this to toggle...
read more

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
Load more