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 The...
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

How to use Handlebars

Nowadays websites rely more and more on JavaScript to create dynamic interfaces, for some sites you may only need something like jQuery that works wonders when it comes to DOM manipulation but other times a template system may be more suitable, especially if your page will be constantly updating its data. Handlebars helps you with that by dynamically generating your HTML. It helps you get into using the View/Controller pattern while keeping your code cleaner and more maintainable. Using Handlebars...
Read more

Deal of the week: The Design Kickstarter Bundle

Every designer's toolbox needs a few new goodies every now and then, to keep it up to date. Selecting the right tools, be they brushes, vector art or Photoshop actions is a key design skill that can mean the difference between delivering quality work and missing your deadlines altogether. To help you keep your toolbox topped up, our sister-site, MightyDeals.com, has managed to arrange a sensational deal on a huge bundle of designer goodies: MightyDeals is offering Matt Borchert's Design Kickstarter...
Read more

How to use the Instagram API

Instagram is widely used, with literally millions of people constantly uploading pictures. It makes sense, with such a large user base, to create an API. Today we’ll be looking into how to use it. Authentication The first thing you need to do is to register as a developer with Instagram. You’ll need to register your application name, a description, your website and a redirect URL. After you’ve done this you’ll receive your Client ID and Client Secret, but this is where it gets a little tricky;...
Read more

Deal of the week: Massive discounts on stock photos

Stock imagery is one of the toughest things to get right on a website. Hunting for the right image can be time-consuming, frustrating, and all too often fruitless. The key to getting it right is having access to the widest pool of stock images possible. That's why we're delighted to announce that our sister-site, MightyDeals.com, has managed to bring back one of its most popular deals ever, on the fantastic stock images from Depositphotos. Depositphotos has one of the largest libraries on the web, more...
Read more

Introducing the Speech Synthesis API

In the last couple of months we’ve seen API after API being released, many of which make life easier. Today we’re going to focus on the Speech Synthesis API, which uses system libraries to speak, whatever you want, making the Web considerably more accessible. Browser support This API is fairly new, so not widely supported. Currently only Chrome Canary and Safari support it. (Safari supports it on desktop and mobile.) So, we can play with the API, but it’s not production ready unless we have a good...
Read more

Introducing viewport units

With the introduction of CSS3 we’ve seen huge advancements in web technology, and the last few years have felt like golden ones for anyone working on the Web. One great addition that hasn’t been talked up enough is viewport units. They’re anew kind of CSS3 unit that allow you to size elements relative to the viewport. Browser support The browser support for viewport units is surprisingly good. There’s full support in all the latest desktop browsers. IE has had full support since IE9 (although...
Read more