What is Object Oriented CSS?

May 20, 2009138 likes43,179 views

This document discusses object-oriented CSS (OOCSS) as an evolution of CSS that makes it more powerful. OOCSS involves creating reusable CSS objects rather than page-specific rules, setting good global defaults, abstracting reusable elements, separating container and content, and using multiple classes to simulate inheritance. This allows for more scalable, maintainable and performant CSS code. Some best practices of OOCSS include creating semantic object classes like .heading rather than styling specific elements directly. The document provides examples of OOCSS principles and their benefits.

This document provides an introduction to the BEM (Block, Element, Modifier) methodology for organizing HTML, CSS, and JavaScript code in a consistent semantic structure. It explains that BEM aims to address the lack of a unified semantic model across frontend technologies by introducing a common naming convention based on blocks, elements, and modifiers. It then details BEM's core concepts and provides examples and best practices for implementing BEM in HTML/CSS and JavaScript.

CSS Bloat!Nicole Sullivan

Your website has out-of-control CSS bloat. You know your performance is being impacted, but how do you move from organic CSS with no particular architecture to something lighter, more logical, and easier to maintain? In this session, Nicole Sullivan and Stoyan Stefanov will show you how they improved the CSS at Facebook and Yahoo! Search. After this session you will know how to: 1. Use lint tools to automate and evaluate the efficiency of your CSS 2. Avoid the top 5 causes of CSS bloat, and 3. Speed up your site by making the UI code an order of magnitude smaller.

CSS For Backend Developers10Clouds

CSS - OOCSS, SMACSS and moreRuss Weakley

How to Make HTML and CSS FilesLearningNerd

About Best friends - HTML, CSS and JSNaga Harish M

Our Best Practices Are Killing UsNicole Sullivan

BEM It! for BrandwatchMax Shirshin

The document introduces the BEM (Block, Element, Modifier) methodology for organizing CSS, HTML, and JavaScript code into reusable components. It describes BEM as a semantic model that defines blocks, elements, and modifiers to structure interfaces. Blocks are standalone parts of an interface, elements are integral parts of blocks, and modifiers define block/element properties or states. The document provides examples of BEM naming conventions and discusses benefits like improved reusability, reduced specificity issues, and serving as a common language for designers and developers.

オブジェクト指向設計の原則Toru Koido

オブジェクト指向の入門資料KubotaHideya

OOCSS, SMACSS or BEM?Michael Posso

こわくない GitKota Saito

BEM it! Introduction to BEMVarya Stepanova

This document provides an introduction to the BEM (Block, Element, Modifier) methodology for organizing HTML, CSS, and JavaScript code in a consistent and modular way. It explains the basic concepts of BEM including blocks, elements, and modifiers. It also discusses how to implement BEM through CSS naming conventions and provides examples. Best practices for using BEM with HTML, CSS, JavaScript, file structure, and build processes are covered. The goal of BEM is to provide a common semantic framework for building user interfaces and managing front-end code.

초보자를 위한 Git & GitHubYurim Jin

SQL Server のインデックス設計Koji Yamada

良質なコードを高速に書くコツShunji Konishi

ドメイン駆動設計 ( DDD ) をやってみよう増田亨

The benefits of BEM CSSBob Donderwinkel

The document discusses the benefits of using Block Element Modifier (BEM) methodology for CSS architecture. It begins with an introduction to BEM, explaining the concepts of blocks, elements, and modifiers. It then discusses some of the practical benefits of BEM such as reducing CSS specificity issues, improving decoupling of HTML and CSS, and enabling automation through predictable class naming. It addresses some potential criticisms of BEM like long class names but argues that BEM can be used effectively on projects of any size. Finally it shares some BEM tools and techniques including approaches for handling multiple modifiers on a single element.

CSS Power ToolsNicole Sullivan

Let’s admit it, the tools for writing CSS aren’t very advanced. For the most part, the people who write tools don’t know about CSS and the people who know about CSS don’t write tools. Quite a conundrum! In this session, you’ll learn about good tools that can make development faster and maintenance easier. We’ll also talk a bit about where we can go from here. What tools do we need as sites are becoming more and more complex? We need to get beyond tools whose primary goal is to avoid hand-coding and realize that, as our techniques for writing CSS become more powerful, our tools can too! Session will include: * Validators * Preprocessors * Finding dead rules * Linting * CSS3 gradient tools * Performance measurement tools * Unit testing

