SlideShare a Scribd company logo

Object Oriented CSS

1097 likes

views

Total views286,041
On Slideshare177173
From embeds108868
Number of embeds108868
Nicole Sullivan
Nicole Sullivan

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.

Report content

1 of 64
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS
Object Oriented CSS

Recommended

What is Object Oriented CSS? by Nicole Sullivan, has 68 slides with 43179 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.
What is Object Oriented CSS?What is Object Oriented CSS?
What is Object Oriented CSS?
Nicole Sullivan
68 slides•43.2K views
CSS Bloat! by Nicole Sullivan, has 92 slides with 24862 views.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 Bloat!CSS Bloat!
CSS Bloat!
Nicole Sullivan
92 slides•24.9K views
CSS For Backend Developers by 10Clouds, has 60 slides with 1508 views.This handy “spellbook” prepared by our Frontend Developer Marta to provide guidance through the basic principles of CSS!
CSS For Backend DevelopersCSS For Backend Developers
CSS For Backend Developers
10Clouds
60 slides•1.5K views
BEM it! Introduction to BEM methodology by Varya Stepanova, has 60 slides with 1976 views.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.
BEM it! Introduction to BEM methodologyBEM it! Introduction to BEM methodology
BEM it! Introduction to BEM methodology
Varya Stepanova
60 slides•2K views
Our Best Practices Are Killing Us by Nicole Sullivan, has 111 slides with 175958 views.We keep thinking we can write better CSS if we just try harder, that the next site will be clean and stay that way. This presentation shows that in fact, messy CSS is the direct result of our worst best-practices. We need to reexamine those assumptions with an eye to practicality and scalability as well as accessibility, standards, and fabulous design.
Our Best Practices Are Killing UsOur Best Practices Are Killing Us
Our Best Practices Are Killing Us
Nicole Sullivan
111 slides•176K views
Professional Css by Subramanyan Murali, has 58 slides with 1896 views.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.
Professional CssProfessional Css
Professional Css
Subramanyan Murali
58 slides•1.9K views
BEM - CSS, Seriously by Roland Lösslein, has 76 slides with 2679 views.An in depth introduction to the BEM methodology and how to use it in the wild. The slides cover the key concepts of Block-Element-Modifier as well as their usage in HTML and CSS. Furthermore the presentation covers on how BEM can solve well-known CSS challenges.
BEM - CSS, SeriouslyBEM - CSS, Seriously
BEM - CSS, Seriously
Roland Lösslein
76 slides•2.7K views
Design Fast Websites by Nicole Sullivan, has 69 slides with 47630 views.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.
Design Fast WebsitesDesign Fast Websites
Design Fast Websites
Nicole Sullivan
69 slides•47.6K views
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a... by Jer Clarke, has 32 slides with 93505 views.Slides for a talk at the ConFoo 2012 conference in Montreal. I explain a simple yet powerful CSS architecture that avoids duplication and increases design consistency by grouping shared properties together rather than redefining them over and over. In the process I explain preprocessors like LESS and SASS, as well as the OOCSS fad, pointing out how they are insufficiently standards-compliant.
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...
Jer Clarke
32 slides•93.5K views
CSS - OOCSS, SMACSS and more by Russ Weakley, has 169 slides with 114029 views.An introduction to the changing world of CSS. Slides from Brisbane Web Designer Meetup 13 March 2013.
CSS - OOCSS, SMACSS and moreCSS - OOCSS, SMACSS and more
CSS - OOCSS, SMACSS and more
Russ Weakley
169 slides•114K views
CSS3 Media Queries by Russ Weakley, has 91 slides with 23387 views.Media queries allow CSS styles to be applied conditionally based on characteristics of the device viewing the content, like screen width. They provide a way to target specific devices and change layouts without changing the HTML. The document discusses the syntax of media queries, including using media types, features, expressions, and keywords. It provides examples of using media queries to load different style sheets or apply different CSS rules for different screen widths.
CSS3 Media QueriesCSS3 Media Queries
CSS3 Media Queries
Russ Weakley
91 slides•23.4K views
CSS by seedinteractive, has 9 slides with 4663 views.CSS (Cascading Style Sheets) is a style sheet language used to describe the presentation of structured documents written in HTML. CSS controls the layout of multiple documents from a single style sheet and allows for more precise control over layouts and different styles for different media like screens and print. CSS syntax uses selectors to apply styles denoted by properties and values to HTML elements. Styles can be applied inline, internally in the <style> tag, or externally in a separate .css file linked via the <link> tag.
CSSCSS
CSS
seedinteractive
9 slides•4.7K views
JavaScript & Dom Manipulation by Mohammed Arif, has 24 slides with 8463 views.JavaScript can dynamically manipulate the content, structure, and styling of an HTML document through the Document Object Model (DOM). The DOM represents an HTML document as nodes that can be accessed and modified with JavaScript. Common tasks include dynamically creating and adding elements, handling user events like clicks, and updating content by accessing DOM elements by their id or other attributes.
JavaScript & Dom ManipulationJavaScript & Dom Manipulation
JavaScript & Dom Manipulation
Mohammed Arif
24 slides•8.5K views
BEM It! for Brandwatch by Max Shirshin, has 60 slides with 19047 views.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! for BrandwatchBEM It! for Brandwatch
BEM It! for Brandwatch
Max Shirshin
60 slides•19K views
The benefits of BEM CSS by Bob Donderwinkel, has 55 slides with 12897 views.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.
The benefits of BEM CSSThe benefits of BEM CSS
The benefits of BEM CSS
Bob Donderwinkel
55 slides•12.9K views
Introduction to SASS by Jon Dean, has 21 slides with 13361 views.SASS is a preprocessor scripting language that makes CSS more powerful, efficient, and reusable. It allows for variables, nested rules, mixins, inheritance, and other features to help avoid repetitive CSS and make stylesheets more maintainable. SASS files use either the indented SASS or SCSS syntax and compile to normal CSS. SASS is commonly used in Rails projects but can be used in any web project to improve the CSS authoring process.
Introduction to SASSIntroduction to SASS
Introduction to SASS
Jon Dean
21 slides•13.4K views
Css by Hemant Saini, has 15 slides with 2609 views.this presentation covers the following topics which are as follows 1. Introduction of css 2. History of css 3. Types of css styling 4. Css syntax 5. Css Selector 6. Css Variations Or Css Versions
CssCss
Css
Hemant Saini
15 slides•2.6K views
OOCSS, SMACSS or BEM? by Michael Posso, has 41 slides with 7894 views.This is a overview of the most popular CSS methodologies being used today. It covers examples and workflows using tools like sass and gulp.
OOCSS, SMACSS or BEM?OOCSS, SMACSS or BEM?
OOCSS, SMACSS or BEM?
Michael Posso
41 slides•7.9K views
Angular - Chapter 1 - Introduction by WebStackAcademy, has 39 slides with 1515 views.AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly and succinctly. AngularJS's data binding and dependency injection eliminate much of the code you would otherwise have to write. And it all happens within the browser, making it an ideal partner with any server technology.
Angular - Chapter 1 - Introduction Angular - Chapter 1 - Introduction
Angular - Chapter 1 - Introduction
WebStackAcademy
39 slides•1.5K views
CSS Day: CSS Grid Layout by Rachel Andrew, has 122 slides with 10002 views.This document summarizes CSS Grid Layout, a new two-dimensional grid system being added to CSS. It discusses some of the limitations of existing CSS layout methods and how Grid Layout addresses them. Key points include: Grid Layout uses line-based placement to position items, grid tracks can be flexible or fixed widths, areas can be explicitly or implicitly named, and the system avoids hacks and limitations of previous methods.
CSS Day: CSS Grid Layout CSS Day: CSS Grid Layout
CSS Day: CSS Grid Layout
Rachel Andrew
122 slides•10K views
Introduction to React JS for beginners by Varun Raj, has 21 slides with 5652 views.- React is a JavaScript library for building user interfaces that uses a virtual DOM for faster re-rendering on state changes. - Everything in React is a component that can have states, props, and lifecycle methods like render(). Components return JSX elements. - Props are used for passing data to components in a unidirectional flow, while states allow components to re-render on changes. - The render() method returns the view, accessing props and state values. Forms and events also follow React conventions.
Introduction to React JS for beginners Introduction to React JS for beginners
Introduction to React JS for beginners
Varun Raj
21 slides•5.7K views
HTML and CSS crash course! by Ana Cidre, has 29 slides with 3249 views.HTML & CSS are languages used to structure and style web pages. HTML provides the content structure using elements, tags, and attributes. CSS controls the style and layout using selectors, properties, and values. Some common HTML terms include elements, tags, and attributes. A basic HTML document structure includes DOCTYPE, html, head, title, and body tags. CSS can be used to style HTML elements by selecting them with tags, classes, IDs and applying properties like color, font-size, background, and more.
HTML and CSS crash course!HTML and CSS crash course!
HTML and CSS crash course!
Ana Cidre
29 slides•3.2K views
Atomic Design by Rey Mayson, has 41 slides with 509 views.From a lecture for product designers, describing the Atomic Design Approach in theory and practice: the idea of approach and how it was used in production.
Atomic Design Atomic Design
Atomic Design
Rey Mayson
41 slides•509 views
Jenkins tutorial for beginners by BugRaptors, has 11 slides with 906 views.To test and build the software continuously, Bugraptors also uses Jenkins to easily identify the changes in the project. Jenkins is a very famous open source tool that performs continuous integration and delivery of projects.
Jenkins tutorial for beginnersJenkins tutorial for beginners
Jenkins tutorial for beginners
BugRaptors
11 slides•906 views
Intro to HTML and CSS basics by Eliran Eliassy, has 133 slides with 4302 views.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.
Intro to HTML and CSS basicsIntro to HTML and CSS basics
Intro to HTML and CSS basics
Eliran Eliassy
133 slides•4.3K views
Style and Selector by Yaowaluck Promdee, has 16 slides with 2915 views.This document discusses CSS style sheets and selectors. It begins with an introduction to CSS and its uses. It then covers CSS syntax, the different ways to insert CSS (inline, internal, external), and different types of selectors (element, id, class). Examples are provided for each topic. The document concludes with an assignment to create a webpage about movies using various CSS selectors and techniques learned in the document.
Style and SelectorStyle and Selector
Style and Selector
Yaowaluck Promdee
16 slides•2.9K views
JQuery introduction by NexThoughts Technologies, has 26 slides with 3161 views.This document provides an introduction to jQuery, including: - jQuery is a JavaScript library that simplifies HTML document interaction and event handling. It was created by John Resig in 2006. - The current version is 1.3.2 and version 1.4 is coming soon. John Resig continues to develop jQuery in Boston. - jQuery selects elements, changes their properties, handles events, and makes AJAX calls to simplify common JavaScript tasks. It works by selecting DOM elements and running functions on the selection.
JQuery introductionJQuery introduction
JQuery introduction
NexThoughts Technologies
26 slides•3.2K views
HTML/CSS Crash Course (april 4 2017) by Daniel Friedman, has 54 slides with 661 views.This document provides an introduction to HTML and CSS for frontend development. It begins with an overview of the instructor and goals of the course. Key concepts of HTML like tags, elements, and attributes are explained. CSS topics covered include selectors, properties, values, and layout techniques like positioning. Code examples and exercises are provided to demonstrate and practice the concepts. The document encourages continued learning and offers additional resources through Thinkful.
HTML/CSS Crash Course (april 4 2017)HTML/CSS Crash Course (april 4 2017)
HTML/CSS Crash Course (april 4 2017)
Daniel Friedman
54 slides•661 views
The Fast And The Fabulous by Nicole Sullivan, has 124 slides with 59352 views.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 Fast And The FabulousThe Fast And The Fabulous
The Fast And The Fabulous
Nicole Sullivan
124 slides•59.4K views
Responsive Design Workflow: Webshaped 2012 by Stephen Hay, has 81 slides with 2325 views.Almost exactly the same slides as for BDConf and Mobilism 2012, but some might appreciate having the actual slides from this event.
Responsive Design Workflow: Webshaped 2012Responsive Design Workflow: Webshaped 2012
Responsive Design Workflow: Webshaped 2012
Stephen Hay
81 slides•2.3K views

