There are 44 entries matching ‛CSS techniques’:
There have been some great articles published recently on the accessibility of Ajax and DOM scripting.
Introducing Position is Everything and CSS Destory, a couple of CSS resources exploring bugs and extremes.
Here’s something that’s been playing on my mind recently. What role can CSS alone play in making websites accessible?
There’s a fabulous new design in the CSS Zen Garden which makes use of a clever transparent PNG effect.
I’m really pleased to finally announce the release of a brand new website, The Elements of Typographic Style Applied to the Web, or Web Typography for short.
Web Essentials 2004 looks to be an inspiring conference on Web standards, and a really good excuse to travel to Syndey late September/October. The conference will cover the key aspects of web standards: accessibility, markup (HTML/XHTML) and presentation (CSS). The…
Semantic HTML is just HTML 2.0 with some sensibly named divs
So far this year, my regular reads on the Web have covered techniques in all the disciplines required to create quality web sites. All the disciplines bar one, that is. What’s missing? The visual design; the look; the skin; the surface. While the folks I’ve been…
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.
Judging by the latest SitePoint TechTimes, it seems Stuart Langridge has won the argument. SitePoint’s DHTML book will be published with HTML.
This year, SxSW Interactive is enabling attendees to vote for panels to be featured in the conference. I’m hoping to present a talk with Mark Boulton called Web Typography Sucks. The Panel Proposal Picker Round Two is now live, so get your votes in!
In December 2005 I launched the Elements of Typographic Style Applied to the Web, a practical guide to web typography using Robert Bringhurst’s book “The Elements of Typographic Style”. The site needs updating, so I’ve now open sourced it on Github.
Christina Wodtke has created Widgetopia, a collection UI elements, and discusses solving user interface problems – by best practice or common practice?
A free font has made it into MyFonts’s top ten list of best selling typefaces. There’s a lesson there somewhere.
Clearleft is doing a couple of public workshops at the end of January, here in Brighton. Andy Budd and Jeremy Keith will be training folk on CSS Mastery and Bulletproof Ajax respectively. Also check out Web Directions North conference.
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.
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.
Pretty much the only forms of Western literature that don’t use hyphenation are children’s books and websites. Until now.
At Typ09, FontShop put together Webfonts Week, a series of interviews with leading type designers. There is universal support for webfonts now, even from those who were dead set against it a year ago.
This Friday, 24th October 2008, I’ll be presenting as part of Head, a three-day global web conference. My talk is entitled Facing up to Fonts in which I get to talk more about web typography for the first time in ages. Update: Win a ticket!
Well it’s the usual reason – so much stuff, so little time. There’s two projects, two books and then my arch nemesis pops up.
Web Accessibility: Web Standards and Regulatory Compliance is the full title of the latest book with my name on it. Published by Friends of Ed, it’s now gone to the printers and will be available sometime in July.
The font-stretch property was removed from CSS2 in the transition to CSS2.1. Unfortunately this leaves us with a rather gaping hole in overall font support.
I’m giving a virtual seminar on using jQuery in interactive wireframes. As a UX designer, it’s the course I wish had been available to me a few years ago.
Laying down some thoughts about the differences between ACD and UCD and how they can gel together.
When inline images are displayed in box with -webkit-border-radius applied to it, the image is not cropped as expected. There is a simple workaround, at least for Safari.
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.
One by Joe Clark on screen-reader usability at a redesigned, standards-compliant e-commerce site. The other by Russ Weakley and Roger Hudson on the real world interpretation of HTML table mark-up by assistive devices.
The Web Typography project continues to proceed, albeit at a glacial pace. One of the reasons for the slow progress is guidelines such as this: “verse quotations should be centered on the longest line”.
Earlier this week it was announced that WebKit now supports CSS @font-face rules. There has been a mixed reception in some quarters, but this leap forward (for that’s what it is) has to be a good thing.
Two weeks ago I was invited to Berlin for a CSS Working Group meeting. One afternoon was dedicated to resolving issues with the CSS Text and Font modules. Two resolutions in particular will affect the CSS we need to work with variable fonts.
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.
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.
There’s more to the lives of many typefaces than just Bold and Regular, but almost no browsers follow the proper CSS 1 way of specifying Light, Semibold, Black and other weights. There is a workaround, but it’s nasty.
I’m extremely proud to say that two weeks ago Fontdeck opened its doors to the type-loving public. It’s been a long time in coming – too long I’d admit – but Fontdeck is now live and I’m hugely excited about what’s to come.
To my surprise, Clagnut.com was last redesigned in September 2008. Well, it’s all change, with a new redesign launched today. It’s been created from the typography outwards, responsive from the beginning and elegant on huge as well as tiny screens.
Variable fonts are a new font format offering unprecedented flexibility. They will be landing in web browsers and native operating systems within 12 months. Learn how to try them out now.
I’m proud to have been part of the Web Typography panel at SxSW 2009 alongside Jon Tan, Ian Coyle, Elliot Jay Stocks & Samantha Warren. I’ve jotted down some of the topics we discussed, and some we talked about beforehand but didn’t have time for.
As yet, I haven’t bought anything from the iTunes Music Store. The reasons for my ambivalence to iTMS are threefold: value, tangibility and information. Let me explain…
Mark Boulton has written a thoughtful post on having a professional body for web design. I commented in detail there, but I wanted to expand my thoughts on the subject, particularly on certification and the need for such an organisation.
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.
An unedited extract from my forthcoming book, Web Typography. This chapter is quite technically focussed and hopefully stands well on its own. The other chapters I’ve written contain much higher proportion of typographic theory.
Using variable fonts in the real world turns out to be tricky. This post explains how we achieved it for the new Ampersand website and what we learned along the way.