SSR with React - Connecting Next.js with WordPressImran Sayed

SEO helps you to find new users and promote your brand on the top pages of search engines. Learn how Server Side Rendering ( SSR ) for React applications can help in SEO and increase your site's performance. And how to connect Next.js with WordPress. Google's two waves of indexing. We will learn: 1 - Importance of SSR in JavaScript applications. 2 - How Next.js can make development super fun and easy. 3 - Connecting Next.js with WordPress using the WordPress REST API.

RESTfulとは星影月夜

Goのシンプルさについてpospome

Laravel Blade×vue.js 混在させる場合の注意点誠一郎栗原

ドメイン駆動設計という仕事の流儀増田亨

Professional CssSubramanyan Murali

The document discusses various techniques for writing professional CSS, including: - CSS allows for rich styling and separates presentation from structure. - Basic CSS rules include using selectors to style elements, grouping styles, and inheritance. - More advanced selectors include class, ID, attribute, and pseudo-class selectors. - The cascade, inheritance, and specificity determine which styles take precedence. - Proper use of CSS structure, selectors, and rules allows for clean separation of concerns and maintainable styling.

Beginners css tutorial for web designersSingsys Pte Ltd

【修正版】Django + SQLAlchemy: シンプルWayTakayuki Shimizukawa

Simple Way with Django + SQLAlchemy AT PyCon JP 2020 https://pycon.jp/2020/timetable/?id=203756 質疑応答 > Ryuji Tsutsui から全員に: 02:58 PM > INNNER JOIN > Nが1個多い？ほんとだ。slideshareにあげた資料、直せません！ > Taku Shimizu から全員に: 03:00 PM > 「ドキュメントに記載されていない」なかなかのパワーフレーズですねでしょー > uranusjr から全員に: 03:04 PM > g2の別名はT3になるのはなぜですか？ Djangoが自動的にテーブルを2回JOINすることもあって、そういう場合自動的にテーブル名の別名が付けられます。T2,T3,T4と連番で増えていきます。たぶん、登場する3つ目のテーブルだからT3なのだと思います。 `annotate(g2=FilteredRelation(...)` のように名前指定しているのに使われないのは、バグなのかどうなのか追ってません。SQLは動作するので、バグとはいえないかも。 > Manabu から全員に: 03:17 PM > SQLAlchemy のモデルクラスを直接書いていましたが、 automap_base() は使わないのですか？全テーブルを使いたいわけではないのと、用途の目的から、SQLAlchemyでForeignKeyを独自に追加定義したいなどもあるため、個別に書いています。 automap_base()を使っても良いと思います。 > c-bata から全員に: 03:19 PM > DBのマイグレーションはalembicを使う感じでしょうか？ Dango ORM側で全てマイグレーションするか、それ以外（alembicや生DDL）でマイグレーションするかは統一すればよいと思います。 Django ORM側でやるのが楽だと思いますが、Redshiftなどの場合生DDLでやるしかなかったりするし、そういう環境でこそこの方法が有用だったりします。 > あ、基本的にDjango ORMを使っていて、難しいクエリだけSQLALchemyで SQL生成している感じですかね。はい。そういう感じです。

The Fast And The FabulousNicole Sullivan

You've got a sneaking suspicion that design impacts performance. What next? Your engineers know nothing about design and your designers know nothing about performance. How can you get everyone on the same page? Which design flaws must you absolutely avoid? How do engineers slow designs with poor CSS? This presentation covers the best practices in design and OO CSS for fast, maintainable sites. * Abstraction * Flexibility * Grids * Location dependent styles Velocity Conference, 2009

The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective, Ajax ...Nicole Sullivan

More Related Content

What's hot (20)

BEM It! for BrandwatchMax Shirshin

オブジェクト指向設計の原則Toru Koido

オブジェクト指向の入門資料KubotaHideya

OOCSS, SMACSS or BEM?Michael Posso

こわくない GitKota Saito

BEM it! Introduction to BEMVarya Stepanova

초보자를 위한 Git & GitHubYurim Jin

SQL Server のインデックス設計Koji Yamada

良質なコードを高速に書くコツShunji Konishi

ドメイン駆動設計 ( DDD ) をやってみよう増田亨

The benefits of BEM CSSBob Donderwinkel

CSS Power ToolsNicole Sullivan

SSR with React - Connecting Next.js with WordPressImran Sayed