More Related Content

What's hot (20)

DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a... by Jer Clarke, has 32 slides with 93505 views.Slides for a talk at the ConFoo 2012 conference in Montreal. I explain a simple yet powerful CSS architecture that avoids duplication and increases design consistency by grouping shared properties together rather than redefining them over and over. In the process I explain preprocessors like LESS and SASS, as well as the OOCSS fad, pointing out how they are insufficiently standards-compliant.
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...
Jer Clarke
32 slides•93.5K views
CSS - OOCSS, SMACSS and more by Russ Weakley, has 169 slides with 114029 views.An introduction to the changing world of CSS. Slides from Brisbane Web Designer Meetup 13 March 2013.
CSS - OOCSS, SMACSS and moreCSS - OOCSS, SMACSS and more
CSS - OOCSS, SMACSS and more
Russ Weakley
169 slides•114K views
CSS3 Media Queries by Russ Weakley, has 91 slides with 23387 views.Media queries allow CSS styles to be applied conditionally based on characteristics of the device viewing the content, like screen width. They provide a way to target specific devices and change layouts without changing the HTML. The document discusses the syntax of media queries, including using media types, features, expressions, and keywords. It provides examples of using media queries to load different style sheets or apply different CSS rules for different screen widths.
CSS3 Media QueriesCSS3 Media Queries
CSS3 Media Queries
Russ Weakley
91 slides•23.4K views
CSS by seedinteractive, has 9 slides with 4663 views.CSS (Cascading Style Sheets) is a style sheet language used to describe the presentation of structured documents written in HTML. CSS controls the layout of multiple documents from a single style sheet and allows for more precise control over layouts and different styles for different media like screens and print. CSS syntax uses selectors to apply styles denoted by properties and values to HTML elements. Styles can be applied inline, internally in the <style> tag, or externally in a separate .css file linked via the <link> tag.
CSSCSS
CSS
seedinteractive
9 slides•4.7K views
JavaScript & Dom Manipulation by Mohammed Arif, has 24 slides with 8463 views.JavaScript can dynamically manipulate the content, structure, and styling of an HTML document through the Document Object Model (DOM). The DOM represents an HTML document as nodes that can be accessed and modified with JavaScript. Common tasks include dynamically creating and adding elements, handling user events like clicks, and updating content by accessing DOM elements by their id or other attributes.
JavaScript & Dom ManipulationJavaScript & Dom Manipulation
JavaScript & Dom Manipulation
Mohammed Arif
24 slides•8.5K views
BEM It! for Brandwatch by Max Shirshin, has 60 slides with 19047 views.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! for BrandwatchBEM It! for Brandwatch
BEM It! for Brandwatch
Max Shirshin
60 slides•19K views
The benefits of BEM CSS by Bob Donderwinkel, has 55 slides with 12897 views.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.
The benefits of BEM CSSThe benefits of BEM CSS
The benefits of BEM CSS
Bob Donderwinkel
55 slides•12.9K views
Introduction to SASS by Jon Dean, has 21 slides with 13361 views.SASS is a preprocessor scripting language that makes CSS more powerful, efficient, and reusable. It allows for variables, nested rules, mixins, inheritance, and other features to help avoid repetitive CSS and make stylesheets more maintainable. SASS files use either the indented SASS or SCSS syntax and compile to normal CSS. SASS is commonly used in Rails projects but can be used in any web project to improve the CSS authoring process.
Introduction to SASSIntroduction to SASS
Introduction to SASS
Jon Dean
21 slides•13.4K views
Css by Hemant Saini, has 15 slides with 2609 views.this presentation covers the following topics which are as follows 1. Introduction of css 2. History of css 3. Types of css styling 4. Css syntax 5. Css Selector 6. Css Variations Or Css Versions
CssCss
Css
Hemant Saini
15 slides•2.6K views
OOCSS, SMACSS or BEM? by Michael Posso, has 41 slides with 7894 views.This is a overview of the most popular CSS methodologies being used today. It covers examples and workflows using tools like sass and gulp.
OOCSS, SMACSS or BEM?OOCSS, SMACSS or BEM?
OOCSS, SMACSS or BEM?
Michael Posso
41 slides•7.9K views
Angular - Chapter 1 - Introduction by WebStackAcademy, has 39 slides with 1515 views.AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly and succinctly. AngularJS's data binding and dependency injection eliminate much of the code you would otherwise have to write. And it all happens within the browser, making it an ideal partner with any server technology.
Angular - Chapter 1 - Introduction Angular - Chapter 1 - Introduction
Angular - Chapter 1 - Introduction
WebStackAcademy
39 slides•1.5K views
CSS Day: CSS Grid Layout by Rachel Andrew, has 122 slides with 10002 views.This document summarizes CSS Grid Layout, a new two-dimensional grid system being added to CSS. It discusses some of the limitations of existing CSS layout methods and how Grid Layout addresses them. Key points include: Grid Layout uses line-based placement to position items, grid tracks can be flexible or fixed widths, areas can be explicitly or implicitly named, and the system avoids hacks and limitations of previous methods.
CSS Day: CSS Grid Layout CSS Day: CSS Grid Layout
CSS Day: CSS Grid Layout
Rachel Andrew
122 slides•10K views
Introduction to React JS for beginners by Varun Raj, has 21 slides with 5652 views.- React is a JavaScript library for building user interfaces that uses a virtual DOM for faster re-rendering on state changes. - Everything in React is a component that can have states, props, and lifecycle methods like render(). Components return JSX elements. - Props are used for passing data to components in a unidirectional flow, while states allow components to re-render on changes. - The render() method returns the view, accessing props and state values. Forms and events also follow React conventions.
Introduction to React JS for beginners Introduction to React JS for beginners
Introduction to React JS for beginners
Varun Raj
21 slides•5.7K views
HTML and CSS crash course! by Ana Cidre, has 29 slides with 3249 views.HTML & CSS are languages used to structure and style web pages. HTML provides the content structure using elements, tags, and attributes. CSS controls the style and layout using selectors, properties, and values. Some common HTML terms include elements, tags, and attributes. A basic HTML document structure includes DOCTYPE, html, head, title, and body tags. CSS can be used to style HTML elements by selecting them with tags, classes, IDs and applying properties like color, font-size, background, and more.
HTML and CSS crash course!HTML and CSS crash course!
HTML and CSS crash course!
Ana Cidre
29 slides•3.2K views
Atomic Design by Rey Mayson, has 41 slides with 509 views.From a lecture for product designers, describing the Atomic Design Approach in theory and practice: the idea of approach and how it was used in production.
Atomic Design Atomic Design
Atomic Design
Rey Mayson
41 slides•509 views
Jenkins tutorial for beginners by BugRaptors, has 11 slides with 906 views.To test and build the software continuously, Bugraptors also uses Jenkins to easily identify the changes in the project. Jenkins is a very famous open source tool that performs continuous integration and delivery of projects.
Jenkins tutorial for beginnersJenkins tutorial for beginners
Jenkins tutorial for beginners
BugRaptors
11 slides•906 views
Intro to HTML and CSS basics by Eliran Eliassy, has 133 slides with 4302 views.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.
Intro to HTML and CSS basicsIntro to HTML and CSS basics
Intro to HTML and CSS basics
Eliran Eliassy
133 slides•4.3K views
Style and Selector by Yaowaluck Promdee, has 16 slides with 2915 views.This document discusses CSS style sheets and selectors. It begins with an introduction to CSS and its uses. It then covers CSS syntax, the different ways to insert CSS (inline, internal, external), and different types of selectors (element, id, class). Examples are provided for each topic. The document concludes with an assignment to create a webpage about movies using various CSS selectors and techniques learned in the document.
Style and SelectorStyle and Selector
Style and Selector
Yaowaluck Promdee
16 slides•2.9K views
JQuery introduction by NexThoughts Technologies, has 26 slides with 3161 views.This document provides an introduction to jQuery, including: - jQuery is a JavaScript library that simplifies HTML document interaction and event handling. It was created by John Resig in 2006. - The current version is 1.3.2 and version 1.4 is coming soon. John Resig continues to develop jQuery in Boston. - jQuery selects elements, changes their properties, handles events, and makes AJAX calls to simplify common JavaScript tasks. It works by selecting DOM elements and running functions on the selection.
JQuery introductionJQuery introduction
JQuery introduction
NexThoughts Technologies
26 slides•3.2K views
HTML/CSS Crash Course (april 4 2017) by Daniel Friedman, has 54 slides with 661 views.This document provides an introduction to HTML and CSS for frontend development. It begins with an overview of the instructor and goals of the course. Key concepts of HTML like tags, elements, and attributes are explained. CSS topics covered include selectors, properties, values, and layout techniques like positioning. Code examples and exercises are provided to demonstrate and practice the concepts. The document encourages continued learning and offers additional resources through Thinkful.
HTML/CSS Crash Course (april 4 2017)HTML/CSS Crash Course (april 4 2017)
HTML/CSS Crash Course (april 4 2017)
Daniel Friedman
54 slides•661 views
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a... by Jer Clarke, has 32 slides with 93505 views.Slides for a talk at the ConFoo 2012 conference in Montreal. I explain a simple yet powerful CSS architecture that avoids duplication and increases design consistency by grouping shared properties together rather than redefining them over and over. In the process I explain preprocessors like LESS and SASS, as well as the OOCSS fad, pointing out how they are insufficiently standards-compliant.
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...
Jer Clarke
32 slides•93.5K views
CSS - OOCSS, SMACSS and more by Russ Weakley, has 169 slides with 114029 views.An introduction to the changing world of CSS. Slides from Brisbane Web Designer Meetup 13 March 2013.
CSS - OOCSS, SMACSS and moreCSS - OOCSS, SMACSS and more
CSS - OOCSS, SMACSS and more
Russ Weakley
169 slides•114K views
CSS3 Media Queries by Russ Weakley, has 91 slides with 23387 views.Media queries allow CSS styles to be applied conditionally based on characteristics of the device viewing the content, like screen width. They provide a way to target specific devices and change layouts without changing the HTML. The document discusses the syntax of media queries, including using media types, features, expressions, and keywords. It provides examples of using media queries to load different style sheets or apply different CSS rules for different screen widths.
CSS3 Media QueriesCSS3 Media Queries
CSS3 Media Queries
Russ Weakley
91 slides•23.4K views
CSS by seedinteractive, has 9 slides with 4663 views.CSS (Cascading Style Sheets) is a style sheet language used to describe the presentation of structured documents written in HTML. CSS controls the layout of multiple documents from a single style sheet and allows for more precise control over layouts and different styles for different media like screens and print. CSS syntax uses selectors to apply styles denoted by properties and values to HTML elements. Styles can be applied inline, internally in the <style> tag, or externally in a separate .css file linked via the <link> tag.
CSSCSS
CSS
seedinteractive
9 slides•4.7K views
JavaScript & Dom Manipulation by Mohammed Arif, has 24 slides with 8463 views.JavaScript can dynamically manipulate the content, structure, and styling of an HTML document through the Document Object Model (DOM). The DOM represents an HTML document as nodes that can be accessed and modified with JavaScript. Common tasks include dynamically creating and adding elements, handling user events like clicks, and updating content by accessing DOM elements by their id or other attributes.
JavaScript & Dom ManipulationJavaScript & Dom Manipulation
JavaScript & Dom Manipulation
Mohammed Arif
24 slides•8.5K views
BEM It! for Brandwatch by Max Shirshin, has 60 slides with 19047 views.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! for BrandwatchBEM It! for Brandwatch
BEM It! for Brandwatch
Max Shirshin
60 slides•19K views
The benefits of BEM CSS by Bob Donderwinkel, has 55 slides with 12897 views.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.
The benefits of BEM CSSThe benefits of BEM CSS
The benefits of BEM CSS
Bob Donderwinkel
55 slides•12.9K views
Introduction to SASS by Jon Dean, has 21 slides with 13361 views.SASS is a preprocessor scripting language that makes CSS more powerful, efficient, and reusable. It allows for variables, nested rules, mixins, inheritance, and other features to help avoid repetitive CSS and make stylesheets more maintainable. SASS files use either the indented SASS or SCSS syntax and compile to normal CSS. SASS is commonly used in Rails projects but can be used in any web project to improve the CSS authoring process.
Introduction to SASSIntroduction to SASS
Introduction to SASS
Jon Dean
21 slides•13.4K views
Css by Hemant Saini, has 15 slides with 2609 views.this presentation covers the following topics which are as follows 1. Introduction of css 2. History of css 3. Types of css styling 4. Css syntax 5. Css Selector 6. Css Variations Or Css Versions
CssCss
Css
Hemant Saini
15 slides•2.6K views
OOCSS, SMACSS or BEM? by Michael Posso, has 41 slides with 7894 views.This is a overview of the most popular CSS methodologies being used today. It covers examples and workflows using tools like sass and gulp.
OOCSS, SMACSS or BEM?OOCSS, SMACSS or BEM?
OOCSS, SMACSS or BEM?
Michael Posso
41 slides•7.9K views
Angular - Chapter 1 - Introduction by WebStackAcademy, has 39 slides with 1515 views.AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly and succinctly. AngularJS's data binding and dependency injection eliminate much of the code you would otherwise have to write. And it all happens within the browser, making it an ideal partner with any server technology.
Angular - Chapter 1 - Introduction Angular - Chapter 1 - Introduction
Angular - Chapter 1 - Introduction
WebStackAcademy
39 slides•1.5K views
CSS Day: CSS Grid Layout by Rachel Andrew, has 122 slides with 10002 views.This document summarizes CSS Grid Layout, a new two-dimensional grid system being added to CSS. It discusses some of the limitations of existing CSS layout methods and how Grid Layout addresses them. Key points include: Grid Layout uses line-based placement to position items, grid tracks can be flexible or fixed widths, areas can be explicitly or implicitly named, and the system avoids hacks and limitations of previous methods.
CSS Day: CSS Grid Layout CSS Day: CSS Grid Layout
CSS Day: CSS Grid Layout
Rachel Andrew
122 slides•10K views
Introduction to React JS for beginners by Varun Raj, has 21 slides with 5652 views.- React is a JavaScript library for building user interfaces that uses a virtual DOM for faster re-rendering on state changes. - Everything in React is a component that can have states, props, and lifecycle methods like render(). Components return JSX elements. - Props are used for passing data to components in a unidirectional flow, while states allow components to re-render on changes. - The render() method returns the view, accessing props and state values. Forms and events also follow React conventions.
Introduction to React JS for beginners Introduction to React JS for beginners
Introduction to React JS for beginners
Varun Raj
21 slides•5.7K views
HTML and CSS crash course! by Ana Cidre, has 29 slides with 3249 views.HTML & CSS are languages used to structure and style web pages. HTML provides the content structure using elements, tags, and attributes. CSS controls the style and layout using selectors, properties, and values. Some common HTML terms include elements, tags, and attributes. A basic HTML document structure includes DOCTYPE, html, head, title, and body tags. CSS can be used to style HTML elements by selecting them with tags, classes, IDs and applying properties like color, font-size, background, and more.
HTML and CSS crash course!HTML and CSS crash course!
HTML and CSS crash course!
Ana Cidre
29 slides•3.2K views
Atomic Design by Rey Mayson, has 41 slides with 509 views.From a lecture for product designers, describing the Atomic Design Approach in theory and practice: the idea of approach and how it was used in production.
Atomic Design Atomic Design
Atomic Design
Rey Mayson
41 slides•509 views
Jenkins tutorial for beginners by BugRaptors, has 11 slides with 906 views.To test and build the software continuously, Bugraptors also uses Jenkins to easily identify the changes in the project. Jenkins is a very famous open source tool that performs continuous integration and delivery of projects.
Jenkins tutorial for beginnersJenkins tutorial for beginners
Jenkins tutorial for beginners
BugRaptors
11 slides•906 views
Intro to HTML and CSS basics by Eliran Eliassy, has 133 slides with 4302 views.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.
Intro to HTML and CSS basicsIntro to HTML and CSS basics
Intro to HTML and CSS basics
Eliran Eliassy
133 slides•4.3K views
Style and Selector by Yaowaluck Promdee, has 16 slides with 2915 views.This document discusses CSS style sheets and selectors. It begins with an introduction to CSS and its uses. It then covers CSS syntax, the different ways to insert CSS (inline, internal, external), and different types of selectors (element, id, class). Examples are provided for each topic. The document concludes with an assignment to create a webpage about movies using various CSS selectors and techniques learned in the document.
Style and SelectorStyle and Selector
Style and Selector
Yaowaluck Promdee
16 slides•2.9K views
JQuery introduction by NexThoughts Technologies, has 26 slides with 3161 views.This document provides an introduction to jQuery, including: - jQuery is a JavaScript library that simplifies HTML document interaction and event handling. It was created by John Resig in 2006. - The current version is 1.3.2 and version 1.4 is coming soon. John Resig continues to develop jQuery in Boston. - jQuery selects elements, changes their properties, handles events, and makes AJAX calls to simplify common JavaScript tasks. It works by selecting DOM elements and running functions on the selection.
JQuery introductionJQuery introduction
JQuery introduction
NexThoughts Technologies
26 slides•3.2K views
HTML/CSS Crash Course (april 4 2017) by Daniel Friedman, has 54 slides with 661 views.This document provides an introduction to HTML and CSS for frontend development. It begins with an overview of the instructor and goals of the course. Key concepts of HTML like tags, elements, and attributes are explained. CSS topics covered include selectors, properties, values, and layout techniques like positioning. Code examples and exercises are provided to demonstrate and practice the concepts. The document encourages continued learning and offers additional resources through Thinkful.
HTML/CSS Crash Course (april 4 2017)HTML/CSS Crash Course (april 4 2017)
HTML/CSS Crash Course (april 4 2017)
Daniel Friedman
54 slides•661 views

