Object Oriented CSS

Feb 4, 20091,097 likes286,108 views

How do you scale CSS for millions of visitors or thousands of pages? The slides from Nicole's presentation at Web Directions North in Denver will show you how to use Object Oriented CSS to write fast, maintainable, standards-based front end code. Adds much needed predictability to CSS so that even beginners can participate in writing beautiful, standards-compliant, fast websites.

CSS (Cascading Style Sheets) is a stylesheet language used to describe the presentation of HTML documents. CSS allows you to control the color, font, size, spacing, and other aspects of HTML elements. CSS properties like background, text, font, links, lists and box model can be used to format HTML elements. CSS rules have selectors that specify the element to which a declaration applies, and declarations that contain property-value pairs that define the presentation of the element.

Value Stream Mapping: How to Visualize Work & Align Leadership for Organizati...TKMG, Inc.

Recorded webinar: http://slidesha.re/1mRCY9U Subscribe: http://www.ksmartin.com/subscribe To purchase the book: http://bit.ly/VSMbk Value Stream Mapping is an essential organizational transformation tool that is often misunderstood and under-utilized. In this webinar, you'll get an advance glimpse into Karen and Mike Osterling's latest book, which will be out in December. You'll learn the in's and out's of planning for a mapping activity, tips for effective mapping sessions, and how to create a transformation plan with "stickiness." You'll also learn the difference between value stream and process mapping and where A3, kata, kaizen events fit into the picture.

Atomic designBrad Frost

Big idealJorge Yunes

Diabetes MellitusMD Abdul Haleem

This document provides an overview of diabetes mellitus (DM), including the three main types (Type 1, Type 2, and gestational diabetes), signs and symptoms, complications, pathophysiology, oral manifestations, dental management considerations, emergency management, diagnosis, and treatment. DM is caused by either the pancreas not producing enough insulin or cells not responding properly to insulin, resulting in high blood sugar levels. The document compares and contrasts the characteristics of Type 1 and Type 2 DM.

Power Point Presentation on Artificial Intelligence Anushka Ghosh

Republic Act No. 11313 Safe Spaces Act (Bawal Bastos Law).pptxmaricelabaya1

The document summarizes key aspects of the Safe Spaces Act, which aims to address gender-based sexual harassment. It defines harassment in public spaces, online, and work/educational settings. Acts considered harassment include catcalling, unwanted comments on appearance, stalking, and distributing intimate photos without consent. Those found guilty face penalties like imprisonment or fines. The law also requires employers and educational institutions to disseminate the law, prevent harassment, and address complaints through committees.

What is Object Oriented CSS?Nicole Sullivan

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.

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.

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.

BEM it! Introduction to BEM methodologyVarya Stepanova

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 - OOCSS, SMACSS and moreRuss Weakley

CSS For Backend Developers10Clouds

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 Best practiceRuss Weakley

This document provides tips for best practices when writing CSS code. It recommends avoiding inline styles, header styles, multiple CSS files, and !important. It also recommends using shorthand properties, avoiding universal selectors and IDs when possible, optimizing images, and using CSS3 properties instead of images. In summary, the document outlines techniques for writing efficient, well-structured CSS code to improve performance and maintainability.

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.

BEM - CSS, SeriouslyRoland Lösslein

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.

DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...Jer Clarke

CSS3, Media Queries, and Responsive DesignZoe Gillenwater

This document discusses responsive web design using CSS3 media queries. It begins with an introduction to media queries and their syntax for modifying CSS based on screen width. It then covers examples of adapting layouts, images, and other design elements for different screen sizes. Finally, it addresses techniques for supporting older browsers that do not support media queries, such as using conditional comments or JavaScript libraries.

Our Best Practices Are Killing UsNicole Sullivan

Intro to HTML and CSS basicsEliran Eliassy

This document provides an overview of HTML and CSS topics including: - A brief history of HTML and CSS standards from 1990 to present. - Descriptions of common HTML elements like <body>, <head>, <img>, <a>, and lists. - Explanations of CSS concepts like selectors, properties, units, positioning, and layout fundamentals. - Details on CSS topics like the box model, centering content, semantic HTML, and flexbox. The document serves as a course outline or reference for learning HTML and CSS fundamentals.

Css floatsWebtech Learning

Learn BEM: CSS Naming ConventionIn a Rocket

CSS framework By PalashPalashBajpai

Flexbox and Grid LayoutRachel Andrew

This document provides an overview and examples of CSS Grids and Flexbox layout techniques. It discusses how Flexbox allows items to be laid out in a single direction row or column, and how CSS Grids enable two-dimensional page layouts using rows and columns. Examples are given for creating navigation menus, image galleries, and multi-column page designs using these new CSS properties. Media queries are also used to redefine grid layouts at different screen sizes.