RESTfulとは星影月夜

Goのシンプルさについてpospome

Laravel Blade×vue.js 混在させる場合の注意点誠一郎栗原

ドメイン駆動設計という仕事の流儀増田亨

Professional CssSubramanyan Murali

Beginners css tutorial for web designersSingsys Pte Ltd

【修正版】Django + SQLAlchemy: シンプルWayTakayuki Shimizukawa

BEM It! for BrandwatchMax Shirshin

オブジェクト指向設計の原則Toru Koido

オブジェクト指向の入門資料KubotaHideya

OOCSS, SMACSS or BEM?Michael Posso

こわくない GitKota Saito

BEM it! Introduction to BEMVarya Stepanova

초보자를 위한 Git & GitHubYurim Jin

SQL Server のインデックス設計Koji Yamada

良質なコードを高速に書くコツShunji Konishi

ドメイン駆動設計 ( DDD ) をやってみよう増田亨

The benefits of BEM CSSBob Donderwinkel

CSS Power ToolsNicole Sullivan

SSR with React - Connecting Next.js with WordPressImran Sayed

RESTfulとは星影月夜

Goのシンプルさについてpospome

Laravel Blade×vue.js 混在させる場合の注意点誠一郎栗原

ドメイン駆動設計という仕事の流儀増田亨

Professional CssSubramanyan Murali

Beginners css tutorial for web designersSingsys Pte Ltd

【修正版】Django + SQLAlchemy: シンプルWayTakayuki Shimizukawa

Similar to What is Object Oriented CSS? (20)

The Fast And The FabulousNicole Sullivan

The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective, Ajax ...Nicole Sullivan

Building Better Responsive WebsitesHolger Bartel

The document discusses responsive web design and some best practices. It notes that responsive design is more than just fluid grids, flexible images, and media queries - it also requires considering architecture, performance, font sizing, breakpoints, image optimization, and more. The document provides tips on using relative units like ems and rems for font sizing, organizing media queries, selecting classes, and testing responsive sites.

JugglingRoss Lawley

This document discusses various aspects of interface design including color, typography, iconography, microformats, and flexibility. It provides tips on choosing color palettes, using typography effectively, designing icons and favicons, implementing microformats, and making interfaces adaptable. Examples of microformats like hCard and hCalendar are shown to demonstrate how they can work together to provide structured data on the web. The document emphasizes starting simply, reusing elements, and testing designs for robustness by turning off images and CSS.

JugglingCasey Bradford

This document discusses various topics related to interface design including color, typography, iconography, microformats, and flexibility. It provides tips for choosing color palettes, using CSS for typography, designing favicons, and using microformats to embed semantic information in HTML. It emphasizes designing with flexibility in mind by making sure interfaces are usable even when images or CSS is disabled, text is enlarged, or markup and stylesheets are validated.

Front End Best PracticesHolger Bartel

Famo.us - New generation of HTML5 Web Application FrameworkHina Chen

This document provides an overview of Famo.us, a new generation HTML5 web application framework. It discusses Famo.us' render engine and how it improves performance over traditional approaches by utilizing a virtual "render tree". Key aspects of Famo.us like modifiers, events handling, and views/widgets are explained. Examples are provided to illustrate challenges and their solutions in Famo.us. Integration with other frameworks like Angular and tools for building with Famo.us are also mentioned.

Revealnatekapi

Brad frost: Atomic design (Webdagene 2014)webdagene

OOScss Architecture For Rails AppsNetguru

This document discusses using OOScss architecture for Rails applications. It proposes dividing CSS into components, modules, and layouts. Placeholder selectors from Sass can be used to create reusable CSS modules without code bloat. Examples show issues with directly using Bootstrap for complex designs. Following OOScss principles like identifying reusable objects, using semantic HTML, and separating styles from content can help build custom designs on top of frameworks like Bootstrap more effectively.

Refresh OKCNathan Smith

This document discusses the 960 Grid System, a CSS framework that utilizes a 12-column grid layout with widths of 60px each and gutters of 20px. It can be used for rapid prototyping and integrated into production environments. The document provides code examples of typical grid layouts and nested grids. It also discusses related topics like fixed-width grids, grid generators, and myths around CSS best practices.

Rapid web development, the right way.nubela

Display Suite: A Themers PerspectiveMediacurrent