Similar to Object Oriented CSS (20)

The Fast And The Fabulous by Nicole Sullivan, has 124 slides with 59352 views.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 Fast And The FabulousThe Fast And The Fabulous
The Fast And The Fabulous
Nicole Sullivan
124 slides•59.4K views
Responsive Design Workflow: Webshaped 2012 by Stephen Hay, has 81 slides with 2325 views.Almost exactly the same slides as for BDConf and Mobilism 2012, but some might appreciate having the actual slides from this event.
Responsive Design Workflow: Webshaped 2012Responsive Design Workflow: Webshaped 2012
Responsive Design Workflow: Webshaped 2012
Stephen Hay
81 slides•2.3K views
Responsive Design Workflow: Mobilism 2012 by Stephen Hay, has 76 slides with 86874 views.Almost exactly the same slides as for BDConf, but some might appreciate having the actual slides from this event.
Responsive Design Workflow: Mobilism 2012Responsive Design Workflow: Mobilism 2012
Responsive Design Workflow: Mobilism 2012
Stephen Hay
76 slides•86.9K views
Responsive Design Workflow (Breaking Development Conference 2012 Orlando) by Stephen Hay, has 76 slides with 42269 views.Slides from my presentation at Breaking Development 2012 in Orlando. This deck is not intended to be standalone, and probably made more sense in combination with my talk. At least, I hope so. I understand that video of the talk will be available in the near future on the Breaking Development website.
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Stephen Hay
76 slides•42.3K views
Drupal Themes: Past, present and future by Nicolas Borda, has 34 slides with 1128 views.Themes have evolved from wrapping variables in HTML markup (Past) to allowing modification of module default templates (Present). Looking ahead (Future), possibilities include a core base semantic theme, usability enhancements through jQuery plugins, and template files for all elements like forms.
Drupal Themes: Past, present and futureDrupal Themes: Past, present and future
Drupal Themes: Past, present and future
Nicolas Borda
34 slides•1.1K views
Designing Special Feature Pages by Jackie Hai, has 17 slides with 738 views.Creating a full-page multimedia feature, from design concept to coded implementation. Presentation for the CoPress College Web Design Camp 2009, by Jackie Hai.
Designing Special Feature PagesDesigning Special Feature Pages
Designing Special Feature Pages
Jackie Hai
17 slides•738 views
Fusion Iossdandsqlserver2008 091022013943 Phpapp02 by eddiesauvao, has 23 slides with 232 views.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.
Fusion Iossdandsqlserver2008 091022013943 Phpapp02Fusion Iossdandsqlserver2008 091022013943 Phpapp02
Fusion Iossdandsqlserver2008 091022013943 Phpapp02
eddiesauvao
23 slides•232 views
Fusion-io SSD and SQL Server 2008 by Mark Ginnebaugh, has 23 slides with 1669 views.Fusion-io Principal Solutions Architect Sumeet Bansal slides from presentation to the Silicon Valley User Group in October 2009. Fusion-io is a producer of enterprise-class SSDs (Solid State Drives, as opposed to HDDs – Hard Disk Drives). Their silicon-based storage architecture known as ioMemory applies flash memory to large-scale enterprise storage products like Storage Area Networks.
Fusion-io SSD and SQL Server 2008Fusion-io SSD and SQL Server 2008
Fusion-io SSD and SQL Server 2008
Mark Ginnebaugh
23 slides•1.7K views
catalog_09_web by tutorialsruby, has 26 slides with 816 views.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_webcatalog_09_web
catalog_09_web
tutorialsruby
26 slides•816 views
catalog_09_web by tutorialsruby, has 26 slides with 537 views.This document is the winter/spring 2009 catalogue for Apress, a publisher of technology books. It highlights upcoming titles in areas such as .NET, databases, Java, web development, and more. It also discusses new initiatives for books on Mac OS X, the iPhone, eBooks, and companion PDFs for print books. The catalogue aims to help readers succeed in their work and learn new technologies.
catalog_09_webcatalog_09_web
catalog_09_web
tutorialsruby
26 slides•537 views
Object Oriented Css For High Performance Websites And Applications by PerconaPerformance, has 47 slides with 1675 views.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.
Object Oriented Css For High Performance Websites And ApplicationsObject Oriented Css For High Performance Websites And Applications
Object Oriented Css For High Performance Websites And Applications
PerconaPerformance
47 slides•1.7K views
Web or SDK Development by John Wilker, has 119 slides with 1327 views.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.
Web or SDK DevelopmentWeb or SDK Development
Web or SDK Development
John Wilker
119 slides•1.3K views
SharePoint Branding - 3 Most Common Mistakes by NicolePullin, has 46 slides with 2152 views.The document discusses common mistakes in SharePoint branding: 1. Jumping into code too soon without understanding SharePoint patterns and structures. 2. Ignoring non-visible parts of the SharePoint platform that can impact branding work. 3. Coding branding solutions for personal preferences rather than the needs of end users.
SharePoint Branding - 3 Most Common MistakesSharePoint Branding - 3 Most Common Mistakes
SharePoint Branding - 3 Most Common Mistakes
NicolePullin
46 slides•2.2K views
Boston, MA Developer Group 2/7/2019 - Introduction to lightning web components by BingWang77, has 15 slides with 128 views.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.
Boston, MA Developer Group 2/7/2019 - Introduction to lightning web componentsBoston, MA Developer Group 2/7/2019 - Introduction to lightning web components
Boston, MA Developer Group 2/7/2019 - Introduction to lightning web components
BingWang77
15 slides•128 views
JavaScript: the who, what, when, where, why, & how by Monty Dickerson, has 32 slides with 559 views.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.
JavaScript: the who, what, when, where, why, & howJavaScript: the who, what, when, where, why, & how
JavaScript: the who, what, when, where, why, & how
Monty Dickerson
32 slides•559 views
Understanding Dom by LiquidHub, has 31 slides with 503 views.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.
Understanding DomUnderstanding Dom
Understanding Dom
LiquidHub
31 slides•503 views
Building an E-commerce website in MEAN stack by divyapisces, has 63 slides with 8634 views.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.
Building an E-commerce website in MEAN stackBuilding an E-commerce website in MEAN stack
Building an E-commerce website in MEAN stack
divyapisces
63 slides•8.6K views
Foundation of Web Application Developmnet - XHTML by Vashira Ravipanich, has 30 slides with 7714 views.My first presentation of the "Foundation of Web Application Development" series, which I used in in-house training. Hope it useful for the others.
Foundation of Web Application Developmnet - XHTMLFoundation of Web Application Developmnet - XHTML
Foundation of Web Application Developmnet - XHTML
Vashira Ravipanich
30 slides•7.7K views
Between a Block & a Hard Place by WP Engine, has 28 slides with 431 views.Have you hesitated using custom blocks because they're too hard? Let's debunk that rumor. In this session, learn how to leverage Genesis Custom Blocks to build your own blocks from scratch that look, and behave, exactly as you need.
Between a Block & a Hard PlaceBetween a Block & a Hard Place
Between a Block & a Hard Place
WP Engine
28 slides•431 views
Pronounced S-pro-ut-Co-re (Introduction to SproutCore) by Julio Javier Cicchelli, has 15 slides with 548 views.The slides for my SproutCore presentation called "Pronounced S-pro-ut-Co-re" in which I introduce this web client-side framework for cloud applications. It's strong and weak points. Demo some code and apps and why you should keep an eye on it.
Pronounced S-pro-ut-Co-re (Introduction to SproutCore)Pronounced S-pro-ut-Co-re (Introduction to SproutCore)
Pronounced S-pro-ut-Co-re (Introduction to SproutCore)
Julio Javier Cicchelli
15 slides•548 views
The Fast And The Fabulous by Nicole Sullivan, has 124 slides with 59352 views.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 Fast And The FabulousThe Fast And The Fabulous
The Fast And The Fabulous
Nicole Sullivan
124 slides•59.4K views
Responsive Design Workflow: Webshaped 2012 by Stephen Hay, has 81 slides with 2325 views.Almost exactly the same slides as for BDConf and Mobilism 2012, but some might appreciate having the actual slides from this event.
Responsive Design Workflow: Webshaped 2012Responsive Design Workflow: Webshaped 2012
Responsive Design Workflow: Webshaped 2012
Stephen Hay
81 slides•2.3K views
Responsive Design Workflow: Mobilism 2012 by Stephen Hay, has 76 slides with 86874 views.Almost exactly the same slides as for BDConf, but some might appreciate having the actual slides from this event.
Responsive Design Workflow: Mobilism 2012Responsive Design Workflow: Mobilism 2012
Responsive Design Workflow: Mobilism 2012
Stephen Hay
76 slides•86.9K views
Responsive Design Workflow (Breaking Development Conference 2012 Orlando) by Stephen Hay, has 76 slides with 42269 views.Slides from my presentation at Breaking Development 2012 in Orlando. This deck is not intended to be standalone, and probably made more sense in combination with my talk. At least, I hope so. I understand that video of the talk will be available in the near future on the Breaking Development website.
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Stephen Hay
76 slides•42.3K views
Drupal Themes: Past, present and future by Nicolas Borda, has 34 slides with 1128 views.Themes have evolved from wrapping variables in HTML markup (Past) to allowing modification of module default templates (Present). Looking ahead (Future), possibilities include a core base semantic theme, usability enhancements through jQuery plugins, and template files for all elements like forms.
Drupal Themes: Past, present and futureDrupal Themes: Past, present and future
Drupal Themes: Past, present and future
Nicolas Borda
34 slides•1.1K views
Designing Special Feature Pages by Jackie Hai, has 17 slides with 738 views.Creating a full-page multimedia feature, from design concept to coded implementation. Presentation for the CoPress College Web Design Camp 2009, by Jackie Hai.
Designing Special Feature PagesDesigning Special Feature Pages
Designing Special Feature Pages
Jackie Hai
17 slides•738 views
Fusion Iossdandsqlserver2008 091022013943 Phpapp02 by eddiesauvao, has 23 slides with 232 views.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.
Fusion Iossdandsqlserver2008 091022013943 Phpapp02Fusion Iossdandsqlserver2008 091022013943 Phpapp02
Fusion Iossdandsqlserver2008 091022013943 Phpapp02
eddiesauvao
23 slides•232 views
Fusion-io SSD and SQL Server 2008 by Mark Ginnebaugh, has 23 slides with 1669 views.Fusion-io Principal Solutions Architect Sumeet Bansal slides from presentation to the Silicon Valley User Group in October 2009. Fusion-io is a producer of enterprise-class SSDs (Solid State Drives, as opposed to HDDs – Hard Disk Drives). Their silicon-based storage architecture known as ioMemory applies flash memory to large-scale enterprise storage products like Storage Area Networks.
Fusion-io SSD and SQL Server 2008Fusion-io SSD and SQL Server 2008
Fusion-io SSD and SQL Server 2008
Mark Ginnebaugh
23 slides•1.7K views
catalog_09_web by tutorialsruby, has 26 slides with 816 views.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_webcatalog_09_web
catalog_09_web
tutorialsruby
26 slides•816 views
catalog_09_web by tutorialsruby, has 26 slides with 537 views.This document is the winter/spring 2009 catalogue for Apress, a publisher of technology books. It highlights upcoming titles in areas such as .NET, databases, Java, web development, and more. It also discusses new initiatives for books on Mac OS X, the iPhone, eBooks, and companion PDFs for print books. The catalogue aims to help readers succeed in their work and learn new technologies.
catalog_09_webcatalog_09_web
catalog_09_web
tutorialsruby
26 slides•537 views
Object Oriented Css For High Performance Websites And Applications by PerconaPerformance, has 47 slides with 1675 views.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.
Object Oriented Css For High Performance Websites And ApplicationsObject Oriented Css For High Performance Websites And Applications
Object Oriented Css For High Performance Websites And Applications
PerconaPerformance
47 slides•1.7K views
Web or SDK Development by John Wilker, has 119 slides with 1327 views.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.
Web or SDK DevelopmentWeb or SDK Development
Web or SDK Development
John Wilker
119 slides•1.3K views
SharePoint Branding - 3 Most Common Mistakes by NicolePullin, has 46 slides with 2152 views.The document discusses common mistakes in SharePoint branding: 1. Jumping into code too soon without understanding SharePoint patterns and structures. 2. Ignoring non-visible parts of the SharePoint platform that can impact branding work. 3. Coding branding solutions for personal preferences rather than the needs of end users.
SharePoint Branding - 3 Most Common MistakesSharePoint Branding - 3 Most Common Mistakes
SharePoint Branding - 3 Most Common Mistakes
NicolePullin
46 slides•2.2K views
Boston, MA Developer Group 2/7/2019 - Introduction to lightning web components by BingWang77, has 15 slides with 128 views.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.
Boston, MA Developer Group 2/7/2019 - Introduction to lightning web componentsBoston, MA Developer Group 2/7/2019 - Introduction to lightning web components
Boston, MA Developer Group 2/7/2019 - Introduction to lightning web components
BingWang77
15 slides•128 views
JavaScript: the who, what, when, where, why, & how by Monty Dickerson, has 32 slides with 559 views.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.
JavaScript: the who, what, when, where, why, & howJavaScript: the who, what, when, where, why, & how
JavaScript: the who, what, when, where, why, & how
Monty Dickerson
32 slides•559 views
Understanding Dom by LiquidHub, has 31 slides with 503 views.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.
Understanding DomUnderstanding Dom
Understanding Dom
LiquidHub
31 slides•503 views
Building an E-commerce website in MEAN stack by divyapisces, has 63 slides with 8634 views.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.
Building an E-commerce website in MEAN stackBuilding an E-commerce website in MEAN stack
Building an E-commerce website in MEAN stack
divyapisces
63 slides•8.6K views
Foundation of Web Application Developmnet - XHTML by Vashira Ravipanich, has 30 slides with 7714 views.My first presentation of the "Foundation of Web Application Development" series, which I used in in-house training. Hope it useful for the others.
Foundation of Web Application Developmnet - XHTMLFoundation of Web Application Developmnet - XHTML
Foundation of Web Application Developmnet - XHTML
Vashira Ravipanich
30 slides•7.7K views
Between a Block & a Hard Place by WP Engine, has 28 slides with 431 views.Have you hesitated using custom blocks because they're too hard? Let's debunk that rumor. In this session, learn how to leverage Genesis Custom Blocks to build your own blocks from scratch that look, and behave, exactly as you need.
Between a Block & a Hard PlaceBetween a Block & a Hard Place
Between a Block & a Hard Place
WP Engine
28 slides•431 views
Pronounced S-pro-ut-Co-re (Introduction to SproutCore) by Julio Javier Cicchelli, has 15 slides with 548 views.The slides for my SproutCore presentation called "Pronounced S-pro-ut-Co-re" in which I introduce this web client-side framework for cloud applications. It's strong and weak points. Demo some code and apps and why you should keep an eye on it.
Pronounced S-pro-ut-Co-re (Introduction to SproutCore)Pronounced S-pro-ut-Co-re (Introduction to SproutCore)
Pronounced S-pro-ut-Co-re (Introduction to SproutCore)
Julio Javier Cicchelli
15 slides•548 views

