With the release of version 30, Firefox becomes the latest browser to support CSS Blend Modes (Chrome has had them for a few months, and support is on the way in Safari 8). But what are blend modes? What is blending, for that matter?
If you’ve ever used image editing tools like Photoshop, Sketch or GIMP, you’ll probably already be familiar with blend modes. For everyone else, they are methods of mixing two visual layers so that the two are combined. This could be an image layer with a colour layer, or two image layers.
Read the full article
I’m extremely happy to announce that I’ve been asked to speak at CSS Day, a one‐day event in June that explores CSS in advanced detail, in the company of an array of amazing speakers: Lea Verou, Eric Meyer, Bert Bos, Tab Atkins, Divya Manian, Stephen Hay, and Daniel Glazman. Wow.
I’ll be discussing the intricacies and secrets of the Animations and Transitions modules, while each of the other speakers will also cover a single topic in great detail. It promises to be a really good day. Tickets cost €250 (plus 21 percent tax).
The day before CSS Day there are also two workshops: Eric Meyer will explain the basics of each of the modules to be explained the following day, in case you’re worried about not being able to follow some of the talks, while I’ll be teaching Responsive Web Design techniques and approaches. Tickets for each workshop cost €300 (plus tax).
And just a reminder that I’ll be speaking at Future of Web Design in London in May, where I’ll also be giving a one‐day workshop on CSS3 the day before. If you book now you get the workshop plus two days of conference for only £595 (plus tax).
I’m very proud to have been asked to present at the first Future of Web Design in Prague, Czech Republic, later this month. I’ll be giving a one‐day workshop, called CSS3 Master Class, then presenting a talk with the title CSS3 Layouts for the Multi‐screen World in the Design track the following day.
If you fancy seeing a great line‐up of local and international speakers in the beautiful city of Prague you can get a 10% discount by using the code SPEAKER10 when you register; that’s almost €50 off a one‐day ticket, €90 off a two‐day ticket, and over €100 off the full workshop and conference ticket. That should help convince your boss to pay for it. Hope to see some of you there.
Back in January I wrote a post explaining the new linear gradient syntax, and promised to return to explain the equivalent for radial gradients when it had been implemented somewhere. That time is now, as the latest preview release of IE10 brings full support for the new syntax — and unprefixed, to boot.
Read the full article
I’ve been writing some articles for different websites in the latter half of this year, and it strikes me that I haven’t done a very good job of promoting them on here. So please allow me to correct that, with this brief rundown in reverse chronological order.
I’ve put together my list of the 20 Best CSS Sites of 2011 for .net Magazine. Choosing only 20 turned out to be really difficult, as I wanted to get a broad range of approaches. I’m sure there are plenty I missed out, including any that aren’t in the English language.
For The Sass Way I wrote about How Sass Can Shape The Future of CSS, showing how many of the features contained in the pre‐processed CSS extension are under discussion for inclusion in future versions of CSS.
Webdesigntuts+ interviewed me about my book and my opinions on CSS3, including what I’m excited about for the future, and things to beware of when using cutting‐edge properties.
And again for .net Magazine I discussed The Future of CSS Layouts, a subject I’m really excited about at the moment, which led to an article that was very popular with .net’s readership.
I currently have two more articles waiting for technical review and proofreading, which I hope will see the light of day shortly, and have promised to write another two as soon as I get time (as well as one for a dead tree publication). I’m very happy to be writing about my craft, and appreciate feedback or further requests for articles from other sources — although, I won’t be able to write quite as much next year as I’m planning to start my second book.
The Flexible Box Layout module (commonly referred to as Flexbox, for convenience) is implemented in Firefox, Chrome, Safari, and IE10. I wrote an article explaining Flexbox in detail in .net magazine last year, but thought it worth following up with a short, practical guide on a few things it’s useful for.
I actually don’t think it’s perfectly suited for complex page layouts, but it does some simple things very well, so that’s what I’ll concentrate on. There are three use cases in this article, none of which are impossible using CSS2.1, but all of which are made easier with Flexbox.
Read the full article