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

30K Professional web designers worldwide are already using Webydo, are you?

Website builders could help 10-year-olds create websites, but they can’t really hold a candle to professionals who take this task seriously. Contrary to popular belief, 74% of new websites are still built by web designers and developers, who work hard on design and then convert it in HTML code for their clients not with the DIY tools. In most cases, these projects are based on collaboration between the two and nearly 70% of this budget is still allocated to the programmer not the designer. However,...
read more

Deal of the week: Ingimage stock images

This week's deal from our sister-site, MightyDeals.com, is an incredible 87% saving at ingimage.com. ingimage.com has a library filled to the brim with 2,000,000 premium-quality stock photos and vector images. You'll find an assortment of creative and highly usable images covering lots of categories, including nature, sports, technology, architecture, beauty, and lots more besides. All of the files are royalty-free, so you can use them for personal and commerical projects as many times as...
read more

How to create a filterable gallery with jQuery

We see filterable galleries in plenty of portfolios, they're a nice and tidy way of showing off different categories of work without forcing the user to review everything. We're going to build a filterable gallery using the data attribute that came with HTML5, this way we don't have to tie everything up with classes. If you want a better idea of what we will be creating, here's a demo. The data attribute  ... I mentioned in the introduction that in this tutorial we will be using the data attribute,...
read more
Load more