More from Nicole Sullivan (12)

Building the Media Block in ReactJS by Nicole Sullivan, has 107 slides with 8485 views.the API is an interface that needs to be designed. http://styleguide.pivotal.io/react_beta.html https://www.npmjs.com/search?q=pui
Building the Media Block in ReactJS Building the Media Block in ReactJS
Building the Media Block in ReactJS
Nicole Sullivan
107 slides•8.5K views
Why are you here?
Why are you here?Why are you here?
Why are you here?
Nicole Sullivan
 
Creating Living Style Guides to Improve Performance
Creating Living Style Guides to Improve PerformanceCreating Living Style Guides to Improve Performance
Creating Living Style Guides to Improve Performance
Nicole Sullivan
 
Don't feed the trolls
Don't feed the trollsDon't feed the trolls
Don't feed the trolls
Nicole Sullivan
 
CSS Power Tools
CSS Power ToolsCSS Power Tools
CSS Power Tools
Nicole Sullivan
 
5 Mistakes of Massive CSS
5 Mistakes of Massive CSS5 Mistakes of Massive CSS
5 Mistakes of Massive CSS
Nicole Sullivan
 
CSS Wish List @JSConf
CSS Wish List @JSConfCSS Wish List @JSConf
CSS Wish List @JSConf
Nicole Sullivan
 