Display Suite is a Drupal module that allows users to take full control over how content is displayed using a drag and drop interface without having to work with template files. It provides predefined layouts and allows users to create custom layouts and view modes. Display Suite also features code fields to add custom variables and styles to control field formatting. The module is actively maintained and widely used with thousands of active sites.

Scalable CSS You and Your Back-End Coders Can Love - @CSSConf Asia 2014Christian Lilley

This document discusses strategies for making CSS more scalable and maintainable. It recommends automating CSS with preprocessors, using clear and descriptive class names, avoiding descendant selectors when possible, and minimizing unnecessary nesting and complexity. Pseudoselectors should only be used when other options aren't available. Overall, the document emphasizes writing CSS according to first principles of maintainability, predictability and avoiding premature optimization.

He stopped using for/while loops, you won't believe what happened next!François-Guillaume Ribreau

Derrière ce titre putaclic se cache une réalité pour une partie de notre industrie. Les boucles for/while sont des structures itératives proposant le plus bas niveau d'abstraction. Les langages modernes proposent encore de nos jours ces structures car elles ont leur utilité dans quelques cas exceptionnels. Ces 10 dernières années, de nouvelles structures d'itérations sont apparues, proposant un plus haut niveau d'abstraction : donc une meilleure productivité, moins de ligne de code, donc moins de bug potentiels (que nous décrirons). Nous partirons d'exemples de code simple et montrerons leur équivalent via ces nouvelles structures puis observerons les avantages (et inconvénients ?). Les exemples seront en JavaScript mais bien entendu applicable dans d'autres langages (Java, C#, Python, Ruby, C++, Scala, Go, Rust, ...).

Drupal Theming with CSS Frameworks (960grid)Ryan Cross

The document discusses CSS frameworks and grid-based design. It introduces CSS frameworks as sets of tools and best practices that abstract routine tasks into reusable modules. Grid-based design uses a grid system to organize content spatially on a page in a clear, meaningful way for users. The document examines specific CSS frameworks, Blueprint and 960gs, and discusses advantages and disadvantages of working with grids, including how grids can facilitate creativity but also impose restrictions. It also explores using the 960gs framework with the Drupal CMS.

Deterministic capacity planning for OpenStack as elastic cloud infrastructureSean Cohen

Capacity planning for elastic cloud infrastructure platforms like OpenStack is critical for successful deployments. The proper sizing of compute resources within OpenStack allows for easier scheduling, optimal efficiency in hardware utilization, and consistency of resource allocation. Google Compute Engine and Amazon Web Services offer deterministic compute resources designed to meet both cloud provider business requirements and cloud consumer service-level requirements. In this session, we'll explore these public provider approaches, extend them to OpenStack, and provide sizing data and tools to help with your deployment. In this session, Keith Basil, Sean Cohen, and Tushar Katarki discuss: -Approaches for providing consistent compute service levels in OpenStack. -Building instance families for your workloads. -Sizing compute node for OpenStack. -Storage & Network sizing or elastic clouds - Capacity planning tools & benchmarks

Modern Front-End Developmentmwrather

WEBASSEMBLY - What's the right thing to write? -Shin Yoshida

https://github.com/wbcchsyn/slide-WEBASSEMBLY-whats-the-right-thing-to-write.git What is WebAssembly? According to webassembly.org, WebAssembly (abbreviated Wasm) is a binary instruction format for a stack-based virtual machine. I think that it is a standard to make the programming logic abstract. “standard to make the programming logic abstract.” What does it mean? What is the advantage? Let’s talk about WebAssembly while looking back on the computer history. Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License, Version 1.3 or any later version published by the Free Software Foundation; with one Invariant Sections: “Shin Yoshida wrote this document with the goal of contributing to a fair and safe world. Funai Soken Digital Incorporated agrees with the vision and compensated him for his work.” no Front-Cover Texts, and no Back-Cover Text. A copy of the license is included in the section entitled “GNU Free Documentation License”. https://github.com/wbcchsyn/slide-WEBASSEMBLY-whats-the-right-thing-to-write.git

Atomic Design - An Event Apart San DiegoBrad Frost

The Fast And The FabulousNicole Sullivan

The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective, Ajax ...Nicole Sullivan

Building Better Responsive WebsitesHolger Bartel

JugglingRoss Lawley

JugglingCasey Bradford

Front End Best PracticesHolger Bartel

Famo.us - New generation of HTML5 Web Application FrameworkHina Chen