Bootstrap PPT by MukeshMukesh Kumar

The document provides an overview of Bootstrap, including: - Bootstrap is an open-source HTML, CSS, and JS framework for developing responsive mobile-first websites and web apps. - It contains utilities for typography, forms, buttons, navigation, and other interface components, as well as optional JavaScript extensions. - The document describes various Bootstrap components like grids, navigation, buttons, forms, images, alerts, progress bars, and panels. It provides code examples for how to implement these components.

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

Responsive Design Workflow: Webshaped 2012Stephen Hay

More Related Content

What's hot (20)

What is Object Oriented CSS?Nicole Sullivan

CSS Bloat!Nicole Sullivan

BEM It! for BrandwatchMax Shirshin

BEM it! Introduction to BEM methodologyVarya Stepanova

CSS - OOCSS, SMACSS and moreRuss Weakley

CSS For Backend Developers10Clouds

The benefits of BEM CSSBob Donderwinkel

CSS Best practiceRuss Weakley

BEM it! Introduction to BEMVarya Stepanova

BEM - CSS, SeriouslyRoland Lösslein

Design Fast WebsitesNicole Sullivan

DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...Jer Clarke

CSS3, Media Queries, and Responsive DesignZoe Gillenwater

Our Best Practices Are Killing UsNicole Sullivan

Intro to HTML and CSS basicsEliran Eliassy

Css floatsWebtech Learning

Learn BEM: CSS Naming ConventionIn a Rocket

CSS framework By PalashPalashBajpai

Flexbox and Grid LayoutRachel Andrew

Bootstrap PPT by MukeshMukesh Kumar

What is Object Oriented CSS?Nicole Sullivan

CSS Bloat!Nicole Sullivan

BEM It! for BrandwatchMax Shirshin

BEM it! Introduction to BEM methodologyVarya Stepanova

CSS - OOCSS, SMACSS and moreRuss Weakley

CSS For Backend Developers10Clouds

The benefits of BEM CSSBob Donderwinkel

CSS Best practiceRuss Weakley

BEM it! Introduction to BEMVarya Stepanova

BEM - CSS, SeriouslyRoland Lösslein

Design Fast WebsitesNicole Sullivan

DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...Jer Clarke

CSS3, Media Queries, and Responsive DesignZoe Gillenwater

Our Best Practices Are Killing UsNicole Sullivan

Intro to HTML and CSS basicsEliran Eliassy

Css floatsWebtech Learning

Learn BEM: CSS Naming ConventionIn a Rocket

CSS framework By PalashPalashBajpai

Flexbox and Grid LayoutRachel Andrew

Bootstrap PPT by MukeshMukesh Kumar

Similar to Object Oriented CSS (20)

The Fast And The FabulousNicole Sullivan

Responsive Design Workflow: Webshaped 2012Stephen Hay

Responsive Design Workflow: Mobilism 2012Stephen Hay

Responsive Design Workflow (Breaking Development Conference 2012 Orlando)Stephen Hay

Drupal Themes: Past, present and futureNicolas Borda

Designing Special Feature PagesJackie Hai

Fusion-io SSD and SQL Server 2008Mark Ginnebaugh

Fusion Iossdandsqlserver2008 091022013943 Phpapp02eddiesauvao

Sumeet Bansal presented on using solid state storage from Fusion-io to dramatically improve SQL Server performance. He discussed the limitations of traditional spinning disk storage and how solid state storage allows databases to achieve memory-like performance. Bansal highlighted Fusion-io's technology which addresses endurance issues in flash memory. He provided a case study of Wine.com which saw massive performance gains across its SQL Server databases after implementing Fusion-io storage. Bansal invited attendees to join the revolution and experiment with new database solutions using solid state storage.

catalog_09_webtutorialsruby

This document is the winter/spring 2009 catalogue for Apress, a publisher of technology books. It introduces new titles focused on Mac OS X and iPhone development, including books on Objective-C, the iPhone SDK, and Cocoa programming. It also highlights additional titles planned for 2009 in areas like Snow Leopard development, Xcode, Cocoa Frameworks, and iPhone applications. The catalogue provides information on ordering books and downloading related code samples from Apress.

catalog_09_webtutorialsruby

Object Oriented Css For High Performance Websites And ApplicationsPerconaPerformance

