Web Conferences AmsterdamWhen programming (yes, that includes writing CSS), it is considered best practice to avoid over-engineered solutions as they can result in added complexity, less readability, and maintenance issues.
Despite that, in this talk we’ll dive into the benefits of going over the top and embracing complexity in our solutions. We'll explore how this can deepen our understanding of CSS and how complex solutions can sometimes be better than their simple alternatives, leaving us with robust solutions that are more useful than their simple alternatives.
Start over-engineering your CSS | Kevin Powell | CSS Day 2024Web Conferences Amsterdam2024-08-12 | When programming (yes, that includes writing CSS), it is considered best practice to avoid over-engineered solutions as they can result in added complexity, less readability, and maintenance issues.
Despite that, in this talk we’ll dive into the benefits of going over the top and embracing complexity in our solutions. We'll explore how this can deepen our understanding of CSS and how complex solutions can sometimes be better than their simple alternatives, leaving us with robust solutions that are more useful than their simple alternatives.
More about CSS Day: https://cssday.nl or twitter.com/CSSDayConf Receive conference announcements in your inbox: https://cssday.nl/subscribeCSS Masonry Layouts | Nicole Sullivan | CSS Day 2024Web Conferences Amsterdam2024-09-23 | About Nicole: stubbornella.org
More about CSS Day: https://cssday.nl or twitter.com/CSSDayConf Receive conference announcements in your inbox: https://cssday.nl/subscribeHow to Teach CSS | Josh Comeau | CSS Day 2024Web Conferences Amsterdam2024-09-16 | I really like CSS, and it makes me sad that this sentiment is so rare amongst front-end / full-stack developers! For the past few years, I've been on a mission to change this, helping thousands of developers discover the joy of writing CSS. In this talk, we’ll explore some of the mental models and analogies that make CSS click, so you can upskill your JavaScript-focused peers and get them excited about CSS.
More about CSS Day: https://cssday.nl or twitter.com/CSSDayConf Receive conference announcements in your inbox: https://cssday.nl/subscribeImpactful Experimentation | Roma Komarov | CSS Day 2024Web Conferences Amsterdam2024-09-10 | About Roma: https://kizu.dev
More about CSS Day: https://cssday.nl or twitter.com/CSSDayConf Receive conference announcements in your inbox: https://cssday.nl/subscribeScroll-Enhanced Experiences | Carmen Ansio | CSS Day 2024Web Conferences Amsterdam2024-09-02 | Embark on a journey through the art of scrollytelling with CSS. This talk will guide you through the process of creating dynamic, story-driven experiences that leverage the user's scroll behavior. Learn to control the pace and rhythm of your story with the CSS Scroll Timeline API, creating a captivating narrative that unfolds with each tick of the mouse wheel.
More about CSS Day: https://cssday.nl or twitter.com/CSSDayConf Receive conference announcements in your inbox: https://cssday.nl/subscribeThe “Other” C in CSS | Sara Soueidan | CSS Day 2024Web Conferences Amsterdam2024-08-19 | About Sara: sarasoueidan.com
More about CSS Day: https://cssday.nl or twitter.com/CSSDayConf Receive conference announcements in your inbox: https://cssday.nl/subscribeThe Garden and The Treadmill | Stephen Hay | CSS Day 2024Web Conferences Amsterdam2024-08-05 | When CSS Zen Garden launched, we saw loads of creativity with CSS despite its limits at the time. Now, we have most of the CSS features we wanted to have back then. But do we use them? Have we become more creative because of them? Is our work simpler? We tend to want what we don't have, and we don't always use what we do. Let's look at how it's now possible to do layout at the speed of thought and prototype à la CSS Zen Garden almost as quickly as we can sketch.
More about CSS Day: https://cssday.nl or twitter.com/CSSDayConf Receive conference announcements in your inbox: https://cssday.nl/subscribeProblems solved by OpenType | Roel Nieskens | CSS Day 2024Web Conferences Amsterdam2024-07-22 | About Roel: https://pixelambacht.nl
More about CSS Day: https://cssday.nl or twitter.com/CSSDayConf Receive conference announcements in your inbox: https://cssday.nl/subscribeCharacter Modeling in CSS | Julia Miocene | CSS Day 2024Web Conferences Amsterdam2024-07-15 | About Julia: miocene.io
More about CSS Day: https://cssday.nl or twitter.com/CSSDayConf Receive conference announcements in your inbox: https://cssday.nl/subscribeUtility First CSS Isn’t Inline Styles | Sarah Dayan | CSS Day 2024Web Conferences Amsterdam2024-07-08 | Slides: https://noti.st/sarahdayan/clOedj About Sarah: frontstuff.io
More about CSS Day: https://cssday.nl or twitter.com/CSSDayConf Receive conference announcements in your inbox: https://cssday.nl/subscribeLayout and Reading Order | Rachel Andrew | CSS Day 2024Web Conferences Amsterdam2024-07-01 | Slides: https://noti.st/rachelandrew/AoKXhe About Rachel: rachelandrew.co.uk
More about CSS Day: https://cssday.nl or twitter.com/CSSDayConf Receive conference announcements in your inbox: https://cssday.nl/subscribeWeb Design Engineering With the New CSS | Matthias Ott | CSS Day 2024Web Conferences Amsterdam2024-06-24 | With all the exciting new features arriving in CSS today and even more additions on the horizon, CSS is more powerful than ever. As a result, the very foundations of how we understand and write CSS are changing radically. But not only that: CSS is now also the most powerful design tool for the Web. Meanwhile, many teams still approach web design with an imperative mindset and static design tools that don’t reflect what modern CSS is capable of. In this session, we’ll look at how we can use the power of “the new CSS” to our advantage and how to engineer designs that are accessible, resilient, and true to the inherently fluid nature of the Web.
Slides: https://noti.st/matthiasott/JrA84R About Matthias: matthiasott.com
More about CSS Day: https://cssday.nl or twitter.com/CSSDayConf Receive conference announcements in your inbox: https://cssday.nl/subscribeCSS Day 2024 compilationWeb Conferences Amsterdam2024-06-11 | CSS Day 2024 took place on June 6 & 7, in Amsterdam. All sessions are available right now for our Early adopter members, and we'll make a new talk available for everyone each week.
Our 2025 edition will take place on June 5 & 6. If you want to receive conference announcements in your inbox, please subscribe at https://cssday.nl/subscribeCSS Day 2024 is over, watch all talks!Web Conferences Amsterdam2024-05-30 | All sessions are available right now for our Early Adopter members, and we'll make a talk available for everyone each week: youtube.com/channel/UCuZeHD5SGecQomz2pVDHGzg/joinperformance.now() 2023, all talks from day 2Web Conferences Amsterdam2023-12-19 | We've got seven talks for you lined up today, MC'd by Sia Karamalegos!
See https://perfnow.nl/schedule for the full schedule and talk details.
More about performance.now(); https://perfnow.nl Receive conference announcements about next year in your inbox: https://perfnow.nl/subscribeFrom Here to There | Tim Kadlec | performance.now() 2023Web Conferences Amsterdam2023-12-14 | The closing keynote of this year's conference.
More about performance.now(); https://perfnow.nl Receive conference announcements in your inbox: https://perfnow.nl/subscribeCompression Dictionaries | Patrick Meenan | performance.now() 2023Web Conferences Amsterdam2023-12-12 | Compression dictionaries have the potential to reduce HTML and resource sizes upwards of 90% and support delta-updates of code releases. Patrick will discuss how they can be used in your existing workflows, provide live examples as well as the current state of browser support and standardization.
More about performance.now(); https://perfnow.nl Receive conference announcements in your inbox: https://perfnow.nl/subscribeDecoding the Web in China for Peak Web Performance | Jodie Chan | performance.now() 2023Web Conferences Amsterdam2023-12-07 | Global web best practices often fall short in China's web environment. In this session, we'll tackle common misconceptions when it comes to China web performance, demystify the elusive Great Firewall in technical terms, and provide an evaluation framework using real-world case studies.
More about performance.now(); https://perfnow.nl Receive conference announcements in your inbox: https://perfnow.nl/subscribeperformance.now() 2023, all talks from day 1Web Conferences Amsterdam2023-12-06 | We've got seven talks for you lined up today, MC'd by Phil Hawksworth!
17:48: Mark Zeman, Pushing Pixels Slides: https://noti.st/zeman/U2Xtyt/pushing-pixels
7:46:36: Robin Marx, Resource Loading at the Cutting Edge Slides: https://perfnow.nl/_downloads/2023/ResourceLoading_RobinMarx_PerfNow2023.pdf
See https://perfnow.nl/schedule for the full schedule and talk details.
More about performance.now(); https://perfnow.nl Receive conference announcements about next year in your inbox: https://perfnow.nl/subscribeCache Rules Everything | Harry Roberts | performance.now() 2023Web Conferences Amsterdam2023-12-05 | Caching is something most developers take for granted, but experience tells me time and time again that most developers also don’t understand how to configure their caching rules safely, correctly, or effectively. Do you know what no-cache means? Do you know what the Pragma header does? Do you know the difference between Last-Modified or ETag? Expires or Cache-Control? You will soon.
In this talk, we’ll remove the noise, get rid of everything we don’t need, and then step through a series of real-life scenarios to work out how to solve almost any caching situation with a series of questions.
More about performance.now(); https://perfnow.nl Receive conference announcements in your inbox: https://perfnow.nl/subscribeChallenging Assumptions About LCP Best Practices | Estela Franco | performance.now() 2023Web Conferences Amsterdam2023-12-04 | When optimizing LCP, we can implement many techniques to improve its values. Each of these techniques focuses on a specific sub-part of LCP. But do you know which of these parts is more critical? Which optimizations should you prioritize to make a significant impact? In this talk, Estela will challenge the classic assumptions about optimizing LCP (using Chrome data!) and show how you can better prioritize your efforts to improve this metric.
More about performance.now(); https://perfnow.nl Receive conference announcements in your inbox: https://perfnow.nl/subscribeNoise Canceling RUM | Tim Vereecke | performance.now() 2023Web Conferences Amsterdam2023-11-30 | Noisy Real User Monitoring (RUM) data can ruin your day!
We introduce a fresh concept called "Human Visible Navigations" (HVN) to tackle this risk; we focus on the experiences you actually care about when talking about the speed of our sites:
- Human: We exclude noise coming from bots and synthetic measurements. - Visible: We remove any partial or fully hidden experiences. These tend to be very slow but users don’t see this slowness. - Navigations: We ignore lightning fast back-forward navigations which usually have few optimisation opportunities.
Adopting Human Visible Navigations provides you with these key benefits:
- Fewer changes staying below the radar - Fewer data fluctuations - Fewer blindspots when finding bottlenecks - Better correlation with business metrics
This is supported by plenty of real world examples coming from the world's largest scale modeling site (6M Monthly visits) in combination with aggregated data from the brand new rumarchive.com.
More about performance.now(); https://perfnow.nl Receive conference announcements in your inbox: https://perfnow.nl/subscribeBridging the Digital Divide using Web Performance | Matt Hobbs | performance.now() 2023Web Conferences Amsterdam2023-11-29 | Reducing the digital divide is essential to create a more equitable and inclusive society, where everyone has equal access to information, opportunities, and the tools necessary to thrive in todays digital world. In this session I discuss how web performance plays a vital role in building this bridge.
More about performance.now(); https://perfnow.nl Receive conference announcements in your inbox: https://perfnow.nl/subscribeResource Loading at the Cutting Edge | Robin Marx | performance.now() 2023Web Conferences Amsterdam2023-11-27 | When it comes to loading page resources, Web Developers are truly spoiled these days, with a plethora of mechanisms and protocol features to choose from. From resource hints to fetchpriority, via 103 Early Hints over prerender/prefetch, and from async/defer/module to fetch(), ... the list goes on and on (oh, and did I mention HTTP/3?). However, many of these options are often misunderstood, both in how they should function and how they actually function in the various main browsers.
In this deep-dive session, Robin starts from real-world examples to show how things like prioritization are supposed to work, how especially Chrome has some pretty advanced loading heuristics, how even the excellent WebPageTest can sometimes be misleading, and how to get started debugging this yourself with things like netlog and (*gasp*) wireshark.
You will walk away with a deeper understanding of what happens under the hood, which will allow you to better deal with the various gotchas and quirks present in today's browsers and resource loading features.
Slides: https://perfnow.nl/_downloads/2023/ResourceLoading_RobinMarx_PerfNow2023.pdf About Robin: linkedin.com/in/rmarx
More about performance.now(); https://perfnow.nl Receive conference announcements in your inbox: https://perfnow.nl/subscribeCreating Performance Impact in a Changing Tech Landscape | Tammy Everts | performance.now() 2023Web Conferences Amsterdam2023-11-23 | In this talk, Tammy shared best practices to chase impact in our current landscape of smaller teams, aggressive goals, and an ever-growing tech stack. Topics include how to:
- Identify your critical rendering path - Focus on the pages that matter - Fix the low-hanging fruit - Manage expectations - Use performance budgets to fight regressions - Quantify success – and brag about it!
More about performance.now(); https://perfnow.nl Receive conference announcements in your inbox: https://perfnow.nl/subscribeThe Unbearable Weight of Massive JavaScript | Ryan Townsend | performance.now() 2023Web Conferences Amsterdam2023-11-21 | For the past 10+ years, JavaScript frameworks and Single Page Applications have been marketed as the solution to all our performance, robustness and productivity problems, but things haven’t worked out the way we’d all hoped, have they?
- Simple marketing and ecommerce sites are still getting heavier and slower. - Features fail in weird and wonderful ways meaning we need an ever-increasing array of tooling to monitor and debug problems. - Teams armed with the latest Apple Silicon Macs, expensive CI tooling and complex build pipelines still can’t ship effectively.
But it’s not all doom-and-gloom: we live in a time of unprecedented opportunity to give our users a fantastic experience – the web platform has never been more capable than it is today.
Let’s look at what we can achieve by simplifying our web architecture, utilising new and upcoming Web Platform APIs and getting back to building fast, maintainable, user-friendly front-ends.
More about performance.now(); https://perfnow.nl Receive conference announcements in your inbox: https://perfnow.nl/subscribeOptimizing your React Application | Keerthana Krishnan | performance.now() 2023Web Conferences Amsterdam2023-11-20 | React has climbed the ranks to be the darling of developers everywhere when looking at a JS framework for front-end development. But as its popularity increases, do people really know the right way to use React? New evidence shows that despite its perks, websites written in React rank lower than average when comparing performance metrics. This session explores the key questions of React performance:
- What - What are the metrics of React performance measurement? - Why - Why is this topic important? - How - How can we improve the performance of your web application?
This presentation is React-specific and mainly focused on web applications but has some takeaways for other frameworks and mobile app developers as well.
More about performance.now(); https://perfnow.nl Receive conference announcements in your inbox: https://perfnow.nl/subscribeBreaking Down Long Tasks | Nishu Goel | performance.now() 2023Web Conferences Amsterdam2023-11-16 | We will explore the pending Core Web Vital, Interaction to Next Paint that replaces FID in 2024 and diagnose it to solve pains with annoying long tasks in the browser, also using the Long Animation Frames API.
More about performance.now(); https://perfnow.nl Receive conference announcements in your inbox: https://perfnow.nl/subscribeBenchmarking Browsers | Bas Schouten | performance.now() 2023Web Conferences Amsterdam2023-11-13 | Web browsers are fast, but there’s constant demand for them to get faster. Developers want to build powerful sites, and users want a smooth browsing experience. But given the breadth of web content, it’s very hard for browser vendors to identify which optimizations will have the largest impact on the felt experience of actual people on the Web.
Making progress on this requires a shared understanding of what matters. Speedometer 3 started last year as a cross-industry collaborative effort to build a benchmark that reflects the real-world Web as much as possible.
In this session we’ll talk about the benchmark, how we built it to represent the modern Web, and how we’ve been using it to make web pages faster.
More about performance.now(); https://perfnow.nl Receive conference announcements in your inbox: https://perfnow.nl/subscribeperformance.now() 2023 compilationWeb Conferences Amsterdam2023-11-09 | The 4th performance.now() conference took place on November 2nd and 3rd, 2023.
All sessions are released at once for Early Adopter members, and will become available in a steady pace for regular subscribers.Pushing Pixels | Mark Zeman | performance.now() 2023Web Conferences Amsterdam2023-11-09 | Often when building websites, our units of measure are “pages”. It’s time to get more granular! Not every pixel on a page has the same importance. Users want to see the most important content first, while the ad team might want their content delivered early as well. Content elements need deliberate prioritisation rather than trying to make the whole page fast. Let’s pull the idea of a “page” apart and explore a design and development pipeline that focuses on islands of content. How do we then design, build and monitor the performance of our content islands?
Slides: https://noti.st/zeman/U2Xtyt/pushing-pixels About Mark: twitter.com/MarkZeman
More about performance.now(); https://perfnow.nl Receive conference announcements in your inbox: https://perfnow.nl/subscribePerformant by Default | Terry OShea | PerfNow Pre-EventWeb Conferences Amsterdam2023-11-07 | Not every engineer can devote their career to improving web performance. How do we help the average product engineer—working on a deadline and juggling dozens of other requirements—make the right performance choices when building out a website? Drawing on case studies from the Etsy web performance team, let's talk about ways you can enforce perf best practices in your codebase as easily and automatically as possible.
Presented at the performance.now() Pre-Event Meetup sponsored by Speed Kit at Kapitein Zeppos in Amsterdam on November 1st, 2023.
More info about Speed Kit: speedkit.comHow to Build an Adaptive, Performant Web App | Medhat Dawoud | PerfNow Pre-EventWeb Conferences Amsterdam2023-11-07 | Learn to build adaptive web apps that respond to user behaviour and context. Discover responsive design principles, data-driven decision-making, and practical implementation. Improve user engagement with personalised web experiences through testing and feedback.
About Medhat: https://www.medhat.dev
Presented at the performance.now() Pre-Event Meetup sponsored by Speed Kit at Kapitein Zeppos in Amsterdam on November 1st, 2023.
More info about Speed Kit: speedkit.comCrUX to Sea Level: Lessons in Distilling RUM | David Ross | PerfNow Pre-EventWeb Conferences Amsterdam2023-11-07 | How you tell & present a story from user data can encourage organizational buy-in (or hinder it). Go from aggregate data & rough SQL to the polished deck slide you're sending upward to management.
Presented at the performance.now() Pre-Event Meetup sponsored by Speed Kit at Kapitein Zeppos in Amsterdam on November 1st, 2023.
More info about Speed Kit: speedkit.comFramework Tools for Image Optimization | Kara Erickson | PerfNow Pre-EventWeb Conferences Amsterdam2023-11-07 | The Chrome Aurora team has spent the last few years building performance-focused components and tooling into popular frameworks like Next.js, Angular, and Nuxt. Learn more about the image components we've built for these frameworks, how they improve performance, and how to include them in your next project.
Presented at the performance.now() Pre-Event Meetup sponsored by Speed Kit at Kapitein Zeppos in Amsterdam on November 1st, 2023.
More info about Speed Kit: speedkit.comWhy We Need a Green Perf Metric | Brian Louis Ramirez | PerfNow Pre-EventWeb Conferences Amsterdam2023-11-07 | The Internet is the biggest machine ever built – and it has a huge impact on our environment. How can we as perf experts help make IT more sustainable? What would enable us to do more?
Presented at the performance.now() Pre-Event Meetup sponsored by Speed Kit at Kapitein Zeppos in Amsterdam on November 1st, 2023.
More info about Speed Kit: speedkit.comRUM & LoAF | Erwin Hofman | PerfNow Pre-EventWeb Conferences Amsterdam2023-11-07 | As we (RUMvision) joined Chrome's LoAF OT, we recently started collecting data and believe LoAF will come with huge impact based on data so far.Although still collecting, outcomes will be shared in this talk.
Presented at the performance.now() Pre-Event Meetup sponsored by Speed Kit at Kapitein Zeppos in Amsterdam on November 1st, 2023.
More info about Speed Kit: speedkit.comSpeeding up Heap Snapshots (From 10 minutes to 6 seconds!) | Jason Williams | PerfNow Pre-EventWeb Conferences Amsterdam2023-11-06 | This lightning talk will explore some performance problems we discovered while diagnosing a memory leak in a JavaScript application, and how we fixed them to make JavaScript memory analysis faster than ever. We'll discuss the steps we took to achieve a 100x boost in speed to Heap Snapshot generation in collaboration with Igalia. The result: we reduced the time it took to capture a 100MB heap snapshot from a painful 10 minutes to a very pleasant 6 seconds!
Presented at the performance.now() Pre-Event Meetup sponsored by Speed Kit at Kapitein Zeppos in Amsterdam on November 1st, 2023.
More info about Speed Kit: speedkit.comThat’s not how I wrote CSS 3 years ago | Manuel Matuzović | CSS Day 2023Web Conferences Amsterdam2023-07-28 | How I write CSS has changed several times in the last two decades. It made different transitions, especially in the first couple of years, until I found my final form for the longest time. Due to some addition to the language, it changed again recently and will change even more with modern CSS.
In his talk, Manuel goes down memory lane and presents some of the most significant impacts that changed how we write CSS in the past, and he tries to predict future influences. He also explains why his project #100DaysOfMoreOrLessModernCSS was one of his best and worst ideas at the same time.
Slides: https://noti.st/matuzo/fhwxAn About Manuel: https://www.matuzo.at
More about CSS Day: https://cssday.nl or twitter.com/CSSDayConf Receive conference announcements in your inbox: https://cssday.nl/subscribeLiven up your websites with Scroll-Driven Animations & View Transitions | Bramus Van Damme | CSS DayWeb Conferences Amsterdam2023-07-24 | It is important for a user interface to feel polished and fluid. A great way to help with that are appropriate animations and transitions. They help users build an accurate mental model of how the interface works, thereby increasing the overall usability.
In this talk, you’ll learn how you can use View Transitions and Scroll-Driven Animations to achieve exactly that.
More about CSS Day: https://cssday.nl or twitter.com/CSSDayConf Receive conference announcements in your inbox: https://cssday.nl/subscribeShining Light on the Shadow DOM | Cassondra Roberts | CSS Day 2023Web Conferences Amsterdam2023-07-20 | Light DOM, Shadow DOM, encapsulation, slots, templates — vocabulary gets thrown around a lot when we talk about styling Web Components but how do all these pieces fit together? It’s easy to get caught up in the JavaScript of it all but in this talk, we’re going to dig into the nuances of styling these darlings of design.
Together we’ll examine the cascade and learn how inheritance works when Shadow DOMs get involved. After a crash-course in terminology, we’ll explore some of the “gotchas”, look at browser inconsistencies, and I’ll proffer some compatibility approaches that won’t give you a migraine. We’ll wrap things up by zooming out and examining how we can use Web Components to build consistency in a codified design library through theming.
Slides: https://allons-y.llc/presentation/cssday About Cassondra: https://allons-y.llc
More about CSS Day: https://cssday.nl or twitter.com/CSSDayConf Receive conference announcements in your inbox: https://cssday.nl/subscribeSupercharge your skills with creative coding Vol IX: You :has the power | Jhey Tompkins | CSSDay 23Web Conferences Amsterdam2023-07-17 | The web platform is an incredible thing we all have access to. You’re able to create pretty much anything you want (within reason) by opening a browser. It’s just pixels, am I right?
In a sea of gradient text and three box layouts, express yourself! Creative coding really brings with it so many benefits. But, the main one? The confidence to solve whatever is laid in front of you. When you stop dwelling on the "Why?" and worry less about the "How?", you can focus on the exciting part, the "What?".
About Jhey: https://jhey.dev
More about CSS Day: https://cssday.nl or twitter.com/CSSDayConf Receive conference announcements in your inbox: https://cssday.nl/subscribeModern CSS For Dynamic Component-Based Architecture | Stephanie Eckles | CSS Day 2023Web Conferences Amsterdam2023-07-12 | Unlock the potential of modern CSS development! Explore a modern project architecture that emphasizes theming, responsive layouts, and component design. Learn about features to improve code organization, and dig into layout techniques such as grid and container queries. Get inspired by real-world examples of context-aware components that use cutting-edge CSS techniques. After this informative session, you’ll be inspired to expand your CSS skills and ready to create scalable, future-friendly web projects.
Write-up: https://moderncss.dev/modern-css-for-dynamic-component-based-architecture Slides: https://noti.st/st3ph/ea40FC/modern-css-for-dynamic-component-based-architecture About Stephanie: thinkdobecreate.com
More about CSS Day: https://cssday.nl or twitter.com/CSSDayConf Receive conference announcements in your inbox: https://cssday.nl/subscribeModern CSS Development: Tooling & Workflows | Umar Hansa | CSS Day 2023Web Conferences Amsterdam2023-07-10 | In this session, you'll learn how to use modern tooling to your advantage when working on CSS code. Quickly scaffold out your project, use code snippets in any context, setup powerful editor workflows, and more. You'll also learn about tools that can help with CSS performance and visual regression testing, so you can confidently change your code while trusting the process!
More about CSS Day: https://cssday.nl or twitter.com/CSSDayConf Receive conference announcements in your inbox: https://cssday.nl/subscribeCSS Containers, What Do They Know? | Miriam Suzanne | CSS Day 2023Web Conferences Amsterdam2023-07-05 | A deep-dive introduction to CSS Container Queries
How did Container Queries go from ‘impossible’ to ‘shipping’ after so many years? How do we use them, and what hidden powers do they have? What are CSS containers, and what queries can they respond to? Let’s find out!
While the basics look a lot like media queries, and can work as a drop-in replacement for many existing @media rules — there are some key differences to understand, and a lot more power than you might expect. Along the way we’ll encounter CSS fundamentals like normal flow, intrinsic and extrinsic sizing, value resolution, and more. Join me to learn all you need to know about using container queries in your web projects.
More about CSS Day: https://cssday.nl or twitter.com/CSSDayConf Receive conference announcements in your inbox: https://cssday.nl/subscribeThis Talk Is Under Construction: A Love Letter to the Personal Website | Sophie Koonin | CSS Day 23Web Conferences Amsterdam2023-07-04 | Remember Geocities? The unbridled creativity and questionable colour schemes of a bygone era. There was a time when websites existed as reflections of your personality or a shrine to your favourite band rather than carbon copies of a Facebook page or Twitter feed. Content wasn’t algorithmically curated, but shared through links pages and webrings.
With today’s browsers and modern CSS, we have at our fingertips so many powerful APIs and tools to build the most incredible, beautiful and wonderfully pointless websites that have ever existed, in ways that are accessible and performant like never before. And in the wake of Twitter’s slow demise, the humble personal website is rising from the ashes.
This is a manifesto for building something just for the fun of it, and a rallying cry to tell your story on a platform that’s entirely yours.
About Sophie: https://localghost.dev
More about CSS Day: https://cssday.nl or twitter.com/CSSDayConf Receive conference announcements in your inbox: https://cssday.nl/subscribeWhy Doesnt CSS Have Scope? | Heydon Pickering | CSS Day 2023Web Conferences Amsterdam2023-06-29 | People talk a lot about how CSS “isn’t scoped” and that this is a problem somehow. But what do they mean? Isn’t apportioning scope to style what CSS is for? This session will ask whether “global” CSS is such a bad thing, if stylesheets themselves are really a good thing, if we really need to rely on a framework developed at a genocide fomenting social media company to add scope to CSS, and what we can learn about CSS from the critical reception of Swedish death metal band Entombed’s 1996 album, “To Ride, Shoot Straight, and Speak The Truth”.
More about CSS Day: https://cssday.nl or twitter.com/CSSDayConf Receive conference announcements in your inbox: https://cssday.nl/subscribeStyle Recalculation Secrets They Dont Want You To Know | Patrick Brosset | CSS Day 2023Web Conferences Amsterdam2023-06-26 | A deep dive into style recalculations and CSS selector performance
How do browsers actually recalculate styles when webpages change? Can the way you write CSS impact the speed of the recalculation process?
In this talk, we'll go through the details of how browser engines react to DOM changes and apply styles to the page again. We'll also take a look at examples and case studies to make things practical. And finally, we'll review developer tools that will help you investigate style performance bottlenecks.
Slides: https://noti.st/patrickbrosset/NIyBLK/style-recalculation-secrets-they-dont-want-you-to-know About Patrick: patrickbrosset.com
More about CSS Day: https://cssday.nl or twitter.com/CSSDayConf Receive conference announcements in your inbox: https://cssday.nl/subscribe