ProCSSor, a CSS
ProCSSor, a CSS
Posts Tagged markup
Viva la SimpleQuiz
Viva la SimpleQuiz : Bruce Lawson has ressurrected the SimpleQuiz for HTML5. The first question tackles how to mark up a series of products using new semantics. This will surely be a fantastic way of getting a handle on new solutions made possible with HTML5. … Read the rest here
HTML5 Pack for Illustrator CS5
HTML5 Pack for Illustrator CS5 : As you would expect, this free extension adds SVG and canvas capabilities but also adds a few CSS export options. I
Hypertext history
Is CSS the New Photoshop?
Is CSS the New Photoshop? : John Nack, Photoshop
The Declaration of Independence, Rendered with CSS3 and @font-face
The Declaration of Independence, Rendered with CSS3 and @font-face : The markup is fairly clean, but still somewhat presentational. On the whole, however, this is nicely executed. … Read the rest here
The format of The Long Now
In 01992, Tim Berners-Lee wrote a document called HTML Tags . In September 02001, I started keeping this online journal. Back then, I was storing my data in XML, using a format of my own invention. The XML was converted using PHP into (X)HTML, RSS, and potentially anything else …although the “anything else” part never really materialised. In February 02006, I switched over to using a MySQL database to store my data as chunks of markup… Read the rest here
What You Can Learn From Panic
What You Can Learn From Panic
Article of doubt
A Day Apart in Seattle was more like a seminar than a workshop. Rather than being an intimate gathering in a small room, it was more lecture-like in an amphitheatre setting. But that didn’t stop me interacting with the attendees. There were plenty of great questions throughout, and I also had everyone complete an exercise. I reprised the exercise I gave at dConstruct back in September. It isn’t a test of the audience… Read the rest here
Next month in HTML5
I hereby declare April to be HTML5 Month
"Video for Everybody": HTML5 ‘video’ Compatibility, Sans JS
“Video for Everybody”: HTML5 ‘video’ Compatibility, Sans JS : Similar to html5media but
html5media Script Renders in Any Browser
html5media Script Renders in Any Browser : As you
ColosseoType.com, An All-HTML5 Endeavor
ColosseoType.com, An All-HTML5 Endeavor : The site for the Colosseo poster is my first production-ready website with HTML5 under the hood. I
Events and A Day, Belatedly
I’m a bad conference organizer. Why? Because we opened the An Event Apart 2010 schedule for sales back in, um, flippin’ November , and I never mentioned it here. Cripes, I never even posted when we announced the lineup of cities. I could go through the great big long sob-story list of reasons why 2009 was really tough and blah blah blah, but when you get right down to it, I fell down on my job. Okay… Read the rest here
Making Workshops for the Web
The latest Clearleft offering is Workshops for the Web . It made sense to move our workshop offerings out of the Clearleft site
HTML5 business as usual
HTML5 watch
Keeping up with HTML5 can seem like a full-time job if you’re subscribed to both the W3C public-html list and the WHATWG mailing list . If you have to choose just one, the WHATWG list is definitely the red pill. The W3C list has a very high volume of traffic, mostly about politics and procedure. Sam Ruby deserves a medal for keeping the whole thing on an even keel. The WHATWG list, on the other hand, can get pretty nitty-gritty in its discussions of Web Workers, Offline Storage and other technologies that are completely over my head. The specification itself is shaping up nicely… Read the rest here
Review: HTML and CSS Web Standards Solutions
This book, HTML and CSS Web Standards Solutions , by Christopher Murphy and Nicklas Persson is subtitled, "A Web Standardistas’ Approach." As you might imagine, the book takes a purist approach to teaching the basics of HTML and CSS to the reader. Jumping into this book, I wasn’t sure what to expect. By the end, though, I felt that this is more than just another book: it’s a textbook. And that should come as no surprise as the authors are lecturers at the University of Ulster in Belfast. … Read the rest here
Amperbbreviations
Twitter doesn’t allow for much verbosity but sometimes it’s possible to squeeze some code into 140 characters or fewer. I particularly like Simon’s piece of JavaScript . Paste this into the address bar in Safari: javascript:(function(){var d=0;setInterval(function() {document.body.style['-webkit-transform']= ‘rotate(’+ d +’deg)’;d+=1},10)}()); Earlier today, I wrote : Writing <abbr title=”and”>&</abbr> in my markup and abbr[title='and'] { font-family: Baskerville; font-style: italic; } in my CSS. This is something that Dan has written about in the past, citing Bringhurst; In heads and titles, use the best available ampersand . Dan suggested wrapping ampersands in a span with a class of “amp” but in a comment, I proposed using the abbr element: <abbr title=”and” class=”amp”>&</abbr> But really, you don’t even need the class because you can just use an attribute selector: abbr[title='and'] { font-family: Baskerville, Palatino, “Book Antiqua”, serif; font-style: italic; } But, asks Mat Marquis , what about a certain browser that can’t even handle the simplest of attribute selectors? … Read the rest here
The devil in the details
Looking through the list of hiccups highlighted by the HTML5 Super Friends and my own personal tally , things are progressing at a nice clip with HTML5. The pubdate attribute has been removed from the article element and shifted to a nested time element instead. The content model for the footer element has been changed to match author expectations