The document discusses object-oriented CSS (OOCSS) as a way to improve performance, code reuse, and maintainability of CSS code for websites and applications. It outlines several principles of OOCSS including creating reusable CSS components, separating container and content rules, extending objects by applying multiple classes, avoiding location-dependent styles, and separating structure from skin. Examples are provided to illustrate these concepts. The goal of OOCSS is to write more modular, predictable and maintainable CSS code.

Web or SDK DevelopmentJohn Wilker

The document discusses the advantages and disadvantages of developing applications for the iPhone using web development versus using the iPhone SDK. Some key advantages of web development are simplicity, dynamism from being able to easily update functionality, and global reach from being part of the web. Some advantages of using the iPhone SDK include greater depth of functionality by having deeper access to device features and better performance from being native code. The document considers factors for each approach for different types of iPhone applications.

SharePoint Branding - 3 Most Common MistakesNicolePullin

Boston, MA Developer Group 2/7/2019 - Introduction to lightning web componentsBingWang77

Lightning Web Components (LWC) is a new programming model built on modern web standards that provides enhanced productivity, performance, and compatibility. LWC uses ES6+, Custom Elements, and Shadow DOM for a faster and more standards-based experience. It runs alongside existing Lightning components and can be used via clicks or code. LWC takes advantage of advances in web standards like the W3C and ECMAScript to provide a more performant and transferable skills framework compared to prior Lightning frameworks.

JavaScript: the who, what, when, where, why, & howMonty Dickerson

JavaScript is a lightweight, interpreted programming language that is used for client-side web development. It was originally introduced in 1995 to make web pages more interactive and has since expanded to server-side applications through Node.js. Some best practices for JavaScript include using meaningful variable names, writing narrative code, avoiding polluting the global namespace, using strict mode, isolating DOM access, following common patterns like the module pattern, and progressively enhancing functionality while degrading gracefully without JavaScript.

Understanding DomLiquidHub

This document provides an introduction to understanding the Document Object Model (DOM). It discusses what the DOM is, how it represents XML documents as a tree structure of nodes, and how the DOM specifications have evolved over time to support additional XML features. The document also outlines what tools are needed to run the Java examples provided, and introduces the author and conventions used in the tutorial.

Building an E-commerce website in MEAN stackdivyapisces

This document provides an overview of building an eCommerce site using the MEAN stack. It begins with an introduction to JavaScript and then discusses the key components of the MEAN stack including Node.js, AngularJS, and MongoDB. It provides details on each component, their history, features, and how they work together. It emphasizes how MongoDB is well-suited for eCommerce applications due to its flexible schema and ability to store different product types within the same collection.

Foundation of Web Application Developmnet - XHTMLVashira Ravipanich

Between a Block & a Hard PlaceWP Engine

Pronounced S-pro-ut-Co-re (Introduction to SproutCore)Julio Javier Cicchelli

The Fast And The FabulousNicole Sullivan

Responsive Design Workflow: Webshaped 2012Stephen Hay

Responsive Design Workflow: Mobilism 2012Stephen Hay

Responsive Design Workflow (Breaking Development Conference 2012 Orlando)Stephen Hay

Drupal Themes: Past, present and futureNicolas Borda

Designing Special Feature PagesJackie Hai

Fusion-io SSD and SQL Server 2008Mark Ginnebaugh

Fusion Iossdandsqlserver2008 091022013943 Phpapp02eddiesauvao

catalog_09_webtutorialsruby

Object Oriented Css For High Performance Websites And ApplicationsPerconaPerformance

Web or SDK DevelopmentJohn Wilker

SharePoint Branding - 3 Most Common MistakesNicolePullin

Boston, MA Developer Group 2/7/2019 - Introduction to lightning web componentsBingWang77

JavaScript: the who, what, when, where, why, & howMonty Dickerson

Understanding DomLiquidHub

Building an E-commerce website in MEAN stackdivyapisces

Foundation of Web Application Developmnet - XHTMLVashira Ravipanich

Between a Block & a Hard PlaceWP Engine

Pronounced S-pro-ut-Co-re (Introduction to SproutCore)Julio Javier Cicchelli

More from Nicole Sullivan (12)

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.

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

5 Mistakes of Massive CSSNicole Sullivan

CSS Wish List @JSConfNicole Sullivan

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

Taming CSS SelectorsNicole Sullivan

Pourquoi la performance?Nicole Sullivan

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

CSS Power ToolsNicole Sullivan

5 Mistakes of Massive CSSNicole Sullivan

CSS Wish List @JSConfNicole Sullivan

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

Taming CSS SelectorsNicole Sullivan

Pourquoi la performance?Nicole Sullivan

7 Habits of Exceptional PerformanceNicole Sullivan

After YSlow "A"Nicole Sullivan

