CSSConf Australia 2015
2015-03-26..2015-03-27
Melbourne, Australia
[CSSConf Australia 2014, CSSConf Australia 2015, CSSConf Australia 2016]
who it's for
front-end developers, web designers, ui developers, design system engineers, typographers, accessibility engineers, open source contributors
topics
SVG interfaces; web typography; CSS animations and motion; design systems and systems thinking; CSS architecture and patterns; web components adoption; open source design practices; color workflows for web; removing Bootstrap bloat; front-end operations and tooling; theming with (S)CSS; physics-based CSS animation
| title | author | length |
|---|---|---|
| Building Better Interfaces With SVG | Sara Soueidan | 39m |
Argues SVG beats CSS for actual UI work with concrete examples: stroke-dashoffset line-drawing powers animated checkboxes that remove a sprite HTTP request… | ||
| Efficient Web Type, c. 1556 | Kenneth Ormandy | 27m |
Argues that solving web type is now a systems problem not a single-font tweak, showing concrete wins: WOFF2 + Brotli reduces catalogs by ~14–27% (25% at… | ||
| Invisible animation | Steven Fabre | 31m |
A drag‑and‑drop email builder from June 2014 gains subtle CSS transitions that actually change usability: dropdowns translate and scale from the button… | ||
| It's About Systems | Claudina Sarahe | 30m |
Argues that front end work needs explicit systems thinking not accidental fixes and shows what that means in practice: a built pattern library from existing… | ||
| A CSS Eulogy | Mike Riethmuller | 29m |
Argues that old hacks are replaceable: writes a script checking ~50 sites and finds only five of ~50 sites still use a clearfix utility, recommends… | ||
| Clean and Simple | Justin Ouellette | 27m |
Argues that clean means consistent predictable rhythmic and simple means singular understandable adaptable then demonstrates by building mtape: a 2007 MP3 site… | ||
| Moving towards web components | Andrew Betts | 42m |
A concrete, production-tested component system is described: a modular Origami registry plus Origami build tools (Bower, gulp, Sass, CommonJS/browserify… | ||
| Open Source Design: A Call to Arms | Una Kravets | 26m |
Story argues open design needs concrete changes not slogans and shows working examples: a gulp starter environment with Sass autoprefixer and browser-sync that… | ||
| CSS for Humans | Matthew Sawkill | 25m |
An agency recounts the Victorian government transaction reform project that builds an on‑site HTML prototype, codesigns with the client, and user‑tests with… | ||
| Lets move! | Benjamin De Cock | 25m |
Animations claim to clarify state changes and make apps feel faster by changing perception rather than raw latency, demonstrated with Stripe Checkout, a… | ||
| Colour in the Real World | Katie Kurkoski | 22m |
Shows concrete takeaways: historical pigments like Tyrian purple require 300 lb of shellfish for 1 oz of dye, and lead white reveals forgeries under X‑rays… | ||
| Bye-Bye Bootstrap Bloat | Fiona Tay | 18m |
A Bootstrap fork called O2 fork replaces bulk of framework components with only needed elements, ships as a versioned npm package and uses private npm +… | ||
| Fundamentals of Front End Ops | Ian Feather | 27m |
Front end ops focuses on three speeds: push-to-server, render-in-browser, and feedback-to-devs. It prescribes concrete tools and gates: ESLint CSSLint… | ||
| Delivering Responsibly | Scott Jehl | 42m |
Argues that perceived performance matters more than raw bytes and shows concrete fixes: extract and inline critical CSS from templates (14 KB HTML target)… | ||
| 4½ Methods for Theming in (S)CSS | Harry Roberts | 39m |
Claims four concrete theming patterns plus a half for user customization and shows working code: Sass-based theme pallet, Sass config theming… | ||
| Newton meets CSS | Eva Ferreira | 33m |
Shows exact CSS to make sprite animation by combining a 5000px-wide sprite sheet with a 550×300 window, animating background-position with steps(12) and… | ||
| nothing matches | ||