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

Deal of the week: Learn to build a flat responsive website from scratch

Whoever you are, and however you choose to work, there's one skill that's imperative for any web designer and that's knowing how to build a responsive website. Even designers who outsource their code need to understand exactly how the process works. With the steady growth of mobile and the practical realities of deploying multiple sites, any web designer that isn't building responsive websites won't be a web designer for long. So we're delighted that our sister-site, MightyDeals.com, has managed...
read more

How to employ test driven JavaScript using QUnit

Test driven development is now widely accepted as a JavaScript workflow, and it’s something we should all embrace because it saves us a great deal of time when coding. In this article I’ll introduce you to QUnit, a testing framework that will help you spot errors and bugs in your code. Why use test driven development? ... At first, this process may seem complex and tedious. Creating a test for all of your functions does take some time, but it will save you hours of debugging at the end of the project cycle....
read more

How to create a sticky sidebar

A look we’ve seen utilized on a lot of sites recently is the sticky sidebar. That’s a sidebar that scrolls normally until it reaches the top of the screen, at which point it attaches itself to top of the viewport until you scroll back up the page. It’s an interesting piece of usability because it keeps the user in contact with a particular piece of navigation (often social media buttons). So today, we’re going to have a look at building a sticky sidebar using some simple jQuery and CSS. The HTML ......
read more

Deal of the week: Learn to use WordPress in 1 hour

WordPress is a Web phenomenon. It powers a gazillion blogs and almost as many websites. As a technology, it's unique in that the learning curve isn't too steep, but there is a vast amount to learn and understand. What that means is that web designers need to understand WordPress, and almost as importantly, they need to be able to explain it to their clients. The best way to get ahead in this game, is to find the right teacher. That's why we're delighted that our sister-site, MightyDeals.com, has arranged...
read more
Load more