Good news for WordArt lovers: WordArt is back—in CSS3 form! Apart from being good fun, it’s a good case study into the abilities of CSS3. After studying these, try and create your own CSS3 Text Effects. (more…)
Google Adsense have finally added the flexibility of responsive ad units to allow advertising to better fit in with responsive sites. At its most basic it’s as simple as inserting a piece of code into your HTML and Adsense does the rest, serving up an ad unit that best fits that space. (more…)
LayerVault has just open-sourced a library they have created to read Photoshop PSD files in Ruby. It allows you to parse the whole Photoshop document, inspect individual layers, even output a flattened image. Check out their post on tumblr for more details.
Hey troops, just starting out as a web designer / developer? We here at Design Pieces decided to scour the 2013 interwebs, searching for all the for all the key web design/development terms being bandied about. Oh, and then we wrote them down just for you! (more…)
CSS3 supports a bunch of nice new CSS features, including rounded corners, drop shadows, glows, and gradients. However, different CSS vendors will use different prefixes to standard CSS3 features while still in an ‘experimental’ stage. This means you need multiple lines to accomplish the one CSS feature, to target all the different browsers. Below is a bunch of CSS that will give you these CSS features in as many browsers as possible (yes, including older versions of IE).
Targeting IE with specific CSS, is always a awful task, however I thought I’d cover the two basic ways to do it: in HTML using conditional CSS and in stylesheets using hacks.
Conditional CSS lets you include a specific IE only stylesheet on your HTML page. It is the preferred way of having targeted IE specific CSS and is guaranteed to work with future version of IE, something that cannot be said for the hacks.
You can target:
A specific version <!--[if IE 6]>
All version below a specific version <!--[if lt IE 6]>
All versions above a specific version <!--[if gt 6]>
All version below or equal to a specific version <!--[if lte IE 6]>
All version above or equal to a specific version <!--[if gte IE 6]>
Let’s look at including a stylesheet only for IE6 in the <head> element.