There are 45 entries matching ‛layout’:
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…
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.
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…
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.
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.
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 now a fully fledged release and it’s well worth a look, especially if you’re a web developer.
Anyone care to deconstruct the redesign of MySQL.com? Here?s a few starters.
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 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.
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…
Here’s something that’s been playing on my mind recently. What role can CSS alone play in making websites accessible?
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…
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.…
I’ve finally got around to redesigning clagnut.com.
Mastication is Normal has started an occasional series of book cover reviews.
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…
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.…
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.
It is with great pleasure I introduce the new website for Far Heath Studios.
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…
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.
Notes from the Macromedia MX 2004 seminar. In particular how Dreamweaver pleases and disappoints and how Flash video gets better and better.
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.
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.
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.
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.
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.
I didn’t think I’d care much, but there’s a few things I need to get off my chest.
There’s been some fascinating and handy blogs, articles, tools and references surfacing recently.
A tale of how typesetting a beautiful poster led to an exploration and explanation of how manually kerning type on the web can be tricky, but also made to work across browsers.
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.
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.
Flickr badges don’t show photo titles, so I turned to a simple bit of DOM scripting for a solution.
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…
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.
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.
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.
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.
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…
Why and how I put together Ampersand, the UK’s first conference dedicated specifically to web typography.
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.
The CSS3 font module has come back to life, and web designers have been asked for the their wish lists. Here’s mine.
A summary of the furore surrounding the potential capitulation of AOL and the demise of Internet Explorer.
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…