Introducing Design Systems Ops
Introducing Design Systems Ops : Who bridges the gap between the design systems and the engineering team? I call these enablers: “Design Systems Ops”.
Ministry of Interface Development
Diary of a French front-end developer in San Francisco. Mostly gossiping about responsive web design, HTML, CSS and Sass.
Latest posts
Mindful documentation for (web) components and frameworks
Mindful documentation for (web) components and frameworks : Many individuals and teams fail at documenting their projects properly, effectively drawing other developers away from their code. Fortunately, the most common documentation pitfalls are quite simple to overcome. In this article, I’m going through techniques that have helped make our projects more approachable to new developers whilst…
We’ve made it.
We’ve made it. : responsivenews : We’ve finally crossed the line. After almost 4 years, 5000 pull requests from 50 contributors, we’ve migrated the BBC News site to a totally new stack. We now have a single code base for all devices, in 30 different languages thanks to RWD. How can it possibly take 4 years? Let’s start…
Re:develop Conference: Bridging the gap between developers and designers at the Guardian
I had the pleasure of speaking at re:develop alongside amazing professionals: Liz Keogh (who gave one of my favourite talks of this year), Paul Adam Davis from Ghost, Tom Byers from GDS, Phil Bennet, Ben Howdle, Ross Tuck (who delivered his talk brilliantly), and Patrick Hamann from the Guardian too. We had a surprise guest: Richard Evans from WDS, who spoke about how he developed the AI…
Responsive to ambient light with Media Queries and CSS variables
Media Queries Level 4 are super exciting. In combination with Custom Properties (aka CSS Variables), they can help respond to the user’s environment in a very elegant way. Let’s say we want to boost the contrast when the environment is bright to make text more readable. On the other hand, when reading the content at night (or in a dark alley, as I am sure you often do), we want a dark…
In his presentation at O'Reilly Fluent Conference, Dan Tocchini...
In his presentation at O'Reilly Fluent Conference, Dan Tocchini goes through the weaknesses of current CSS tools for layout and then explains how GSS, Grid Style Sheets solves complex layout problems. “GSS reimagines CSS layout & replaces the browser’s layout engine with one that harnesses the Cassowary Constraint Solver — the same algorithm Apple uses to compute native layout. Very promising!
On "Responsive design works best as a nip'n'tuck"
DHH wrote a very interesting post about his view on Responsive Web Design. He says: By going with dedicated templates, we don’t have to include needless data or navigation that’s going to be hidden by the responsive rules. We have less variables to think about on the individual page. It’s just a simpler workflow where it’s easier to make changes without considering a smather of side effects. So…
Improving Sass code quality on theguardian.com
Improving Sass code quality on theguardian.com : You won’t believe how the Guardian front-end developers managed to reduce their time reviewing code with this old simple trick…
Net Awards: Sass “game changer of the year”
Friday evening was Sassy at the Grand Connaught Rooms ! Friday, Sass won an award at the Net Awards , a ceremony that rewards the best technologies and individuals in the industry for their achievements. It doesn’t really mean anything, but what a great party! Although I think this type of competitive event is a bit wanky in our industry, let’s celebrate, and then take a step back to see why…
On April 24th, I spoke at Front-End London about how we bridge...
On April 24th, I spoke at Front-End London about how we bridge the communication gap between developers and designers at the Guardian . Here are a few resources I mention during the talk: theguardian.com on GitHub Sass-mq: a @media query abstraction in Sass Guss: Guardian Style Sheets A massive thank you to the organisers, Made by Many, for welcoming me at this event where I got to meet a lot of…
How the BBC should practice Responsive Web Design
Tom Maslen writes : UX need to alter how they perceive responsive web design, they need to address the scenarios of hostile browsers, tiny screens, slow connection speeds and touch inputs by default. Responsive web design isn’t about mobile or desktop, rather its about adopting a more flexible approach to the web. It’s about accepting that we never really had any control over how the user consumed…
“In 2012 GitHub started using Sass. What started as an...
“In 2012 GitHub started using Sass. What started as an experiment in internal apps has become our preferred way to build and style our web applications. In this talk I’ll cover how we did it, what we’ve learned, performance tips, and what we think constitutes good code. We even use Sass when designing for native apps.”
RWD is not the answer, it is just part of it
Today, I tweeted: Challenging responsive web design is a long and difficult process. But when it finally shows its shortcomings, then it becomes a lot easier. — Kaelig (@kaelig) February 18, 2014 Following this tweet, I was asked by @lhid to provide some context. Here we go: Recently, responsive web design seems to have become the default strategy for a lot of large redesign projects. And they…
In his presentation at Take Off 2014, Patrick Hamann presents...
In his presentation at Take Off 2014 , Patrick Hamann presents the problems front-end engineers are facing with CSS when developing high performance web applications. He goes through the techniques we use at the Guardian to stay off the critical path, improving the perceived performance for our users.
Objects in Space
Objects in Space : In this post, Andrew Colclough describes how he breaks down BEM objects (blocks) into Sass partials. One of the best introductions I have read on the topic of CSS architecture using BEM and Sass, this time in a very entertaining post.
In his talk at Smashing Conference 2013, Nicolas Gallagher walks...
In his talk at Smashing Conference 2013 , Nicolas Gallagher walks us through his path to CSS architecture, when and why we need it. Nicolas also speaks about the Suit framework he created, an HTML/CSS framework for creating loosely coupled UI components.
In this internal teach & learn session at Paypal, Hoa Doan...
In this internal teach & learn session at Paypal, Hoa Doan Klein goes through the core principles behind OOCSS and SMACSS, and then explains how her team applied those principles to build their project (an online billing form). She struggles a little bit when asked questions around the concept of “re-paints” and “overriding rules”, but this is still a video you should watch if you want to know…
Wraith: a front-end regression testing tool by BBC Responsive News
Wraith: a front-end regression testing tool by BBC Responsive News : responsivenews : Today we are announcing the release of a front end regression testing tool called Wraith . This tool is something we have been using for the last 6 months, it has proven invaluable in testing CSS changes, both deliberate and unintentional.
Hopping Back on the Writing Wagon
About twenty months ago, I was writing constantly. I wanted needed to share what I had learned during my years of experience in a web agency . I was also writing a book and maintaining this blog fairly frequently. I was living in a rather small city in the West of France, away from the central area where the night life and cultural life happen. After a commute back home, there was not much to do…
In his presentation at CSSDay, Stephen Hay goes through the...
In his presentation at CSSDay , Stephen Hay goes through the history of layout on the web, and explains the principles behind the next generation CSS concept for component-level layout: flexbox (technology of the year).