Emmet LiveStyle is a plugin for live bi-directional (editor↔browser) CSS editing of new generation. Currently, it works in Google Chrome, Safari and Sublime Text, more browsers and editors will be available later.

This video demonstrates the most powerful features of LiveStyle.

http://livestyle.emmet.io/

LiveStyle features
Instant updates: see changes as-you-type. No file saving, no page reloading.
No local files required.
Cross-platform
Multi-view and multi-device updates. You can open the same page in different windows and get instant updates in all of them. If your monitor large enough, you can easily tweak responsive design as never before! And yes, changes made in DevTools of one window will be automatically applied to other ones.
Multi-site update. You can even live edit different web-sites, for example, desktop and mobile versions of you web-site that shares the same CSS code base.
Extremely easy setup: just open CSS file in editor and associate it with the browser one in LiveStyle browser pane. No complex mappings, patterns etc.

Kenneth Auchenberg speaks at Full Frontal 2013.

With the introduction of HTML5 the way we look at the browser has completely changed, but what has happen to our development workflow?

In this talk I take you through the history of web tooling and challenge the assumptions our current generation of tooling is build upon. You will realize that your web development workflow is completely broken, and that you over the years, have been making it gradually worse and more complex by adding more tools to the chain.

It’s time to rethink our tooling.

2014-01-12_192645

Show and tell for designers

icons

What are you working on? Dribbble is a community of designers answering that question each day. Web designers, graphic designers, illustrators, icon artists, typographers, logo designers, and other creative types share small screenshots (shots) that show their work, process, and current projects.

Dribbble is a place to show and tell, promote, discover, and explore design.

Headquartered in Salem, Massachusetts, Dribbble began as a side project and is now a tiny, bootstrapped and profitable company helping the world’s design talent share their creations and get hired. Dribbble has become a go-to resource for discovering and connecting with designers around the globe.

G-STAR The Art of RAW from GLASSWORKS AMSTERDAM on Vimeo.

Glassworks Amsterdam is very proud to have collaborated with the G-Star in-house creative team to realize the Art of RAW campaign film. Till now the global campaigns of the brand were based on iconic print advertisements, shot by one of the biggest names in photography Anton Corbijn, featuring talents like Liv Tyler, Magnus Carlsen and Gemma Arterton.

We were therefore extremely excited when G-Star approached Glassworks to realize their first ever campaign commercial which will run online and in cinemas across the globe. Since the brand took a break from conventional advertising in their market, this was a great opportunity for the two brand’s expertise to meet: denim and high-end digital animation and visual effects.

The result was a dramatic, fully CGI, macro-level journey through the denim-making process. G-Star's creative team created the concept for the video and collaborated with our in-house CGI director Rudiger Kaltenhauser, who created the magical and moody world for the film, provided that it remained faithful to the core processes involved in creating their world-famous RAW denim. We were completely sold when we knew the challenge was to create a film with a photo-real running skeleton dog and that it would have the soundtrack by US super-producer Skrillex.

Rudiger storyboarded the action treatments, designed the style frames, edited the cut, and then led our team of lighting/texturing TD's and animators in bringing everything to life. There were many challenges, not least of all creating CGI denim that reflects the fabric the brand is so passionate about. The team also took on the challenge to create a texturing/lighting setup that allowed the beauty of each step of the denim making process to be clearly understood but also live up to the expectations of the G-Star denim specialists.

Cut from the 60" film, a 15" teaser was screened to launch their show at the Bread & Butter fair in Berlin last month, and whilst the full-length film will be playing on their website, you can see the 30" in cinemas and throughout their stores globally. The CGI skeleton dog is the leading visual throughout the Art of RAW print campaign and you might even be able to race him yourself in the Hong Kong subway!

Production Company
Glassworks Amsterdam

Director
Rudiger Kaltenhauser

3d Artist
Markus Lauterbach
Tim Borgmann
Markus Geerts
Nick Smalley
Tim Bolland
Dan Hope
Chris Wood

Flame artists
Kyle Obley
Lise Prudh'omme

Flame Assist
Bob Roijen

Grading
Scott Harris

Executive Producer
Jane Bakx

Client
G-Star RAW

Concept
G-Star RAW creative team

Music
Skrillex