CSSconf EU 2014 Mood Film

In September 2014, over 300 people from around the world gathered in Berlin for CSSconf EU. CSSconf EU gave the CSS community a home for one weekend, brought curious and open-minded people together, and helped to spark inspiration, advance knowledge, and create new connections.

Very nice film about CSSconf EU 2014. They just announced, that CSSconf EU will be back in 2015 on Saturday, September 26. I really hope to be part of it next year!

Researching the Performance costs of JavaScript MVC Frameworks

Filament Group:

But cell network latency (and Florida jokes) aside, mobile devices tend to be very slow at parsing and executing JavaScript as well. Google even suggests our sites should render within one second: can popular MVC frameworks deliver?

Interesting research by the Filament Group. Looks like if you want your initial page load to be fast you either don’t use a JavaScript MVC or at least pick Backbone. For more details make sure to read the whole post.

Web designers: consider using a bad monitor

Andy Lobban:

More than that though, I very quickly learned it was a great way to test designs. This monitor is small, low resolution by today’s standards, has never been colour corrected, isn’t nearly as bright as it once was, and has a couple of dead pixels. It’s crap. But if I can put designs (created on my lovely iMac screen) onto that crap screen and they still work, then maybe they have a good chance of working for a lot of the users, too.

He certainly has a point.

SEO in 2015 (and Why You Should Care)

Dave Collins:

Rest assured that real SEO has nothing to do with keyword stuffing, keyword density, hacks, tricks or cunning techniques. If you hear any of these terms from your SEO advisor, run away from them as quickly as you can.

Learn how to do real SEO. A topic I’m not very familiar with and need to catch up on. If this applies to you too, go on and read the article for a good starting point.

Creating a type style guide

Susan Robertson:

It was my goal to dig in and inventory the styles, then work with the design and development team to create styles that could be used across the site. While figuring out which type styles would be best for accommodating change and growth on the site, I would put together some mixins that could easily be used for future designs.

Susan Robertson explains on The Typekit Blog all the steps she took to create a type style guide for the FiftyThree Website.

SublimeText Origami

Origami is a new way of thinking about panes in Sublime Text 2 and 3: you tell Sublime Text where you want a new pane, and it makes one for you. It works seamlessly alongside the built-in layout commands.

You need more flexibility for your Sublime Text pane management than the built in tool can give you? Than this plugin is for you.

Oh this is good news, even though it’s sad that the engine has to be Webkit.

Keeping CSS short with currentColor

The currentColor keyword represents the calculated value of the element’s color property. It allows to make the color properties inherited by properties or child’s element properties that do not inherit it by default.

I have never used currentColor before but will do in the future. Osvaldas Valutis has a few great examples how to put it to good use.

Getting the width of a hidden element with jQuery

Tim Banks:

Getting the width of a hidden element with jQuery using width()

You can’t get the dimensions of display none elements with core jQuery. Tim provides a custom function wich helps you with that. I recently used it and it worked well.

Web design and development articles and tutorials for advent

24 WAYS:

24 ways is the advent calendar for web geeks. For twenty-four days each December we publish a daily dose of web design and development goodness to bring you all a little Christmas cheer.

Today the advent calendar for web developers starts into it’s tenth season. I’m looking forward to the articles coming our way!