The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective, Ajax ...
The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective, Ajax ...The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective, Ajax ...
The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective, Ajax ...
Nicole Sullivan
 
Taming CSS Selectors
Taming CSS SelectorsTaming CSS Selectors
Taming CSS Selectors
Nicole Sullivan
 
Pourquoi la performance?
Pourquoi la performance?Pourquoi la performance?
Pourquoi la performance?
Nicole Sullivan
 
7 Habits of Exceptional Performance
7 Habits of Exceptional Performance7 Habits of Exceptional Performance
7 Habits of Exceptional Performance
Nicole Sullivan
 
After YSlow "A"
After YSlow "A"After YSlow "A"
After YSlow "A"
Nicole Sullivan
 
Building the Media Block in ReactJS
Building the Media Block in ReactJS Building the Media Block in ReactJS
Building the Media Block in ReactJS
Nicole Sullivan
 
Why are you here?
Why are you here?Why are you here?
Why are you here?
Nicole Sullivan
 
Creating Living Style Guides to Improve Performance
Creating Living Style Guides to Improve PerformanceCreating Living Style Guides to Improve Performance
Creating Living Style Guides to Improve Performance
Nicole Sullivan
 
Don't feed the trolls
Don't feed the trollsDon't feed the trolls
Don't feed the trolls
Nicole Sullivan
 
