• 201118 Oct

    You’ve seen it time and time again on Webdesigntuts+; a CSS3 tutorial which you’re tempted to follow, but lack of support in older browsers stops you from looking any further. There are however, a number of tools to help out in situations like these. Today we’re going to figure out how to conquer CSS3 in older browsers, including Internet Explorer..
    Let’s take a look at a range of techniques to render the most important CSS3 properties in older browser versions.

  • 201119 May

    After more than a year of work, I’m absolutely proud and delighted to introduce my first book: The Book of CSS3. As well as the prosaic title, the subtitle — A Developer’s Guide to the Future of Web Design — should give you some idea of what to expect from it: it’s a book written by a developer, for developers; in other words, by me, for you.

    The book doesn’t aim to teach CSS from scratch; it presumes that you’re a working developer with a good knowledge of web technologies, especially CSS, and you want to take your knowledge to the next level. It aims to translate the sometimes complex specification into something that’s easier to understand, and has plenty of code examples and illustrations to aid in achieving that aim.

  • 201118 Mar

    For some time now I have been breaking my head on how to create warped text in HTML. CSS3 has some handy transformations on board: rotate, skew, matrix, translate. Transform every glyph individually, bring it to the right position and you will get some nifty text following a path.

    Of course it isn’t an option to do all this transformations manually, it would kick us back into the pre-DTP-era in terms of labor intensiveness. Therefore I took the challenge to build a tool for CSS text warping myself. Through my AS3 experiments I already had enough knowledge of bezier-math to find out the proper angles and positions. Unfortunately CSS3 doesn’t offer us something like :nth-letter, so every letter must be wrapped into a new span for now, which is the recommended practice for in-word letter styling by the W3C. Anyway I’m not absolutely happy with this solution and am currently working on a Javascript to do the warping dynamically. I will post it here when I’m finished.

    The tool allows you to attach any text to an arbitrary bezier path or a circle. Click “Generate HTML” to get a chunk of HTML that you can copy and paste into your existing website then. Try it out here.

Page 1 of 4:

Hosting by: