/CSS/ Create collapsible tables
Craig Grannell shows you a nifty technique to collapse the body area of website tables, using a combination of CSS and JavaScript
/CSS/ Integrate your images into grids
Craig Grannell looks at the difficulties of working with grid-based layouts that include images and columns – and comes up with some simple solutions
/CSS/ Enhance internal page links
Craig Grannell shows you how to use a couple of nifty CSS3 tricks to improve the usability of internal page links on your websites
/CSS/ Working with PNG
Craig Grannell delves into the underused but useful Portable Network Graphics format, showing you how it can bring flexibility and visual impact to your websites
/CSS/ Get the best out of CSS3
Craig Grannell turns into a cross between Jeffrey Zeldman and Russell Grant, taking a peek at what the future of CSS has to offer – with a little help from Opera, Safari and Firefox
/CSS/ Improve your homepage design
Craig Grannell explores successful homepages and finds out what makes them tick, from the content shown to the underlying structure and code
/CSS/ Get inspired by print design
Enabling certain aspects of magazine and print design to influence your websites can lead to a more satisfying and visually appealing result, says Craig Grannell
/CSS/ Create site maps using lists
Craig Grannell shows you how to be more creative with lists, using them to create great-looking site maps for showing to clients and helping your users
/CSS/ Switch site styles with ease
Nomensa’s Mark Napthine outlines the benefits of having a style-switcher on your website, and then provides a working example of how to create one
/CSS/ Coding flexible layouts
Craig Grannell explores how to create flexible CSS-based layouts, based on an underlying grid and gutter structure, for information-heavy sites that are packed with content
/CSS/ Scalable graphical navigation
Craig Grannell shows you how to bring a little visual flair back to your navigation bars, and ensure that everything remains flexible when text is enlarged
/CSS/ Creating scalable layouts
Craig Grannell is a master of getting around varied screen sizes and resolutions that affect how users view websites. This issue, he shows you a flexible method
/CSS/ Manage multiple browsers
Browser compatibility continues to improve, but each browser still has its quirks. Craig Grannell shows you how to target specific browsers with override style sheets
/CSS/ Work with print style sheets
Craig Grannell provides you with a quick and easy guide to taking advantage of CSS for print, enabling you to fine-tune your site’s output
/CSS/ Cater for screen resolutions
26/03/2008 | Filed under Develop > CSS
Does your site look great on all monitors, from the small to the ridiculously big? Craig Grannell shows you how to create a layout for multiple screen resolutions
/CSS/ Sort out your drawers
24/03/2008 | Filed under Develop > CSS
Craig Grannell provides you with a quick, easy and modular solution for creating website drawers, using a lean little script that’s just hundreds of bytes in size
/CSS/ Better web typography
Craig Grannell demonstrates how to take a leaf out of print typography’s handbook in order to transform your type using a baseline grid
/CSS/ Produce perfect tables
The table has been discarded by some web designers, but Craig Grannell wants to drag it back into use with strong structural markup, some natty JavaScript and CSS
/CSS/ Create scrollable page content
Craig Grannell shows you how to emulate iframes: discover how to place scrollable content within your page designs without moving away from current web standards
/CSS/ Create snippets and boilerplates
Craig Grannell shows you how to speed up your web design and hand-coding by creating template documents that can be reused on new projects
/CSS/ Making the most of links
Utilise CSS to make your website links look much more appealing, while simultaneously enhancing the usability of your site. Craig Grannell explains all...
/CSS/ Create a navigation bar
17/05/2007 | Filed under Develop > CSS
Follow Craig Grannell through the process of generating a horizontal, two-tier navigation bar that you can use as the basis for navigation on as many websites as you like
/CSS/ Create layouts with floating boxes
25/04/2007 | Filed under Develop > CSS
Based on the 2000AD Books website, Craig Grannell reveals how to generate a floating-boxes layout that’s ideal for an online portfolio. Even better, you can rework the result again and again
/CSS/ Create styled sidebar boxes
30/03/2007 | Filed under Develop > CSS
Craig Grannell shows how to position content on your website in the form of sidebars, and also demonstrates how to style up page structure, headings, paragraphs, lists and links
/CSS/ Flexible fixed layouts
02/03/2007 | Filed under Develop > CSS
Changes in screen size can be a nightmare for web developers, but it doesn’t have to be this way. Craig Grannell reveals the art of creating fixed layouts for multiple screen sizes
/CSS/ Designing simple, accessible forms
07/12/2006 | Filed under Develop > CSS
John Oxton demonstrates how it’s possible to keep forms simple in order to attract and retain clients, while also ensuring they are in keeping with your site
/CSS/ Create a simple liquid layout
John Oxton explores how to make a simple but effective liquid layout, which will work across browsers and uses absolute positioning
/CSS/ A positive attitude to development
The beginning: the best way to ensure your CSS is going to work properly is from the ground up. John Oxton sets the standard for his series on development with CSS. Are you ready to keep up?
/CSS/ From mess to CSS
04/07/2006 | Filed under Design > CSS / Develop > CSS
We show you how to bring your site bang up to date by converting your old tables-based layout to CSS...
Issue 200
Discover the past, present and future of web design, and get a free .biz domain! Find out more ...
» Fantastic subscription offers
» Buy issue 200
» Get a corporate subs
» Join us on Facebook
Quick Links
- Optimise your Flash movies
- Animation with ActionScript 3.0
- Make a looping background
- Create a Cover Flow-style menu
- View all »
- Design the perfect footer
- Design a perfect page header
- Wordpress themes for designers
- Distressing regular fonts
- View all »
- Create your own dating site (Part 3)
- Create your own dating site (Part 2)
- Create your own dating site (Part 1)
- View all »
