Web Design Engineering With the New CSS | Matthias Ott | CSS Day 2024 Web Conferences Amsterdam 2024-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/JrA84RAbout Matthias: matthiasott.comMore about CSS Day: https://cssday.nl or twitter.com/CSSDayConfReceive conference announcements in your inbox: https://cssday.nl/subscribe
CSS Masonry Layouts | Nicole Sullivan | CSS Day 2024 Web Conferences Amsterdam 2024-09-23 | About Nicole: stubbornella.orgMore about CSS Day: https://cssday.nl or twitter.com/CSSDayConfReceive conference announcements in your inbox: https://cssday.nl/subscribe
How to Teach CSS | Josh Comeau | CSS Day 2024 Web Conferences Amsterdam 2024-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.About Josh: joshwcomeau.comMore about CSS Day: https://cssday.nl or twitter.com/CSSDayConfReceive conference announcements in your inbox: https://cssday.nl/subscribe
Impactful Experimentation | Roma Komarov | CSS Day 2024 Web Conferences Amsterdam 2024-09-10 | About Roma: https://kizu.devMore about CSS Day: https://cssday.nl or twitter.com/CSSDayConfReceive conference announcements in your inbox: https://cssday.nl/subscribe
Scroll-Enhanced Experiences | Carmen Ansio | CSS Day 2024 Web Conferences Amsterdam 2024-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.Slides: slides.com/carmenansio/scroll-enhanced-experiencesAbout Carmen: https://www.carmenansio.devMore about CSS Day: https://cssday.nl or twitter.com/CSSDayConfReceive conference announcements in your inbox: https://cssday.nl/subscribe
Anchor Positioning | Tab Atkins-Bittner | CSS Day 2024 Web Conferences Amsterdam 2024-08-28 | Slides: tabatkins.com/talks/2024-06-07About Tab: tabatkins.comMore about CSS Day: https://cssday.nl or twitter.com/CSSDayConfReceive conference announcements in your inbox: https://cssday.nl/subscribe
The “Other” C in CSS | Sara Soueidan | CSS Day 2024 Web Conferences Amsterdam 2024-08-19 | About Sara: sarasoueidan.comMore about CSS Day: https://cssday.nl or twitter.com/CSSDayConfReceive conference announcements in your inbox: https://cssday.nl/subscribe
Start over-engineering your CSS | Kevin Powell | CSS Day 2024 Web Conferences Amsterdam 2024-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.About Kevin: kevinpowell.coMore about CSS Day: https://cssday.nl or twitter.com/CSSDayConfReceive conference announcements in your inbox: https://cssday.nl/subscribe
The Garden and The Treadmill | Stephen Hay | CSS Day 2024 Web Conferences Amsterdam 2024-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.About Stephen: the-haystack.comMore about CSS Day: https://cssday.nl or twitter.com/CSSDayConfReceive conference announcements in your inbox: https://cssday.nl/subscribe
Standardization Stories | Elika Etemad | CSS Day 2024 Web Conferences Amsterdam 2024-07-30 | About Elika: fantasai.inkedblade.netMore about CSS Day: https://cssday.nl or twitter.com/CSSDayConfReceive conference announcements in your inbox: https://cssday.nl/subscribe
Problems solved by OpenType | Roel Nieskens | CSS Day 2024 Web Conferences Amsterdam 2024-07-22 | About Roel: https://pixelambacht.nlMore about CSS Day: https://cssday.nl or twitter.com/CSSDayConfReceive conference announcements in your inbox: https://cssday.nl/subscribe
Character Modeling in CSS | Julia Miocene | CSS Day 2024 Web Conferences Amsterdam 2024-07-15 | About Julia: miocene.ioMore about CSS Day: https://cssday.nl or twitter.com/CSSDayConfReceive conference announcements in your inbox: https://cssday.nl/subscribe
Utility First CSS Isn’t Inline Styles | Sarah Dayan | CSS Day 2024 Web Conferences Amsterdam 2024-07-08 | Slides: https://noti.st/sarahdayan/clOedjAbout Sarah: frontstuff.ioMore about CSS Day: https://cssday.nl or twitter.com/CSSDayConfReceive conference announcements in your inbox: https://cssday.nl/subscribe
Layout and Reading Order | Rachel Andrew | CSS Day 2024 Web Conferences Amsterdam 2024-07-01 | Slides: https://noti.st/rachelandrew/AoKXheAbout Rachel: rachelandrew.co.ukMore about CSS Day: https://cssday.nl or twitter.com/CSSDayConfReceive conference announcements in your inbox: https://cssday.nl/subscribe
CSS Day 2024 compilation Web Conferences Amsterdam 2024-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/subscribe
CSS Day 2024 is over, watch all talks! Web Conferences Amsterdam 2024-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/join
performance.now() 2023, all talks from day 2 Web Conferences Amsterdam 2023-12-19 | We've got seven talks for you lined up today, MC'd by Sia Karamalegos!9:44: Matt Hobbs, Bridging the Digital Divide using Web PerformanceSlides: docs.google.com/presentation/d/1dOQK5_MND13MF9D45-qvlTgqOQjsMKdM5p608Fyp0Z4/view1:30:57: Tim Vereecke, Noise Canceling RUMSlides: scalemates.com/akamai/perfnow.pdf2:18:33: Estela Franco, Challenging Assumptions About LCP Best Practices (with data!)Slides: speakerdeck.com/guaca/challenging-assumptions-about-lcp-best-practices-with-data4:29:27: Harry Roberts, Cache Rules EverythingSlides: speakerdeck.com/csswizardry/cache-rules-everything5:22:52: Jodie Chan, Decoding the Web in China for Peak Web PerformanceSlides: chinafy.com/chinafy-for-performance6:49:20: Patrick Meenan, Compression DictionariesSlides: docs.google.com/presentation/d/1KjDeIBr_dqrhBz6o61BTBOSBzfBcEuABb24tT5ISBQ8/view7:42:12: Tim Kadlec, Closing keynoteSee https://perfnow.nl/schedule for the full schedule and talk details.More about performance.now(); https://perfnow.nlReceive conference announcements about next year in your inbox: https://perfnow.nl/subscribe
From Here to There | Tim Kadlec | performance.now() 2023 Web Conferences Amsterdam 2023-12-14 | The closing keynote of this year's conference.About Tim: timkadlec.comMore about performance.now(); https://perfnow.nlReceive conference announcements in your inbox: https://perfnow.nl/subscribe
Compression Dictionaries | Patrick Meenan | performance.now() 2023 Web Conferences Amsterdam 2023-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.Slides: docs.google.com/presentation/d/1KjDeIBr_dqrhBz6o61BTBOSBzfBcEuABb24tT5ISBQ8/viewAbout Patrick: twitter.com/patmeenanMore about performance.now(); https://perfnow.nlReceive conference announcements in your inbox: https://perfnow.nl/subscribe
Decoding the Web in China for Peak Web Performance | Jodie Chan | performance.now() 2023 Web Conferences Amsterdam 2023-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.Slides: chinafy.com/chinafy-for-performanceAbout Jodie: twitter.com/jodiewycMore about performance.now(); https://perfnow.nlReceive conference announcements in your inbox: https://perfnow.nl/subscribe
performance.now() 2023, all talks from day 1 Web Conferences Amsterdam 2023-12-06 | We've got seven talks for you lined up today, MC'd by Phil Hawksworth!17:48: Mark Zeman, Pushing PixelsSlides: https://noti.st/zeman/U2Xtyt/pushing-pixels1:38:45: Bas Schouten, Benchmarking BrowsersSlides: faraday.basschouten.com/mozilla/PerfNowPresentation.pdf2:30:34: Nishu Goel, Breaking Down Long TasksSlides: speakerdeck.com/nishugoel/diagnosing-inp-and-breaking-down-long-tasks4:35:24: Keerthana Krishnan, Optimizing your React ApplicationSlides: https://noti.st/keerthanak17/koNy8w5:26:40: Ryan Townsend, The Unbearable Weight of Massive JavaScriptSlides: speakerdeck.com/ryantownsend/the-unbearable-weight-of-massive-javascript-performance-dot-now6:56:04: Tammy Everts, Creating Performance Impact in a Changing Tech LandscapeSlides: speakerdeck.com/tammyeverts/how-to-create-impact-in-a-changing-tech-landscape-perfnow-20237:46:36: Robin Marx, Resource Loading at the Cutting EdgeSlides: https://perfnow.nl/_downloads/2023/ResourceLoading_RobinMarx_PerfNow2023.pdfSee https://perfnow.nl/schedule for the full schedule and talk details.More about performance.now(); https://perfnow.nlReceive conference announcements about next year in your inbox: https://perfnow.nl/subscribe
Cache Rules Everything | Harry Roberts | performance.now() 2023 Web Conferences Amsterdam 2023-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.Slides: speakerdeck.com/csswizardry/cache-rules-everythingAbout Harry: csswizardry.comMore about performance.now(); https://perfnow.nlReceive conference announcements in your inbox: https://perfnow.nl/subscribe
Challenging Assumptions About LCP Best Practices | Estela Franco | performance.now() 2023 Web Conferences Amsterdam 2023-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.Slides: speakerdeck.com/guaca/challenging-assumptions-about-lcp-best-practices-with-dataAbout Estela: estelafranco.comMore about performance.now(); https://perfnow.nlReceive conference announcements in your inbox: https://perfnow.nl/subscribe
Noise Canceling RUM | Tim Vereecke | performance.now() 2023 Web Conferences Amsterdam 2023-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 metricsThis 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.Slides: scalemates.com/akamai/perfnow.pdfAbout Tim: twitter.com/TimVereeckeMore about performance.now(); https://perfnow.nlReceive conference announcements in your inbox: https://perfnow.nl/subscribe
Bridging the Digital Divide using Web Performance | Matt Hobbs | performance.now() 2023 Web Conferences Amsterdam 2023-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.Slides: talks.nooshu.com/N86m1L/bridging-the-digital-divide-using-web-performanceAbout Matt: nooshu.comMore about performance.now(); https://perfnow.nlReceive conference announcements in your inbox: https://perfnow.nl/subscribe
Resource Loading at the Cutting Edge | Robin Marx | performance.now() 2023 Web Conferences Amsterdam 2023-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.pdfAbout Robin: linkedin.com/in/rmarxMore about performance.now(); https://perfnow.nlReceive conference announcements in your inbox: https://perfnow.nl/subscribe
Creating Performance Impact in a Changing Tech Landscape | Tammy Everts | performance.now() 2023 Web Conferences Amsterdam 2023-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!Slides: speakerdeck.com/tammyeverts/how-to-create-impact-in-a-changing-tech-landscape-perfnow-2023About Tammy: http://tammyeverts.comMore about performance.now(); https://perfnow.nlReceive conference announcements in your inbox: https://perfnow.nl/subscribe
The Unbearable Weight of Massive JavaScript | Ryan Townsend | performance.now() 2023 Web Conferences Amsterdam 2023-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.Slides: speakerdeck.com/ryantownsend/the-unbearable-weight-of-massive-javascript-performance-dot-nowAbout Ryan: twnsnd.comMore about performance.now(); https://perfnow.nlReceive conference announcements in your inbox: https://perfnow.nl/subscribe
Optimizing your React Application | Keerthana Krishnan | performance.now() 2023 Web Conferences Amsterdam 2023-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.Slides: https://noti.st/keerthanak17/koNy8wAbout Keerthana: keerthanakrishnan.comMore about performance.now(); https://perfnow.nlReceive conference announcements in your inbox: https://perfnow.nl/subscribe
Breaking Down Long Tasks | Nishu Goel | performance.now() 2023 Web Conferences Amsterdam 2023-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.Slides: speakerdeck.com/nishugoel/diagnosing-inp-and-breaking-down-long-tasksAbout Nishu: https://unravelweb.devMore about performance.now(); https://perfnow.nlReceive conference announcements in your inbox: https://perfnow.nl/subscribe
Benchmarking Browsers | Bas Schouten | performance.now() 2023 Web Conferences Amsterdam 2023-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.Slides: faraday.basschouten.com/mozilla/PerfNowPresentation.pdfAbout Bas: https://mastodon.social/@Schouten_BMore about performance.now(); https://perfnow.nlReceive conference announcements in your inbox: https://perfnow.nl/subscribe
performance.now() 2023 compilation Web Conferences Amsterdam 2023-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() 2023 Web Conferences Amsterdam 2023-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-pixelsAbout Mark: twitter.com/MarkZemanMore about performance.now(); https://perfnow.nlReceive conference announcements in your inbox: https://perfnow.nl/subscribe
Performant by Default | Terry OShea | PerfNow Pre-Event Web Conferences Amsterdam 2023-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.About Terry: linkedin.com/in/terry-o-shea-455aba35Presented 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.com
How to Build an Adaptive, Performant Web App | Medhat Dawoud | PerfNow Pre-Event Web Conferences Amsterdam 2023-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.devPresented 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.com
CrUX to Sea Level: Lessons in Distilling RUM | David Ross | PerfNow Pre-Event Web Conferences Amsterdam 2023-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.About David: hachyderm.io/@DRossPresented 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.com
Framework Tools for Image Optimization | Kara Erickson | PerfNow Pre-Event Web Conferences Amsterdam 2023-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.About Kara: twitter.com/karaforthewinPresented 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.com
Why We Need a Green Perf Metric | Brian Louis Ramirez | PerfNow Pre-Event Web Conferences Amsterdam 2023-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?Slides: screenspan.net/talks/green-perf-metricAbout Brian: screenspan.netPresented 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.com
RUM & LoAF | Erwin Hofman | PerfNow Pre-Event Web Conferences Amsterdam 2023-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.About Erwin: erwinhofman.com/erwin-hofman/linkedinPresented 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.com
Speeding up Heap Snapshots (From 10 minutes to 6 seconds!) | Jason Williams | PerfNow Pre-Event Web Conferences Amsterdam 2023-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!About Jason: jason-williams.co.ukPresented 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.com
That’s not how I wrote CSS 3 years ago | Manuel Matuzović | CSS Day 2023 Web Conferences Amsterdam 2023-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/fhwxAnAbout Manuel: https://www.matuzo.atMore about CSS Day: https://cssday.nl or twitter.com/CSSDayConfReceive conference announcements in your inbox: https://cssday.nl/subscribe
Liven up your websites with Scroll-Driven Animations & View Transitions | Bramus Van Damme | CSS Day Web Conferences Amsterdam 2023-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.About Bramus: bram.usMore about CSS Day: https://cssday.nl or twitter.com/CSSDayConfReceive conference announcements in your inbox: https://cssday.nl/subscribe
Shining Light on the Shadow DOM | Cassondra Roberts | CSS Day 2023 Web Conferences Amsterdam 2023-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/cssdayAbout Cassondra: https://allons-y.llcMore about CSS Day: https://cssday.nl or twitter.com/CSSDayConfReceive conference announcements in your inbox: https://cssday.nl/subscribe
Supercharge your skills with creative coding Vol IX: You :has the power | Jhey Tompkins | CSSDay 23 Web Conferences Amsterdam 2023-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.devMore about CSS Day: https://cssday.nl or twitter.com/CSSDayConfReceive conference announcements in your inbox: https://cssday.nl/subscribe
Modern CSS For Dynamic Component-Based Architecture | Stephanie Eckles | CSS Day 2023 Web Conferences Amsterdam 2023-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-architectureSlides: https://noti.st/st3ph/ea40FC/modern-css-for-dynamic-component-based-architectureAbout Stephanie: thinkdobecreate.comMore about CSS Day: https://cssday.nl or twitter.com/CSSDayConfReceive conference announcements in your inbox: https://cssday.nl/subscribe
Modern CSS Development: Tooling & Workflows | Umar Hansa | CSS Day 2023 Web Conferences Amsterdam 2023-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!About Umar: umaar.comMore about CSS Day: https://cssday.nl or twitter.com/CSSDayConfReceive conference announcements in your inbox: https://cssday.nl/subscribe
CSS Containers, What Do They Know? | Miriam Suzanne | CSS Day 2023 Web Conferences Amsterdam 2023-07-05 | A deep-dive introduction to CSS Container QueriesHow 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.Slides: slides.oddbird.net/cq/cssdayAbout Miriam: miriamsuzanne.comMore about CSS Day: https://cssday.nl or twitter.com/CSSDayConfReceive conference announcements in your inbox: https://cssday.nl/subscribe
This Talk Is Under Construction: A Love Letter to the Personal Website | Sophie Koonin | CSS Day 23 Web Conferences Amsterdam 2023-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.devMore about CSS Day: https://cssday.nl or twitter.com/CSSDayConfReceive conference announcements in your inbox: https://cssday.nl/subscribe
Why Doesnt CSS Have Scope? | Heydon Pickering | CSS Day 2023 Web Conferences Amsterdam 2023-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”.About Heydon: heydonworks.comMore about CSS Day: https://cssday.nl or twitter.com/CSSDayConfReceive conference announcements in your inbox: https://cssday.nl/subscribe
Style Recalculation Secrets They Dont Want You To Know | Patrick Brosset | CSS Day 2023 Web Conferences Amsterdam 2023-06-26 | A deep dive into style recalculations and CSS selector performanceHow 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-knowAbout Patrick: patrickbrosset.comMore about CSS Day: https://cssday.nl or twitter.com/CSSDayConfReceive conference announcements in your inbox: https://cssday.nl/subscribe
