Tutorial
Footer CSS design made easy
Design the perfect footer with the help of CSS and Photoshop
20 May 2009
Elliot Jay Stocks shows you how to fashion a stunning footer with CSS and Photoshop
Popular tags
Browse by tag
- 3D (4)
- API (5)
- Accessibility (8)
- Ajax (3)
- Android (7)
- Browsers (2)
- CMS (3)
- CSS (87)
- CSS3 (33)
- Coders (1)
- Coding (9)
- Creativity (1)
- Design (22)
- Development (8)
- Drupal (3)
- Expression Engine (5)
- Facebook (3)
- Flash (5)
- HTML (58)
- HTML5 (31)
- Illustrator (5)
- Inspiration (2)
- JavaScript (59)
- Marketing (1)
- Mobile (21)
- Navigation (7)
- PHP (23)
- Photoshop (19)
- Progressive Enhancement (5)
- Responsive web design (19)
- Ruby on Rails (2)
- SEO (2)
- SVG (5)
- Search (1)
- Security (2)
- Silverlight (2)
- Social media (5)
- Twitter (1)
- Typography (4)
- UX (3)
- Usability (1)
- Video (3)
- WebGL (3)
- Windows Phone (1)
- Wireframes (4)
- WordPress (12)
- XML (3)
- eCommerce (4)
- iPad (6)
- iPhone (9)
- jQuery (25)
- test (1)
Sort by:
-
-
Tutorial
Integrating Knockout.js with third-party libraries
Finish the slidr app and integrate Knockout with existing frameworks
13 Mar 2012
In this tutorial we will finish off our slidr demo app, and at the same time take a look at how to integrate Knockout with existing frameworks -
Tutorial
Create a Photoshop grunge design for your site
Give your site a rough-and-ready grunge look using Photoshop
31 Mar 2008
Elliot Jay Stocks shows you how to use Photoshop to create a dark, distresssed, rough-and-ready grunge design for your website. Roll up your sleeves and prepare to get dirty -
Tutorial
Optimise your JavaScript
Speed up your sites with Joe Angus's tips for streamlining code
10 Jul 2012
Speed up your sites with these tips for slashing the time it takes to execute your code, particularly in older browsers, provided by Joe Angus from We Love -
Tutorial
Create super-efficient SVG characters with localStorage
Jim Morrison explains how to paint SVG sprites using localStorage
21 Feb 2012
Jim Morrison explains how to paint SVG sprites using HTML5 localStorage as an intelligent cache, plus how to achieve the same effect in IE8 and working around the lack of native SVG support -
Tutorial
Design the perfect URL
Faruk Ates explains how to get the most from your site’s address
26 Jan 2012
Graphics, content and navigation are all well and good, but it’s important not to neglect the URL. Faruk Ates explains how to get the most from your site’s address -
Tutorial
Create a diagonal rotation with CSS transitions
Josh Miller on how to turn an unordered list into a rotating portfolio
16 Aug 2011
Web designer Josh Miller, the creative director of Paramore, shows us how to turn an unordered list into a rotating diagonal portfolio with CSS3 and jQuery, just like the one he built for joshmiller7.com -
Tutorial
Make a scalable newsletter with Fireworks
You can’t get creative with newsletters? James Parker disagrees
18 Sep 2012
There’s a preconception among designers that email clients’ lack of support for web standards means you can’t get creative with newsletters. James Parker is out to explode this theory -
Tutorial
Create Photoshop graphics with Layer Styles and Smart Objects
Andreea Nanu explains how to create buttons and players for your sites
30 Aug 2012
Discover how to use layer options and Smart Objects to create separators, media players and buttons you can use on your own site mockups. Andreea Nanu shows you how -
Tutorial
Style Twitter posts on your site with CSS3
Use CSS3 to enhance the look of a tweets list
1 Aug 2011
Lists of recent tweets tend to look a bit boring. Zoe Mickley Gillenwater, author of Stunning CSS3 (stunningcss3.com), explains how to use the new properties and selectors of CSS3 to enhance the look of a tweet list in modern browsers -
Tutorial
Integrate Google Maps and Flickr into a real-time app
Use JS, CSS and the Google Maps API to build a Flickr visualisation
2 Aug 2011
Use JavaScript, CSS and the Google Maps API to build a custom-themed, real-time Flickr visualisation like NET-A-PORTER LIVE. James Christian and web developer Ben Gannaway reveal the techniques they used -
Tutorial
Create a web icon
Alvaro Guzman shows you how to create a stunning social media icon
11 Mar 2011
A cool icon can make the difference between success and failure for your site. Bolivian web developer and graphic designer Alvaro Guzman explains how to create one -
Tutorial
JavaScript animations: the link swipe
Tantalise users with a cool rollover effect on
15 Feb 2011
Tantalise users with a cool rollover effect on links. Mike Byrne of Fudge (madebyfudge.com) explains how to build it -
Tutorial
Create a data driven Twitter avatar
Matthew Knight explains how you can build upon the genius of others
7 Aug 2012
Matthew Knight explains why you don’t need to be a genius to make simple digital toys – just build upon the genius of others and make use of Google Apps Script -
Tutorial
iPhone web design: a guide
Create iPhone-friendly web pages thanks to CSS and JavaScript
31 Jul 2009
Craig Grannell reveals how to get into iPhone web design, and tweak your existing sites to work on Apple's smartphone in the process
