Search for ‘CSS layout’

There are 45 entries matching ‛CSS layout’:


  • Back into type

    The Z-man pointed us to webactivism.org today. And a fine blog it is too with some great typographical postings, particularly on the value of Arial and Bringhurst. And this coincides nicely with the latest Cre@teOnline magazine which has an errant focus on typography. I shall…

  • Variable fixed width layout

    There’s a different approach to web page layout which is gradually getting some traction. The idea is that the layout is changed to best accommodate the window size.

  • More on multi-column layouts

    Since Firefox 1.5 shipped with a partial implementation of the proposed CSS3 Multi-column layout module, it’s received a fair bit of attention…

  • Multimap redesign

    I’ve been somewhat quiet of late, which as usual means busy, busy, busy. And without further ado, the fruits of my labour can be found at Multimap.com – a complete rebuild using Web standards, semantic HTML and CSS layout.

  • More on fixed widths

    Fixed versus liquid design is an emotive debate. Liquid layout seems more intuitive, appropriate and elegant but is not without issues. However many concerns can be addressed with little or no compromise.

  • Form layout

    Semantically speaking, should we be using tables to lay out forms, or should we be using some other mark-up combined with CSS? There arguments for both, but I reckon the most flexible answer is hidden in HTML 2.

  • Firefox 1.5 is go

    Firefox 1.5 is now a fully fledged release and it’s well worth a look, especially if you’re a web developer.

  • New MySQL.com

    Anyone care to deconstruct the redesign of MySQL.com? Here?s a few starters.

  • Minimum width

    A recent thread on css-d addressed the issue of assigning a minimum width to a box, for instance one might want to set a box width to be 60% (in a nice liquid layout) but want to stop it being less than 400px wide. The CSS2 min-width property springs to mind as a solution, but…

  • Mozilla 1.1

    Mozilla 1.1 is now out with some lovely new icons. It also claims to have improved application and layout performance, stability, CSS, DOM and HTML standards support. Official news on the forthcoming all-new Opera 7.

  • Pixelsurgeon cured

    So taken was I with Pixelsurgeon’s invalid plight (as mentioned in the previous post) that I decided to rebuild the interview page using meaningful XHTML and CSS for all layout and presentation. The markup now validates to XHTML 1.0 and is much more useful, employing…

  • CSS & Accessibility

    Here’s something that’s been playing on my mind recently. What role can CSS alone play in making websites accessible?

  • Remix results

    Entries for the WThRemix competition are in. Many of the entries stuck quite closely with the current W3C feel, but a few pushed the boat out a bit (as I believe was the idea of the contest). In no particular order, my favourites came from Ben Darlow, Rene Grassegger, Tom…

  • Real life savings through Web standards

    Following on from Doug Bowman’s recent article on potential bandwidth savings for Microsoft, in which he recounts using CSS to rebuild Microsoft’s home page, I’d like to restate here the points I made in my Ten Questions interview with the Web Standards Group.…

  • A new design

    I’ve finally got around to redesigning clagnut.com.

  • Skills swapped

    Last night, I enjoyed the SkillSwap presentation by Jeremy on ‘CSS based design’. There was a full house, with folks representing disciplines from techie to Flash, and I reckon everyone took away a lot from the talk. Interestingly, a good deal of time was spent…

  • old skool

    Frames and nested tables bemoan their demise: “NESTED TABLE: is there a place for us, for us maligned remnants of earlier html? We who are cast off by maturing web designers like the velveteen rabbit?” And a fine explanation of the correct use of quotation marks.…

  • All I’m offering is the truth

    Jeremy Keith has published his excellent SkillSwap talk on CSS Based Design. Its real selling point is that Jeremy advocates and demonstrates how starting out with meaningful mark-up will help along your CSS. And he even manages to ape the Matrix along the way.

  • Far Heath Studios

    It is with great pleasure I introduce the new website for Far Heath Studios.

  • Jamie Oliver is Cool

    Love him or hate him, I thought I’d mention our very own Jamie Oliver in response to Dan’s post about American TV chef, Alton Brown. The Essex geezer has been blogging in a manner of speaking for a few years, but recently got himself a brand new site which looks…

  • Sitemaps

    I’ve never been a big fan of sitemaps on Web sites, perhaps because I’ve too often seen them done badly. A recent Boxes & Arrows article explains how to do them properly.

  • MX 2004 seminar

    Notes from the Macromedia MX 2004 seminar. In particular how Dreamweaver pleases and disappoints and how Flash video gets better and better.

  • Mark-up tactics

    Your mantra for today: ditch divs and eliminate ids for leaner, more meaningful mark-up. Now before you turn away, branding me as a slave to semantics, I will explain some of the common misconceptions to show how the number of divs and ids can easily be reduced.

  • Glaucoma and photography

    Sorry not some wonderful cure, but instead a few sites that might be of interest: an great looking, accessible charity site and some approachs to presenting photos on web pages.

  • Web Typography Sucks

    So Mark and I gave our presentation yesterday at South by Southwest. The slides and some references are online, along with a recording of the session and its transcription.

  • Normality returns

    Thanks for your support. I don’t normally get political here at Clagnut, and even less often do I get angry and sweary, so I thought I’d show any new readers what I normally write about, by way of a top ten most visited posts this fortnight.

  • Web Standards Awards

    The Web Standards Awards have just launched tp celebrate and encourage CSS-based design. The emphasis will be on commercial sites which is definitely a good thing as the Web design world as a whole has a lot of catching up to do.

  • Browse Happ(il)y

    WaSP have just released a minisite, designed by Ethan Marcotte. The purpose of Browse Happy is to spread the message to all and sundry that there are alternative browsers to Internet Explorer.

  • All you need to know about hyphenation in CSS

    Automatic hyphenation on the web has been possible since 2011 and is now broadly supported. There is however far more control available to designers than just turning on hyphens.

  • textualization

    Just been finishing off a contract left over from before my move to Multimap (going very well thank you). I’m building a site for a client (thanks Carbon) with a traditional heirarchical navigation, however the client insists that all their navigation be images. Top level…

  • A View on the Ocean

    And so to another site launch – I hereby present A View on the Ocean, an artist’s journal; a diaristic collection of photographs, comments, stories and music by photographer Andrew Robert Fox.

  • Deviating from process

    We at Clearleft are starting to enjoy deviating from process. Skipping steps, changing the order, adding extra steps, using different tools. This all keeps us fresh, but it also helps eliminate the production line approach it’s so easy to fall into.

  • I’ve been away

    Why I haven’t been blogging much recently and what I’ve missed over the past few weeks. Highlights include Todd Dominey’s PGA Open Championship and Phantom Power, the new album from Super Furry Animals. Also a brief critique of the new Pixelsurgeon site.

  • Hyphens a soft problem

    Typographers divide words using hyphens to increase readability. All books and newspapers of any quality use this technique to ‘justify’ their text, yet it is not a tool available to Web designers in any useful form.

  • The good, the bad & the funny

    Netscape’s DevEdge has been redesigned as a standards showcase. Yes, another important web site has been redesigned and built without table-layout. Visually, it’s hardly cutting edge, but is easy on both the eye and the mouse. The drop down menus are rather splendid…

  • The Ampersand Story

    Why and how I put together Ampersand, the UK’s first conference dedicated specifically to web typography.

  • How to size text using ems

    Text for the screen is sized with CSS in terms of pixels, ems or keywords. Pixels is easy, keywords are well documented. That leaves ems. I will now attempt to show you how ems can be as quick and easy to use as pixels.

  • Moving CSS typography forward

    The CSS3 font module has come back to life, and web designers have been asked for the their wish lists. Here’s mine.

  • Upgrade now!

    A discussion of the Upgrade Your Browser message so often placed at the top of web pages which can only displayed as intended by browsers with good CSS capabilities. Personally I find find it annoying…