Revealnatekapi

Brad frost: Atomic design (Webdagene 2014)webdagene

OOScss Architecture For Rails AppsNetguru

Refresh OKCNathan Smith

Rapid web development, the right way.nubela

Display Suite: A Themers PerspectiveMediacurrent

Scalable CSS You and Your Back-End Coders Can Love - @CSSConf Asia 2014Christian Lilley

He stopped using for/while loops, you won't believe what happened next!François-Guillaume Ribreau

Drupal Theming with CSS Frameworks (960grid)Ryan Cross

Deterministic capacity planning for OpenStack as elastic cloud infrastructureSean Cohen

Modern Front-End Developmentmwrather

WEBASSEMBLY - What's the right thing to write? -Shin Yoshida

Atomic Design - An Event Apart San DiegoBrad Frost

More from Nicole Sullivan (11)

Building the Media Block in ReactJS Nicole Sullivan

Why are you here?Nicole Sullivan

Creating Living Style Guides to Improve PerformanceNicole Sullivan

Don't feed the trollsNicole Sullivan

The JavaScript community is one of the most vibrant and fun groups I've ever been lucky enough to be a part of. Like any vibrant community, sometimes people don't play nicely. In this session, I will discuss what it has been like to be shy *and* be on twitter, mailing lists, and open source. I'll talk about my experiences consulting on massive CSS overhauls, and ways to defeat trolls -- including your own inner troll! I'll also share a timing attack for your brain that might just surprise you.

5 Mistakes of Massive CSSNicole Sullivan

CSS Wish List @JSConfNicole Sullivan

Taming CSS SelectorsNicole Sullivan

Pourquoi la performance?Nicole Sullivan

Design Fast WebsitesNicole Sullivan

Nicole Sullivan gives a presentation on designing fast websites. She discusses why performance matters, how websites have grown more complex over time, and how poor performance can negatively impact businesses. She provides several best practices for optimizing websites, such as creating reusable components, using consistent styles, making modules transparent, optimizing images through sprites and compression, avoiding non-standard fonts and using columns instead of rows.

7 Habits of Exceptional PerformanceNicole Sullivan

The 7 Habits of Exceptional Performance discusses techniques for optimizing website performance. It recommends flushing the buffer early, using GET requests for AJAX, preloading components, avoiding filters, measuring performance metrics, and balancing new features with performance improvements. High performance should be baked into the development process from the start. Key metrics to track include page weight, response time, and HTTP requests.

After YSlow "A"Nicole Sullivan

The document discusses 20 additional best practices for improving web performance beyond the original 14 recommendations from YSlow. It covers techniques like flushing the buffer early, splitting components for post-loading, preloading necessary assets, reducing unnecessary DOM elements, optimizing images through techniques like converting to smaller file formats and using CSS sprites, and designing for mobile performance. The document provides examples and case studies to illustrate the recommendations and cites additional resources on web performance.

Building the Media Block in ReactJS Nicole Sullivan

Why are you here?Nicole Sullivan

Creating Living Style Guides to Improve PerformanceNicole Sullivan

Don't feed the trollsNicole Sullivan

5 Mistakes of Massive CSSNicole Sullivan

CSS Wish List @JSConfNicole Sullivan

Taming CSS SelectorsNicole Sullivan

Pourquoi la performance?Nicole Sullivan

Design Fast WebsitesNicole Sullivan

7 Habits of Exceptional PerformanceNicole Sullivan

After YSlow "A"Nicole Sullivan

Recently uploaded (20)

"Client Partnership — the Path to Exponential Growth for Companies Sized 50-5...Fwdays

Automation Hour 1/28/2022: Capture User Feedback from AnywhereLynda Kane

Automation Dreamin': Capture User Feedback From AnywhereLynda Kane

Linux Professional Institute LPIC-1 Exam.pdfRHCSA Guru

"PHP and MySQL CRUD Operations for Student Management System"Jainul Musani

Technology Trends in 2025: AI and Big Data AnalyticsInData Labs

At InData Labs, we have been keeping an ear to the ground, looking out for AI-enabled digital transformation trends coming our way in 2025. Our report will provide a look into the technology landscape of the future, including: -Artificial Intelligence Market Overview -Strategies for AI Adoption in 2025 -Anticipated drivers of AI adoption and transformative technologies -Benefits of AI and Big data for your business -Tips on how to prepare your business for innovation -AI and data privacy: Strategies for securing data privacy in AI models, etc. Download your free copy nowand implement the key findings to improve your business.