Recently uploaded (20)

Forest Education Presentation In Green Beige Nature Watercolor Style_20250516...elnarababayeva2000

DAEMON Tools Pro 13 Crack + Serial Key [Latest] 2025Software

Chimera Tool Latest Version 2025 Free DownloadSorry Iam Engaged

KPMG – Future of Supply Chain | ESG, Technology & Risk Strategies for 2030INKPPT

EY – The Future of Assurance | How Technology is Transforming the AuditINKPPT

DU Meter Crack Latest Version Free DownloadDesigner

Recycled Materials and Eco-Design for design students.pptxProf. Hany El-Said

Welcome to Sustainable Creativity: Explore how recycled and eco-materials transform waste into art and design, fostering a circular economy. eco-materials reduce environmental impact while sparking innovation and aesthetic value. Presentation Focus: Learn definitions, classifications, creative examples, trends, and practical applications for sustainable design education. Our Goal: Inspire students and faculty to integrate eco-materials into projects, shaping a greener future through design.

Using AI to streamline personas and journey map creation by Kyle SoucyUXPA Boston

Recording from Kyle's talk at UXPA Boston's Annual Conference 2025: https://www.youtube.com/watch?v=IapifJhSW-k Join us to explore the transformative role of Generative AI in the field of UX, specifically in the creation of personas and journey maps. This session will dive into practical methods and tools that streamline UX processes, enhance creativity, and ensure a productive balance between technological efficiency and the critical human touch. Participants will gain insights into effectively integrating AI tools like ChatGPT, Google Gemini, and others into their UX practices. Whether you're a novice curious about AI or a seasoned practitioner seeking to optimize your workflows, this talk will provide valuable strategies and examples to elevate your UX projects.

OSTEOBLASTOS (1).pdferkfkekfnfnfnfnfnfndisraelalvarado033

Elevating Urban Skylines: The Power of High-Rise Exterior Renderings by Yantr...Yantram Animation Studio Corporation

Presenting a new high-rise development demands impactful visuals that resonate with potential buyers and investors. Yantram Studio delivers exceptional exterior rendering services, transforming complex architectural designs into stunningly realistic imagery. We meticulously model every facet, ensuring accurate representation of scale, materials, and the interplay of light and shadow. Our renderings provide a powerful marketing tool, offering a tangible glimpse into the future of urban living and commercial spaces. Partner with us to visualize your success. Step beyond traditional blueprints and immerse your audience in the future of your high-rise project with Yantram Studio's expert exterior rendering services. We leverage cutting-edge technology and artistic expertise to create visualizations that capture the essence of your design. From sleek glass facades to intricate architectural details and the vibrant urban environment, our renderings offer a compelling narrative, fostering excitement and understanding for your ambitious projects. See your vision come alive with Yantram Studio. In the competitive realm of real estate development, captivating visuals are paramount. Yantram Studio specializes in crafting photorealistic high-rise exterior renderings that breathe life into architectural blueprints. Our meticulous attention to detail, from material textures to lighting nuances and surrounding urban context, provides stakeholders with an immersive preview of the final structure. Experience the transformative impact of compelling visualizations that drive investment and accelerate project approvals. Let us elevate your urban vision. 🌐 Visit: www.yantramstudio.com 📧 hello@yantramstudio.com 📞 Whatsapp :+91 99097 05001 (India) 💡 Powered by - @yantramstudio

CONTENT MARKETING.pdf vfhfhfbdvdfvdfregfbjtjhj

uTorrent Pro Crack Download for PC [Latest] 2025 VersionWeb Designer

War Thunder 2.45 Crack Latest Version Download For PCSoftware

Atmospheric Aramco Pitch from Atmosphericjacksonudy1

UnlockTool Crack 2025.8 Setup Free Download Latest VersionDesigner

COLOR THEROY IN GRAPHIC DESIGN HANDBOOK FOR BEGINNERSalainyanda99

exploring human values through eeg and deep learning methodsshobhabasavaraj762

In this presentation, we explore the fundamentals and practical applications of deep learning, a subset of machine learning inspired by the structure and function of the human brain. Our project delves into how deep neural networks are designed, trained, and applied to solve complex problems across various domains. We provide a comprehensive overview of key architectures such as Convolutional Neural Networks (CNNs), Recurrent Neural Networks (RNNs), and Transformers, highlighting their strengths and use cases. The presentation includes a detailed case study of our implemented model, which addresses [insert your project focus – e.g., image classification, sentiment analysis, object detection, etc.], showcasing the workflow from data preprocessing to model evaluation.

VSO ConvertXtoDVD Crack [Latest] Free Download 2025Sorry Iam Engaged

