惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
雷峰网
雷峰网
Recent Announcements
Recent Announcements
月光博客
月光博客
G
Google Developers Blog
腾讯CDC
S
Secure Thoughts
大猫的无限游戏
大猫的无限游戏
T
Tenable Blog
云风的 BLOG
云风的 BLOG
W
WeLiveSecurity
博客园 - 【当耐特】
cs.CV updates on arXiv.org
cs.CV updates on arXiv.org
博客园 - 聂微东
The Cloudflare Blog
阮一峰的网络日志
阮一峰的网络日志
人人都是产品经理
人人都是产品经理
P
Privacy International News Feed
MyScale Blog
MyScale Blog
K
Kaspersky official blog
T
The Blog of Author Tim Ferriss
Attack and Defense Labs
Attack and Defense Labs
Spread Privacy
Spread Privacy
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
aimingoo的专栏
aimingoo的专栏
I
Intezer
Vercel News
Vercel News
小众软件
小众软件
Simon Willison's Weblog
Simon Willison's Weblog
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
N
Netflix TechBlog - Medium
P
Proofpoint News Feed
Latest news
Latest news
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
T
Tor Project blog
S
Security Affairs
P
Proofpoint News Feed
博客园 - 三生石上(FineUI控件)
博客园 - Franky
C
Cyber Attacks, Cyber Crime and Cyber Security
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
美团技术团队
Recent Commits to openclaw:main
Recent Commits to openclaw:main
S
Security @ Cisco Blogs
L
LINUX DO - 热门话题
Know Your Adversary
Know Your Adversary
Project Zero
Project Zero
D
Docker
L
Lohrmann on Cybersecurity
F
Full Disclosure

CSS Wizardry

Front-End’s Missing Metric: The TBT Window Meet Your Users Where They Are with Obs.js Better Browser Caching with No-Vary-Search font-family Doesn’t Fall Back the Way You Think What Is CSS Containment and How Can I Use It? When All You Can Do Is All or Nothing, Do Nothing Obs.js: Context-Aware Web Performance for Everyone Low- and Mid-Tier Mobile for the Real World (2025) The Fastest Site in the Tour de France Making Sense of the Performance Extensibility API Why Do We Have a Cache-Control Request Header? HTML Is Not a Programming Language… Build for the Web, Build on the Web, Build with the Web Licensing Code on CSS Wizardry A Layered Approach to Speculation Rules Designing (and Evolving) a New Web Performance Score Core Web Vitals Colours The Ultimate Contract Templates for Tech Consultants: Protect Your Business and Get Paid Optimising for High Latency Environments Cache Grab: How Much Are You Leaving on the Table? blocking=render: Why would you do that?! Correctly Configure (Pre) Connections The Three Cs: 🤝 Concatenate, 🗜️ Compress, 🗳️ Cache What Is the Maximum max-age? How to Clear Cache and Cookies on a Customer’s Device The Ultimate Low-Quality Image Placeholder Technique Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? The HTTP/1-liness of HTTP/2 In Defence of DOM­Content­Loaded Site-Speed Topography Remapped Why Not document.write()? Speeding Up Async Snippets Critical CSS? Not So Fast! Measure What You Impact, Not What You Influence Optimising Largest Contentful Paint Measuring Web Performance in Mobile Safari Site-Speed Topography Speed Up Google Fonts Real-World Effectiveness of Brotli Performance Budgets, Pragmatically Lazy Pre-Browsing with Prefetch Making Cloud.typography Fast(er) Time to First Byte: What It Is and How to Improve It Self-Host Your Static Assets Tips for Technical Interviews Cache-Control for Civilians Bandwidth or Latency: When to Optimise for Which ITCSS × Skillshare What If? CSS and Network Performance The Three Types of Performance Testing Getting to Know a Legacy Codebase Image Inconsistencies: How and When Browsers Download Images Identifying, Auditing, and Discussing Third Parties My Digital Music Setup Measuring the Hard-to-Measure Finding Dead CSS The Fallacies of Distributed Computing (Applied to Front-End Performance) Ten Years Old Relative Requirements Airplanes and Ashtrays Performance and Resilience: Stress-Testing Third Parties Refactoring Tunnels Little Things I Like to Do with Git Writing Tidy Code Configuring Git and Vim Base64 Encoding & Performance, Part 2: Gathering Data Base64 Encoding & Performance, Part 1: What’s Up with Base64? Code Smells in CSS Revisited Typography for Developers Moving CSS Wizardry onto HTTPS and HTTP/2 Ack for CSS Developers A New Year, a New Focus Preparing Vim for Apple’s Touch Bar Choosing the Correct Average CSS Shorthand Syntax Considered an Anti-Pattern CSS Wizardry Newsletter Nesting Your BEM? Improving Perceived Performance with Multiple Background Images Continue Normalising Your CSS Pure CSS Content Filter Pragmatic, Practical, and Progressive Theming with Custom Properties Refactoring CSS: The Three I’s Speaker’s Checklist: Before and After Your Talk Improving Your CSS with Parker The Importance of !important: Forcing Immutability in CSS Mixins Better for Performance Managing Typography on Large Apps White October Events Workshop Partnership BEMIT: Taking the BEM Naming Convention a Step Further Travelling Like You Want to, When You Have To Contextual Styling: UI Components, Nesting, and Implementation Detail Subtleties with Self-Chained Classes Cyclomatic Complexity: Logic in CSS Immutable CSS Can CSS Be Too Modular? More Transparent UI Code with Namespaces When to use @extend; when to use a mixin The Specificity Graph CSS Wizardry Ltd.: Year 1 in review
Front-Trends 2012
Harry Roberts · 2012-04-30 · via CSS Wizardry