"Rebranding for Growth", Anna VelykoivanenkoFwdays

Dev Dives: Automate and orchestrate your processes with UiPath MaestroUiPathCommunity

This session is designed to equip developers with the skills needed to build mission-critical, end-to-end processes that seamlessly orchestrate agents, people, and robots. 📕 Here's what you can expect: - Modeling: Build end-to-end processes using BPMN. - Implementing: Integrate agentic tasks, RPA, APIs, and advanced decisioning into processes. - Operating: Control process instances with rewind, replay, pause, and stop functions. - Monitoring: Use dashboards and embedded analytics for real-time insights into process instances. This webinar is a must-attend for developers looking to enhance their agentic automation skills and orchestrate robust, mission-critical processes. 👨‍🏫 Speaker: Andrei Vintila, Principal Product Manager @UiPath This session streamed live on April 29, 2025, 16:00 CET. Check out all our upcoming Dev Dives sessions at https://community.uipath.com/dev-dives-automation-developer-2025/.

What is Model Context Protocol(MCP) - The new technology for communication bw...Vishnu Singh Chundawat

The MCP (Model Context Protocol) is a framework designed to manage context and interaction within complex systems. This SlideShare presentation will provide a detailed overview of the MCP Model, its applications, and how it plays a crucial role in improving communication and decision-making in distributed systems. We will explore the key concepts behind the protocol, including the importance of context, data management, and how this model enhances system adaptability and responsiveness. Ideal for software developers, system architects, and IT professionals, this presentation will offer valuable insights into how the MCP Model can streamline workflows, improve efficiency, and create more intuitive systems for a wide range of use cases.

Rusty Waters: Elevating Lakehouses Beyond Sparkcarlyakerly1

Spark is a powerhouse for large datasets, but when it comes to smaller data workloads, its overhead can sometimes slow things down. What if you could achieve high performance and efficiency without the need for Spark? At S&P Global Commodity Insights, having a complete view of global energy and commodities markets enables customers to make data-driven decisions with confidence and create long-term, sustainable value. 🌍 Explore delta-rs + CDC and how these open-source innovations power lightweight, high-performance data applications beyond Spark! 🚀

Buckeye Dreamin 2024: Assessing and Resolving Technical DebtLynda Kane

Build Your Own Copilot & Agents For DevsBrian McKeiver

#AdminHour presents: Hour of Code2018 slide deck from 12/6/2018Lynda Kane

Salesforce AI Associate 2 of 2 Certification.docxJosé Enrique López Rivera

Leading AI Innovation As A Product Manager - Michael JidaelMichael Jidael

Unlike traditional product management, AI product leadership requires new mental models, collaborative approaches, and new measurement frameworks. This presentation breaks down how Product Managers can successfully lead AI Innovation in today's rapidly evolving technology landscape. Drawing from practical experience and industry best practices, I shared frameworks, approaches, and mindset shifts essential for product leaders navigating the unique challenges of AI product development. In this deck, you'll discover: - What AI leadership means for product managers - The fundamental paradigm shift required for AI product development. - A framework for identifying high-value AI opportunities for your products. - How to transition from user stories to AI learning loops and hypothesis-driven development. - The essential AI product management framework for defining, developing, and deploying intelligence. - Technical and business metrics that matter in AI product development. - Strategies for effective collaboration with data science and engineering teams. - Framework for handling AI's probabilistic nature and setting stakeholder expectations. - A real-world case study demonstrating these principles in action. - Practical next steps to begin your AI product leadership journey. This presentation is essential for Product Managers, aspiring PMs, product leaders, innovators, and anyone interested in understanding how to successfully build and manage AI-powered products from idea to impact. The key takeaway is that leading AI products is about creating capabilities (intelligence) that continuously improve and deliver increasing value over time.

Procurement Insights Cost To Value Guide.pptxJon Hansen

Buckeye Dreamin' 2023: De-fogging Debug LogsLynda Kane

UiPath Community Berlin: Orchestrator API, Swagger, and Test Manager APIUiPathCommunity