McKinsey’s Fashion on Climate Report: A Roadmap to Cut Emissions by 50% by 2030INKPPT

‘Everybody is a designer’ revisited:  A Retrospective on Design’s Power, Posi...Lou Susi

‘Everybody is a designer’ revisited:  A Retrospective on Design’s Power, Position, and Future in an Era of Increasing Uncertainty Co-presented by Colin Owens and Lou Susi at the 2025 UXPA Boston Conference at The Boston Sheraton on Copley In the mid-to-late 2010s, the provocative phrase ‘Everybody is a designer’ gained traction in UX and design circles. For some, it was a rallying cry for democratization; for others, a frustrating oversimplification of a deeply strategic profession. The debate sparked conversations about design’s role in business, its strategic value, and its place in the product-development triad. Fast forward to 2025: UX and design professionals are navigating an industry shaken by waves of layoffs, shifting priorities, and increasing commoditization. As design moved from external agencies to in-house teams and embraced methodologies like Design Thinking, have we inadvertently diluted our influence? Did the push for inclusivity in design inadvertently lead to its own marginalization? And most importantly: Where do we go from here?

Forest Education Presentation In Green Beige Nature Watercolor Style_20250516...elnarababayeva2000

DAEMON Tools Pro 13 Crack + Serial Key [Latest] 2025Software

Chimera Tool Latest Version 2025 Free DownloadSorry Iam Engaged

KPMG – Future of Supply Chain | ESG, Technology & Risk Strategies for 2030INKPPT

EY – The Future of Assurance | How Technology is Transforming the AuditINKPPT

DU Meter Crack Latest Version Free DownloadDesigner

Recycled Materials and Eco-Design for design students.pptxProf. Hany El-Said

Using AI to streamline personas and journey map creation by Kyle SoucyUXPA Boston

OSTEOBLASTOS (1).pdferkfkekfnfnfnfnfnfndisraelalvarado033

Elevating Urban Skylines: The Power of High-Rise Exterior Renderings by Yantr...Yantram Animation Studio Corporation

CONTENT MARKETING.pdf vfhfhfbdvdfvdfregfbjtjhj

uTorrent Pro Crack Download for PC [Latest] 2025 VersionWeb Designer

War Thunder 2.45 Crack Latest Version Download For PCSoftware

Atmospheric Aramco Pitch from Atmosphericjacksonudy1

UnlockTool Crack 2025.8 Setup Free Download Latest VersionDesigner

COLOR THEROY IN GRAPHIC DESIGN HANDBOOK FOR BEGINNERSalainyanda99

exploring human values through eeg and deep learning methodsshobhabasavaraj762

VSO ConvertXtoDVD Crack [Latest] Free Download 2025Sorry Iam Engaged

McKinsey’s Fashion on Climate Report: A Roadmap to Cut Emissions by 50% by 2030INKPPT

‘Everybody is a designer’ revisited:  A Retrospective on Design’s Power, Posi...Lou Susi

Editor's Notes

#2: Introductions - Nicole Sullivan, worked at yahoo, specialist in scalable high performance websites.
#5: 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.
#6: couple years coding in the basement by yourself before you are remotely useful. Profession needs to accomodate entry level, mid level, and architect level developers. Frankly, I’m tired of writing rounded corner boxes. I’ve done it 1000 times already. What I want is a system that allows newbies to do that part so I can focus on the architect level challenges.
#7: New (different) html pages should be able to be built without modifying the CSS.
#8: And for good reason. Currently there is no consistency or predictability.
#9: Perfectly accessible or high performance website, and then the first newbie to touch it, ruins it. Our code should be robust enough that newbies can contribute while maintaining the standards we’ve set.
#12: yoga, balance metaphor
#13: “Once upon a time...” pages to modules to objects
#22: If we build new HTML pages from a component library, new pages won’t require new css. So what goes into a component library. First up, content objects.
#23: Anything else that should be consistent site-wide.
#26: media, media extended, wrap Open editable zone
#28: presentational elements
#38: function created to return area that occasionally returns the diameter instead.
#52: not because you can’t do it everyone in this room could position something to the left and something else to the right. Also because, when working with beginners, they need not to figure out a brand new system with each module.
#60: If ducati and saleMod both specify border, and the rules are the same strength, ducati should “win” as it is the last class specified.
#61: Support for child element selectors would solve this, but would increase the length of the rules. E > F

Object Oriented CSS

Recommended

More Related Content

What's hot (20)

Similar to Object Oriented CSS (20)

More from Nicole Sullivan (12)

Recently uploaded (20)

Editor's Notes