Written by on CSS Wizardry.

Table of Contents

Independent writing is brought to you via my wonderful Supporters.

  1. The talks
    1. My talk
  2. The people
  3. Beer
  4. In short

Last night I landed back in a cold, miserable Leeds after spending what was by far the most exciting, amazing and fun few days I’ve ever had—as a speaker at Front-Trends.

Some time last year I was invited to speak at the conference, the first of its type I have ever spoken at; ‘nervous’ doesn’t even come close.

I delivered my talk—Breaking Good Habits—to 470 people! My only previous speaking experience was in the tiny English town of Barnsley to a small room of no more than 50. This was the most terrifying thing ever (and there are over a hundred people out of shot).

I also snapped some pretty poor iPhone pictures of my time in Warsaw which, if you’re interested in, you can grab on Flickr. If you’re a speaker and somehow find that you like my poorly focussed phone-camera snap of yourself then please, by all means, grab yourself a copy.

The talks

All of the talks were fantastic, very, very diverse, a mixture of technical and theoretical. They were all remarkable but my personal favourites were Rachel’s, Chris’, Mathias’ and Bartek’s.

Rachel spoke about something that I’ve thought and agreed with for a long time; solving problems as and when they happen, not bloating your code from the outset with 101 different frameworks and, the thing that resounded with me the most, we learn by making our own mistakes.

Chris’ talk covered a lot about the concerns we as developers need to take into account these days with the shift in the web landscape. It was just so funny that you couldn’t help lap up everything he said. I can’t do his talk justice, wait for the video!

Mathias’ talk was just one of weird HTML quirkiness, something that I find super-interesting. I can’t wait for the video for that one (he was the only speaker to receive a full round of applause mid-talk!).

Bartek covered the fact that everyone who writes code is, whether they know it or not, teaching someone else who is reading that code. It was a really feel-good talk that has got me really excited to rewrite CSS Wizardry (which is long overdue anyway).

To see the videos and slides as they come available I recommend you follow the Front-Trends Twitter account; you will definitely want to catch them when they get online!

My talk

I was so, so nervous when I woke up on the morning of my talk. All I ate all day was an apple. I got on stage at 13:00, and saw the crowd of 450+ staring back at me. I was terrified.

I got straight into the swing of things but was very aware of just how nervous I was. I can’t remember the half-hour of my talk at all, it’s now a total blur, and I was worried I’d really messed it up but I got some absolutely amazing feedback from Twitter and people who found me after the talk personally. It seems everything went well!