Join this UiPath Community Berlin meetup to explore the Orchestrator API, Swagger interface, and the Test Manager API. Learn how to leverage these tools to streamline automation, enhance testing, and integrate more efficiently with UiPath. Perfect for developers, testers, and automation enthusiasts! 📕 Agenda Welcome & Introductions Orchestrator API Overview Exploring the Swagger Interface Test Manager API Highlights Streamlining Automation & Testing with APIs (Demo) Q&A and Open Discussion Perfect for developers, testers, and automation enthusiasts! 👉 Join our UiPath Community Berlin chapter: https://community.uipath.com/berlin/ This session streamed live on April 29, 2025, 18:00 CET. Check out all our upcoming UiPath Community sessions at https://community.uipath.com/events/.

AI EngineHost Review: Revolutionary USA Datacenter-Based Hosting with NVIDIA ...SOFTTECHHUB

I started my online journey with several hosting services before stumbling upon Ai EngineHost. At first, the idea of paying one fee and getting lifetime access seemed too good to pass up. The platform is built on reliable US-based servers, ensuring your projects run at high speeds and remain safe. Let me take you step by step through its benefits and features as I explain why this hosting solution is a perfect fit for digital entrepreneurs.

Hands On: Create a Lightning Aura Component with force:RecordDataLynda Kane

"Client Partnership — the Path to Exponential Growth for Companies Sized 50-5...Fwdays

Automation Hour 1/28/2022: Capture User Feedback from AnywhereLynda Kane

Automation Dreamin': Capture User Feedback From AnywhereLynda Kane

Linux Professional Institute LPIC-1 Exam.pdfRHCSA Guru

"PHP and MySQL CRUD Operations for Student Management System"Jainul Musani

Technology Trends in 2025: AI and Big Data AnalyticsInData Labs

"Rebranding for Growth", Anna VelykoivanenkoFwdays

Dev Dives: Automate and orchestrate your processes with UiPath MaestroUiPathCommunity

What is Model Context Protocol(MCP) - The new technology for communication bw...Vishnu Singh Chundawat

Rusty Waters: Elevating Lakehouses Beyond Sparkcarlyakerly1

Buckeye Dreamin 2024: Assessing and Resolving Technical DebtLynda Kane

Build Your Own Copilot & Agents For DevsBrian McKeiver

#AdminHour presents: Hour of Code2018 slide deck from 12/6/2018Lynda Kane

Salesforce AI Associate 2 of 2 Certification.docxJosé Enrique López Rivera

Leading AI Innovation As A Product Manager - Michael JidaelMichael Jidael

Procurement Insights Cost To Value Guide.pptxJon Hansen

Buckeye Dreamin' 2023: De-fogging Debug LogsLynda Kane

UiPath Community Berlin: Orchestrator API, Swagger, and Test Manager APIUiPathCommunity

AI EngineHost Review: Revolutionary USA Datacenter-Based Hosting with NVIDIA ...SOFTTECHHUB

Hands On: Create a Lightning Aura Component with force:RecordDataLynda Kane

Editor's Notes

#8: After which he said that “CSS is broken” Very common to say that CSS is broken when it is misunderstood. “Emerging frameworks are a sign that CSS is broken.” Java developers -- Math class TRANSITION On the other hand, I honestly do believe we are doing it wrong.
#9: After which he said that “CSS is broken” Very common to say that CSS is broken when it is misunderstood. “Emerging frameworks are a sign that CSS is broken.” Java developers -- Math class TRANSITION On the other hand, I honestly do believe we are doing it wrong.
#13: Modular CSS is a great idea in theory, but in practice...
#16: Nothing is shared between modules, each reinvents the CSS wheel. Wastefully file sizes and http requests grow and...
#17: What is ... ?
#21: lists, headings, etc should all be global
#22: grids
#23: contours X backgrounds X content objects = complexity 1 X foo bar X 1 2 X 4 = 8 HTTP req 5 X 5 = 25 HTTP req
#24: Classes on object we wish to extend.
#27: media, media extended, wrap Open editable zone
#28: media, media extended, wrap Open editable zone
#30: media, media extended, wrap Open editable zone
#52: function created to return area that occasionally returns the diameter instead.
#60: There is a general belief in CSS development that there are many ‘right’ ways. This isn’t always true.
#63: Each time you analyze a solution, there are three main metrics that should be considered.

What is Object Oriented CSS?

Recommended

More Related Content

What's hot (20)

Similar to What is Object Oriented CSS? (20)

More from Nicole Sullivan (11)

Recently uploaded (20)

Editor's Notes