CSS Power Tools
CSS Power ToolsCSS Power Tools
CSS Power Tools
Nicole Sullivan
 
5 Mistakes of Massive CSS
5 Mistakes of Massive CSS5 Mistakes of Massive CSS
5 Mistakes of Massive CSS
Nicole Sullivan
 
CSS Wish List @JSConf
CSS Wish List @JSConfCSS Wish List @JSConf
CSS Wish List @JSConf
Nicole Sullivan
 
The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective, Ajax ...
The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective, Ajax ...The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective, Ajax ...
The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective, Ajax ...
Nicole Sullivan
 
Taming CSS Selectors
Taming CSS SelectorsTaming CSS Selectors
Taming CSS Selectors
Nicole Sullivan
 
Pourquoi la performance?
Pourquoi la performance?Pourquoi la performance?
Pourquoi la performance?
Nicole Sullivan
 
7 Habits of Exceptional Performance
7 Habits of Exceptional Performance7 Habits of Exceptional Performance
7 Habits of Exceptional Performance
Nicole Sullivan
 
After YSlow "A"
After YSlow "A"After YSlow "A"
After YSlow "A"
Nicole Sullivan
 

Recently uploaded (20)

Purple And Green Mental Health YouTube Thumbnail_20250118_132337_0000.pptx
Purple And Green Mental Health YouTube Thumbnail_20250118_132337_0000.pptxPurple And Green Mental Health YouTube Thumbnail_20250118_132337_0000.pptx
Purple And Green Mental Health YouTube Thumbnail_20250118_132337_0000.pptx
MansiPriya19
 
