Archive for april, 2012

april 30th, 2012 - 19:59 § in Webdesign

Transforming Elements in 3D Using CSS3

With CSS3, you can apply animated effects on Web page elements in 3D as well as 2D. In this tutorial we will go through the basics of rotating in 3 dimensions and will combine these transforms with the scale and translate transforms for more complex results. We will also add a basic level of interac[...]

april 30th, 2012 - 19:59 § in Webdesign

BEM: The Block, Element, Modifier Approach To Decoupling HTML And CSS

For the last couple of months I’ve been talking a lot about giving our css best practices a refresh and along the way have looked at approaches such as OOCSS, SMACSS, and DRY CSS. They all have some common underlying principles, one of which is the separation of structure and presentation. We’ve[...]

april 30th, 2012 - 19:59 § in Webdesign

15 great HTML5 and CSS3 generators

HTML5 and CSS3 are great languages to start off learning with, and I’ve always thought that one of the best ways to start learning is to just dive in and manipulate the code. As you could probably tell, this is where generators step in. They are a great way to generate some code, play with [&helli[...]

april 30th, 2012 - 19:59 § in Webdesign

Nielsen vs Clark – they’re both wrong

Jason, great points. I think you make a solid case for letting data drive decisions. I do fall in the responsive camp after nightmarish experiences both developing mobile sites, and using mobile sites. So, let me ask a couple of questions ( not challenges) about the examples you brought up: The Bank[...]

april 30th, 2012 - 19:59 § in Webdesign

Collective #9

Easybook Easybook is an application that lets you easily publish books in various electronic formats. It was designed to publish technical programming books, but it can be used for publishing novels, manuals, technical books and websites. It was released under MIT open source license, so you can use[...]

april 30th, 2012 - 13:58 § in Webdesign

20 Pure Websites with Clean White Backgrounds

20 Pure Websites with Clean White Backgrounds Whenever we start work designing a website one of the first things we always do is throw a bunch of colours and textures onto the canvas, but sometimes a design will benefit from the clean and crisp appearance of a pure white background. This showcase ro[...]

april 30th, 2012 - 13:57 § in Webdesign

The state of responsive advertising: the publishers’ perspective

Responsive web design is arguably the hottest topic in web design today, but how do you monetise responsive sites? Matthew Snyder and Etai Koren, co-founders of ResponsiveAds, present the biggest issues and come up with some solutions With the explosive growth of smartphone devices and tablets, 2010[...]

april 30th, 2012 - 13:57 § in Webdesign

Fluid CSS3 Slideshow with Parallax Effect

View demo Download source In this tutorial, we are going to create a slideshow with a parallax effect with the help of some CSS3 properties. We’ll use radio buttons and sibling combinators for controlling which slide is shown. There will be two backgrounds and the idea is to change the background [...]

april 30th, 2012 - 13:57 § in Webdesign

20 Awesome Resources for Twitter Bootstrap Lovers

Twitter Bootstrap has simply exploded in the web development community. There will always be skeptics and haters but on the whole the project has been a smashing success and can constantly be seen at the top of the Forked and Watched charts at GitHub. As a result of Bootstrap’s fame, lots of great[...]

april 30th, 2012 - 07:56 § in Webdesign

Front-Trends 2012

Last night I landed back in a cold, miserable Leeds after spending what was by far the most exciting, amazing and fun few days I’ve ever had—as a speaker at Front-Trends. Some time last year I was invited to speak at the conference, the first of its type I have ever spoken at; ‘nervous’ does[...]