Introducing the calc function

Math is a necessary (if not always welcome) tool in our programming languages. We use it constantly to make all kinds of dynamic decisions. Until recently, it wasn’t available in CSS without a pre-processor; however the introduction of the calc function to CSS3 provides a way of running Math calculations natively which increases performance and even enables mixed units. Browser support Unusually, in the case of the calc function browser support is actually pretty good: on the desktop it’s supported...
Read more

Deal of the week: Responsive Multipurpose HTML5 Template

The new year brings new opportunities, and if you’re looking to improve your site in 2014 then the first thing you need to ensure is that it’s responsive. Unfortunately responsive sites can be hard to build from scratch, which is why we’re delighted our sister-site, MightyDeals.com, has been able to arrange a huge discount on this professional HTML5 responsive template. Arctic is a massive template, with more than 20 custom pages, numerous sliders, and tons of cool tools and widgets. What’s...
Read more

Introducing Snap.svg

One of the best ways of presenting graphics online is as scaleable vector graphics. That’s because SVG can adapt to any screen size, without losing quality. The increased demand for the format has lead to the open source Snap.svg library. What is Snap.svg? Snap is a JavaScript library that aims to help web developers bring advanced SVG features to the Web. This library can load, animate or even create SVG graphics right in the browser. Snap was written by Dmitry Baranovskiy who was also the writer of...
Read more

How to create a flip effect with CSS3 transforms

Over the last couple of years CSS has evolved more than we could ever imagined. Styling and layout are now entirely in our hands, although the best thing about CSS3 in my eyes are the Transforms, particularly the 3D ones. With transforms we can move elements through a 3D world, and today I’ll demonstrate this by creating a flip effect. Browser support The browser support for 3D transforms is a little lacking, but on the whole not too bad. It’s supported by all webkit browsers using the webkit prefix,...
Read more

Deal of the week: HTML5 photo template bundle

It doesn't matter how great your photos are, if they aren't presented well, odds are that no one will ever see them. The best photographers rely on sophistacted image galleries to present their work. And now you can too, because our sister-site, MightyDeals.com, has managed to arrange a 94% discount of this bundle of amazing HTML5 image galleries. You'll be spoiled for choice by what's on offer here; not one gallery but 18 complete HTML5 galleries designed to place the focus on your shots. However you...
Read more

How to use the File Reader API

HTML5 has brought a lot of new features to HTML and whilst we all concentrate on the big advances like canvas, and audio & video, some of the simpler improvements get overlooked. This is the case with the File Reader API, which although not glamorous, is an excellent addition to our toolbox. In terms of browser support the File Reader API is supported by everything modern with the exception of Opera Mini, so you can be confident using it right now. What this new API does is read the contents of a file on...
Read more

Deal of the week: Smashing web & graphics eBook bundle

Christmas is nearly upon us, and for web designers, traditionally that means a huge slowdown in the work coming in the door. So what are you to do with all that spare time? Well, why not take advantage of this great offer from our sister-site, MightyDeals.com, and purchase this incredible set of eBooks from Smashing Magazine. Then be ready to hit the ground running in January with your new-found expert status! This brilliant value bundle includes 7 essential eBooks, covering Photoshop, Fireworks,...
Read more

Introducing touchSwipe

There are jQuery plugins for every type of interaction we have with the browser and they are much appreciated, but one thing that has been lacking when it comes to interactions is the type of interaction we have with our mobile devices. We can now create full blown mobile apps using only HTML, CSS and JavaScript but in order to make a fully functional app we need to be able to listen for the swipes and pinches of the user, and that’s where touchSwipe comes in. Using the plugin The first we need to do in order...
Read more