UI UX at Ajeenkya DY Patil University.pptx
UI UX at Ajeenkya DY Patil University.pptxUI UX at Ajeenkya DY Patil University.pptx
UI UX at Ajeenkya DY Patil University.pptx
sourabhmore19
 
hc17523jfkdlkldkfjfurjdkls;jfj;sdjdsjfkdjkdsdfdfd
hc17523jfkdlkldkfjfurjdkls;jfj;sdjdsjfkdjkdsdfdfdhc17523jfkdlkldkfjfurjdkls;jfj;sdjdsjfkdjkdsdfdfd
hc17523jfkdlkldkfjfurjdkls;jfj;sdjdsjfkdjkdsdfdfd
imranoci123
 
FW26-27 Knit, Cut & Sew Trend Book Peclers Paris
FW26-27 Knit, Cut & Sew Trend Book Peclers ParisFW26-27 Knit, Cut & Sew Trend Book Peclers Paris
FW26-27 Knit, Cut & Sew Trend Book Peclers Paris
Peclers Paris
 
Review2BATCH7[2].pptxdsvgrdskjhiuevjhfnwiukj
Review2BATCH7[2].pptxdsvgrdskjhiuevjhfnwiukjReview2BATCH7[2].pptxdsvgrdskjhiuevjhfnwiukj
Review2BATCH7[2].pptxdsvgrdskjhiuevjhfnwiukj
VllVkt
 
tkuse.pdfsguuudgfsdbhjbfgbvfgrfiuregfgtdf
tkuse.pdfsguuudgfsdbhjbfgbvfgrfiuregfgtdftkuse.pdfsguuudgfsdbhjbfgbvfgrfiuregfgtdf
tkuse.pdfsguuudgfsdbhjbfgbvfgrfiuregfgtdf
mknobitha
 
Swami Vijay Kumar Durai at the White House Diwali Celebration 2024.pdf
Swami Vijay Kumar Durai at the White House Diwali Celebration 2024.pdfSwami Vijay Kumar Durai at the White House Diwali Celebration 2024.pdf
Swami Vijay Kumar Durai at the White House Diwali Celebration 2024.pdf
SanskarTiwari20
 
Python Exceptions Powerpoint Presentation
Python Exceptions Powerpoint PresentationPython Exceptions Powerpoint Presentation
Python Exceptions Powerpoint Presentation
mitchellblack733
 
3-Antimicrobialfggggggg Chemotherapy.pdf
3-Antimicrobialfggggggg Chemotherapy.pdf3-Antimicrobialfggggggg Chemotherapy.pdf
3-Antimicrobialfggggggg Chemotherapy.pdf
ht549sqbpt
 
Chapter 4.4444444444444444444444444444pdf
Chapter 4.4444444444444444444444444444pdfChapter 4.4444444444444444444444444444pdf
Chapter 4.4444444444444444444444444444pdf
maaxjr33
 
Single stage amplifier and applications
Single stage amplifier and applicationsSingle stage amplifier and applications
Single stage amplifier and applications
HODECEHODECE
 
DIAGRAMAS QUE TE AYUDARAN PARA CREAR PRESENTACIONES 1
DIAGRAMAS QUE TE AYUDARAN PARA CREAR PRESENTACIONES 1DIAGRAMAS QUE TE AYUDARAN PARA CREAR PRESENTACIONES 1
DIAGRAMAS QUE TE AYUDARAN PARA CREAR PRESENTACIONES 1
mviscarra1
 
978-1-63057-378-2-1-ir1791wrmb.pdf📦📦wefdssss
978-1-63057-378-2-1-ir1791wrmb.pdf📦📦wefdssss978-1-63057-378-2-1-ir1791wrmb.pdf📦📦wefdssss
978-1-63057-378-2-1-ir1791wrmb.pdf📦📦wefdssss
mknobitha
 
architects now use 2D and 3D design 2D 3
architects now use 2D and 3D design 2D 3architects now use 2D and 3D design 2D 3
architects now use 2D and 3D design 2D 3
ikmama
 
Deisgn for the school education and childrens
Deisgn for the school education and childrensDeisgn for the school education and childrens
Deisgn for the school education and childrens
sadfari
 