The people

Front-Trends allowed me to finally meet some people who I’ve known online for ages. Me and Lea, Chris, Vitaly and others have followed each other for years and Front-Trends was my chance to finally meet them in person.

I took Jamie Mason along with me; Jamie is someone I met when I moved to BSkyB and he’s one of my best friends. Absolutely hilarious and incredibly likeable, as well as a very, very talented JS developer, he was a great person to have along (especially considering my nerves).

I got to meet Rachel Andrew who me and Jamie hung out with for a couple of days. Her talk was one of my favourites (she’s a great developer who speaks a lot of sense) and she’s also just super cool; she’s my new favourite person in the world! So clever yet humble, really laid back and fun, very easy to get on with and just all-round awesome. It was great to be able to hang out with her so much.

Vitaly Friedman, owner of Smashing Magazine, was someone I’d wanted to meet for years and owe a heck of a lot to. It’s likely that the only reason you know CSS Wizardry exists is because of a Smashing Magazine tweet (and there have been lots). Vitaly was one hell of a guy, absolutely lovely! It was ace having a few beers with him, and I really hope to meet him again soon.

Another person who was an absolute blast to hang out with was Alex Giron; a fun, funny guy who was real great company!

Me and Jamie also met a lot of non-speakers which was really great. Far too many to name, but we spent a great chunk of time with Rowan, Sam, Perry (who can be seen with his hands in the air at the very back, here), Tom and Pavel (I hope I got that right!).

Beer

This was a hot topic on Twitter… Free beer being served throughout the conference; not just after but during. You could sit with a beer and watch your favourite developer give a talk. That’s actually pretty awesome.

A lot of people on Twitter said to drink beer during a conference is unprofessional and that you shouldn’t serve any intoxicating beverages at such an event. To me that’s not right; drinking at a conference isn’t unprofessional, being drunk is.

The weather was amazing during the conference, hovering around 30°C. There was a lot of grass outside the venue, it was ideal beer weather. The beer acted as a social lubricant; we’re a young dynamic industry, we deal day-in-day-out with cool and interesting stuff, we’re not a bunch of boring squares who dress in suits, we’re a community of interesting and excitable individuals, the exact kind of people I’d love to have a beer with—and got to!

The fact that beer was being served throughout the two days of baking sun where 470 like-minded people were gathered to watch some of the web’s best front-end developers (and me) give talks gave the whole thing a real festival feel. Front-Trends 2012 felt like a festival, a festival of designers, developers, sun, music and some absolutely stellar talks. Seriously, it was unreal. People commenting from afar on the beer situation unfortunately didn’t have the full context, they couldn’t see that no one was drunk, no one started any drinking games or competitions, no one embarrassed themselves; nothing went wrong.

In short

So, to sum up, in going to Front-Trends 2012 I:

  • Delivered a talk to 470 people from all over the globe.
  • Spent the whole time with Jamie Mason, one of my best and funniest friends.
  • Saw some absolutely fantastic talks by some truly genius people.
  • Hung out with Rachel Andrew for a couple of days.
  • Watched football in a bar with Jamie, Vitaly and Alex Giron.
  • Chilled out on a hammock with Lea Verou.
  • Almost died laughing at Chris Coyier.
  • Finally met Vitaly Friedman.
  • Saw a lot of beautiful sights in Warsaw.
  • Lots, lots more.

Front-Trends was Wednesday to Saturday non-stop fun, interesting talks, great weather, lovely people and a beautiful city. It was my first and hopefully not my last talk at a proper conference, it was organised incredibly well and I would recommend that:

  1. Anyone thinking of heading to conferences over the next few years should get to Front-Trends.
  2. People thinking of getting into speaking should try get a slot at Front-Trends (they got in touch with me even though I had zero speaking experience).
  3. People organising conferences take a leaf out of Paweł and Damian’s book.

To the organisers, the lovely people of Warsaw and the speakers and attendees of Front-Trends, a massive, massive thank you!

Harry