I’ve been wanting a fluid layout on this site for about 5 years. I had a brief redesign back in 2005 where I flirted with it for a few months, but it was soon switched back to fixed as I couldn’t get it right. Last year, I discovered CSS media queries while working on the internal pages of the Opera Browser, and tried to implement it here. It was half-assed and was removed, again after a few months. … Read the rest here
I’ve been wanting a fluid layout on this site for about 5 years. I had a brief redesign back in 2005 where I flirted with it for a few months, but it was soon switched back to fixed as I couldn’t get it right. Last year, I discovered CSS media queries while working on the internal pages of the Opera Browser, and tried to implement it here. It was half-assed and was removed, again after a few months. It took Ethan Marcotte’s excellent article for A List Apart Responsive Web Design to motivate me to do it properly, as well as know HOW to do it properly. … Read the rest here
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 the uninitiated, Fontdeck is a webfont service, that is to say it hosts fonts licensed for use with @font-face font linking. This means is that web designers finally have an alternative to the standard web fonts of Georgia, Verdana, Arial et al, and can now safely choose from hundreds of fonts to use as real text on a website; no images, no Flash, no JavaScript required. Jon Tan and I had the idea for Fontdeck back in early 2009. Speaking together at a SkillSwap in Brighton, it transpired we shared the same notions on how webfonts might be delivered. … Read the rest here
Coding Cheat Sheets by Dave Child : A collection of free, printable quick references for a variety of languages and web technologies—PHP, CSS, Subversion, Ruby on Rails, Microformats, etc. … Read the rest here
I’ll be doing a 5 minute microslot on CSS filters at the next Oxford Geek Night on July 21st. CSS filters is the practice of linking to your stylesheets in different ways in order to control how different browsers and their versions get your CSS . It’s something I get quite a lot of questions about when people look at my source code, so I thought I’d explain it via a presentation! The OGN microslot is the ideal format for it. If you live nearish to Oxford, and haven’t been to Geek Night yet, do come and see what you’re missing. It’s a free event (sponsored by local gents/superstars Torchbox ) in the Jericho Tavern in Oxford… Read the rest here
Handcrafted CSS: A Day with Dan Cederholm and Ethan Marcotte : This workshop takes place next Monday in Nashville, Tennessee. There are still seats left, and your registration includes a copy of Handcrafted CSS, Video Edition book + DVD, and meals. … Read the rest here
CSS3 flash light : Another impressive demo from simurai (Safari only right now). … Read the rest here
Firefox 4 to Add CSS3 calc() : Paul Rouget, Mozilla: This feature hasn’t landed yet in any Firefox tree but work to implement it is underway. Firefox will support the CSS calc() value, which lets you compute a length value using an arithmetic expression. This means you can use it to define the sizes of divs, the values of margins, the widths of borders, and so forth. Ace. … Read the rest here
IE and HTML5 Testing, or “Apple’s Hilariously Disingenous ‘HTML5’ Showcase” : Bruce Lawson, Opera employee and member of The Web Standards Project : In the 18 months I’ve really focussed on HTML5, I’ve seen approximately 238 different HTML5 ‘testing’ sites appear. Most of them wildly pick and mix specs, checking for HTML5, related WHATWG-derived specifications such as Web Workers and then, drunk and giddy with buzzwords, throw in SVG, CORS, CSS Media Queries, and some Apple proprietary CSS extension before hyperventilating and going to bed for a lie down. He goes on to mention Apple’s HTML5 Showcase in support of his argument, while commending IE9’s HTML5 tests: Therefore, it’s particularly refreshing to see the new Microsoft IE9 HTML5 Testing Centre bringing some sanity to the party. None of the scope-creep for our friends in Microsoft. … Read the rest here
dConstruct 2010 : Having spoken at this conference before, I can vouch for a quality conference put on by Clearleft each year. And the design of this year’s site? Stunning, fresh, and love the parallax effect as you widen/narrow your browser window. … Read the rest here
I was in Boston last week for An Event Apart , the second of five instances of the travelling web roadshow touching down in the US this year. As with Seattle, all the talks were of a ludicrously high standard. Tickets are still available for the Minneapolis leg ; grab ‘em while you can. What’s fascinating about seeing all the talks together is finding the unspoken connections between them. Without any prior co-ordination, myself and Aarron had moments of crossover with our talks, Emotional Interface Design and Paranormal Interactivity . Blenderbox have written a round-up of the themes from An Event Apart . … Read the rest here
The Design Cubicle : A fantastic redesign by Brian Hoff; a suitable example of the reasoning behind the design: Even if living on the bold side of things isn’t for you, try at least one thing different in your next work and build around that idea. Without push[ing] boundaries the world around us remains stagnant and lifeless. Also check Trent Walton’s write-up on creating the logo entirely with CSS and @font-face . … Read the rest here
Responsive Web Design : Ethan Marcotte raises the bar regarding flexible web design with CSS3 media queries and other magic. … Read the rest here
You thought our long nightmare of PNG alpha transparency support was finally over as of IE7, didn’t you? Yeah, me too. Over the past few months I’ve been collaborating with Chris Glass on the newly-launched Joyent site. (When someone comes to you and says, hey, we have Chris Glass helping us out with this project and we’d like the two of you to work together, you jump at that chance.) I was tossing around ideas for building an interactive infographic Chris had designed, and thought of at least four different ways of pulling it off. We’re reaching this interesting point with front end web technology where we now have actual choices besides Flash for jobs like this… Read the rest here
HTML started as a very simple language. By many accounts, it’s still very simple. You create some text and you wrap some tags around it. The tags provide a small measure of meaning and allow user agents—aka browsers—to present the content in a meaningful way. In the early days of the web, browser developers quickly added features that helped web developers build more exciting sites and applications… Read the rest here
The buzzer sounds. And the victorious have been chosen. Congratulations to the winners of last week’s rebound contest announced on Dribbble and Ethan’s blog . The entries were incredibly creative—thanks to all who entered. And we look forward to seeing you in Nashville next month… Read the rest here
HTML5 Readiness : Handy chart detailing comment HTML5 and CSS3 support in major browser engines. … Read the rest here
I spent the weekend immersing myself in HTML5 and CSS3. I gave Principia Gastronomica a bit of a fine-tuning under the hood. I decided to ditch all the background images I was using to get rounded corners and drop shadows, and just use border-radius and box-shadow instead. Internet Explorer gets the same content with more pointy corners and without the illusion of depth. I also launched a brand new site: ScienceHackDay.com … Read the rest here
With early bird pricing for Handcrafted CSS Nashville (a full-day workshop presented by myself and Mr. Ethan Marcotte ) winding down, we thought we’d run a little contest to giveaway two free tickets to the event on June 21st and other prizes. Ethan has all the details on how to enter : a Dribbble playoff of the beloved Baskerville italic ampersand. You don’t need to be a Dribbble member to enter! In fact, we’ll be giving away two Dribbble invitations as part of the contest. Hit us with your best shot, and hope to see you in Nashville next month ! … Read the rest here
Which Email Clients Support CSS3? : With the current minimal support for CSS3 in most email clients, the easy counter-argument here is typically, “Why bother?” But I share the same views as Ros Hodgekiss, who authored the article: Finally, just as many of the properties we have tested are considered to be experimental, we encourage you to be experimental, too. As more email clients join the fray, CSS3’s applications in email will certainly become wider-reaching than pretty shadows and rounded corners. So, take a look at the properties available to you, test it out and share your own experiences. There’s never been less of an excuse for creating a dull email! If you and I aren’t willing to explore graceful degradation and encourage email clients to adopt new features sooner than later, who will? … Read the rest here