Smart-roof-ventilation-Industrial buildings & warehouses
Smart-roof-ventilation-Industrial buildings & warehousesSmart-roof-ventilation-Industrial buildings & warehouses
Smart-roof-ventilation-Industrial buildings & warehouses
Skyshade Daylights
 
powerpoint predentation of on intersteller
powerpoint predentation of on interstellerpowerpoint predentation of on intersteller
powerpoint predentation of on intersteller
kamranahmed758536
 
Blue and Gold Modern Graduation Ceremony Presentation (1).pptx
Blue and Gold Modern Graduation Ceremony Presentation (1).pptxBlue and Gold Modern Graduation Ceremony Presentation (1).pptx
Blue and Gold Modern Graduation Ceremony Presentation (1).pptx
GarimaChawlaWalia
 
The Robbers Cave Experiment-Elissa Youssef.pptx
The Robbers Cave Experiment-Elissa Youssef.pptxThe Robbers Cave Experiment-Elissa Youssef.pptx
The Robbers Cave Experiment-Elissa Youssef.pptx
anastasiarahme20
 
Radiation-Basics-3_29_19 (10 present.pptx
Radiation-Basics-3_29_19 (10 present.pptxRadiation-Basics-3_29_19 (10 present.pptx
Radiation-Basics-3_29_19 (10 present.pptx
stsgokul
 
Purple And Green Mental Health YouTube Thumbnail_20250118_132337_0000.pptx
Purple And Green Mental Health YouTube Thumbnail_20250118_132337_0000.pptxPurple And Green Mental Health YouTube Thumbnail_20250118_132337_0000.pptx
Purple And Green Mental Health YouTube Thumbnail_20250118_132337_0000.pptx
MansiPriya19
 
UI UX at Ajeenkya DY Patil University.pptx
UI UX at Ajeenkya DY Patil University.pptxUI UX at Ajeenkya DY Patil University.pptx
UI UX at Ajeenkya DY Patil University.pptx
sourabhmore19
 
hc17523jfkdlkldkfjfurjdkls;jfj;sdjdsjfkdjkdsdfdfd
hc17523jfkdlkldkfjfurjdkls;jfj;sdjdsjfkdjkdsdfdfdhc17523jfkdlkldkfjfurjdkls;jfj;sdjdsjfkdjkdsdfdfd
hc17523jfkdlkldkfjfurjdkls;jfj;sdjdsjfkdjkdsdfdfd
imranoci123
 
FW26-27 Knit, Cut & Sew Trend Book Peclers Paris
FW26-27 Knit, Cut & Sew Trend Book Peclers ParisFW26-27 Knit, Cut & Sew Trend Book Peclers Paris
FW26-27 Knit, Cut & Sew Trend Book Peclers Paris
Peclers Paris
 
Review2BATCH7[2].pptxdsvgrdskjhiuevjhfnwiukj
Review2BATCH7[2].pptxdsvgrdskjhiuevjhfnwiukjReview2BATCH7[2].pptxdsvgrdskjhiuevjhfnwiukj
Review2BATCH7[2].pptxdsvgrdskjhiuevjhfnwiukj
VllVkt
 
tkuse.pdfsguuudgfsdbhjbfgbvfgrfiuregfgtdf
tkuse.pdfsguuudgfsdbhjbfgbvfgrfiuregfgtdftkuse.pdfsguuudgfsdbhjbfgbvfgrfiuregfgtdf
tkuse.pdfsguuudgfsdbhjbfgbvfgrfiuregfgtdf
mknobitha
 
Swami Vijay Kumar Durai at the White House Diwali Celebration 2024.pdf
Swami Vijay Kumar Durai at the White House Diwali Celebration 2024.pdfSwami Vijay Kumar Durai at the White House Diwali Celebration 2024.pdf
Swami Vijay Kumar Durai at the White House Diwali Celebration 2024.pdf
SanskarTiwari20
 
Python Exceptions Powerpoint Presentation
Python Exceptions Powerpoint PresentationPython Exceptions Powerpoint Presentation
Python Exceptions Powerpoint Presentation
mitchellblack733
 
3-Antimicrobialfggggggg Chemotherapy.pdf
3-Antimicrobialfggggggg Chemotherapy.pdf3-Antimicrobialfggggggg Chemotherapy.pdf
3-Antimicrobialfggggggg Chemotherapy.pdf
ht549sqbpt
 
Chapter 4.4444444444444444444444444444pdf
Chapter 4.4444444444444444444444444444pdfChapter 4.4444444444444444444444444444pdf
Chapter 4.4444444444444444444444444444pdf
maaxjr33
 
Single stage amplifier and applications
Single stage amplifier and applicationsSingle stage amplifier and applications
Single stage amplifier and applications
HODECEHODECE
 
DIAGRAMAS QUE TE AYUDARAN PARA CREAR PRESENTACIONES 1
DIAGRAMAS QUE TE AYUDARAN PARA CREAR PRESENTACIONES 1DIAGRAMAS QUE TE AYUDARAN PARA CREAR PRESENTACIONES 1
DIAGRAMAS QUE TE AYUDARAN PARA CREAR PRESENTACIONES 1
mviscarra1
 
978-1-63057-378-2-1-ir1791wrmb.pdf📦📦wefdssss
978-1-63057-378-2-1-ir1791wrmb.pdf📦📦wefdssss978-1-63057-378-2-1-ir1791wrmb.pdf📦📦wefdssss
978-1-63057-378-2-1-ir1791wrmb.pdf📦📦wefdssss
mknobitha
 
architects now use 2D and 3D design 2D 3
architects now use 2D and 3D design 2D 3architects now use 2D and 3D design 2D 3
architects now use 2D and 3D design 2D 3
ikmama
 
Deisgn for the school education and childrens
Deisgn for the school education and childrensDeisgn for the school education and childrens
Deisgn for the school education and childrens
sadfari
 
Smart-roof-ventilation-Industrial buildings & warehouses
Smart-roof-ventilation-Industrial buildings & warehousesSmart-roof-ventilation-Industrial buildings & warehouses
Smart-roof-ventilation-Industrial buildings & warehouses
Skyshade Daylights
 
powerpoint predentation of on intersteller
powerpoint predentation of on interstellerpowerpoint predentation of on intersteller
powerpoint predentation of on intersteller
kamranahmed758536
 
Blue and Gold Modern Graduation Ceremony Presentation (1).pptx
Blue and Gold Modern Graduation Ceremony Presentation (1).pptxBlue and Gold Modern Graduation Ceremony Presentation (1).pptx
Blue and Gold Modern Graduation Ceremony Presentation (1).pptx
GarimaChawlaWalia
 
The Robbers Cave Experiment-Elissa Youssef.pptx
The Robbers Cave Experiment-Elissa Youssef.pptxThe Robbers Cave Experiment-Elissa Youssef.pptx
The Robbers Cave Experiment-Elissa Youssef.pptx
anastasiarahme20
 
Radiation-Basics-3_29_19 (10 present.pptx
Radiation-Basics-3_29_19 (10 present.pptxRadiation-Basics-3_29_19 (10 present.pptx
Radiation-Basics-3_29_19 (10 present.pptx
stsgokul
 

Editor's Notes

  • #2: Introductions - Nicole Sullivan, worked at yahoo, specialist in scalable high performance websites.
  • #5: After which he said that &#x201C;CSS is broken&#x201D; 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&#x2019;m tired of writing rounded corner boxes. I&#x2019;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&#x2019;ve set.
  • #12: yoga, balance metaphor
  • #13: &#x201C;Once upon a time...&#x201D; pages to modules to objects
  • #22: If we build new HTML pages from a component library, new pages won&#x2019;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&#x2019;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 &#x201C;win&#x201D; 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

Report content