Back in june of 2011, nicole sullivan and nicholas zakas announced css lint, which they describe thusly. Nicole sullivan oocss and preprocessors harry roberts css for software engineers for css developers application of solid patrick hamann. The cascade, grids, headings, and selectors from an oocss. In the meantime you can watch this nice presentation by nicole sullivan css preprocessor. Developers have long awaited this functionality, and the use of css preprocessors like sass. One of the pioneers of the oocss movement is nicole sullivan. Object oriented css was proposed by web developer nicole sullivan in 2008. Object oriented css oocss by nicole sullivan ben nadel. In this post, we will discuss the object oriented css methodology created by nicole sullivan in 2008. I forget about the power of css and what it can do.
Presentation manger is not projecting on the correct screens there is an option in setting auto set screen viewer. Use visme and slideshare to show off what you know. Jonathan snook css is a mess software gr march 24, 2015. Oocss still contains redundancy and by moving the composition of components into the dom, its coupling content back to the presentation.
Nicole sullivans oocss outlines principles that allow you to actually use css in a modular, maintainable manner. I learned as much as i could about css components in the three days available and then rebuilt the most painful part of our ui with components over the next week. Sensata 2017 investor day 3 key messages sensata is a leading industrial technology. Object oriented css methodology aspire systems poland blog. According to oocss creator nicole sullivan, its based on two main principles. Its an approach that has a lot in common with the objectoriented programming approach, which is why it can be particularly interesting for people used to objectoriented writing. Objectoriented css, or oocss, was created by nicole sullivan in 2009, and its based on her work for yahoo.
Ever since i watched nicole sullivans presentation on object oriented css oocss, ive been trying hard to think in terms of generic modules and the usecases that might extend them. Designers make our code as beautiful and clever on the outside as it is on the inside. Presentation manager inspired frequently asked question. The oocss framework doesnt solve some of the problems defined by its own principles. If you uncheck this and save the workspace then on start up the viewer will be as. Oct 09, 2016 presentations tsg is proud its rsq collaborative members that play such an instrumental role within the healthcare industry. In simple terms, object oriented css is a methodology or framework whichever you prefer for organizing and extending your css in a way that is lightweight, highly performant, and easily used by developers at all skill levels.
I never saw that presentation, but those slides formed the basis of susy, and this is my attempt to revisit her idea 4 years later. You can also use sass to get similar maintenance benefits, but then you lose the performance gains from oocss. Object oriented css oocss and being generic with your. Oocss advocates the separation of structure from skin. Theyll give your presentations a professional, memorable appearance the kind of sophisticated look that todays audiences expect. But really, in the real world, they prefer you to know photoshop, which is not. May 06, 2010 objectoriented css oocss nicole sullivan coined the term objectoriented css oocss for her method of creating selfcontained chunks of html modules that can be reused anywhere in the page or site and that any class can be applied to. Nicole sullivan monday, february 16, 2009 nicole sullivan monday, february 16, 2009 web dev philosophy a. Css preprocessor performance nicole sullivan presentation. Nicole sullivan is kind of the face of object oriented css. Please either 1, reconsider taking a fullstack course without any client experience, or 2, plan to have zero life between now and then writing html and writing sane, good, wellorganized html for nontrivial cases are two very different things.
I recently met nicole sullivan at web directions north who is a css guru, especially around. I prefer to do it this way, because it allows me to use the same class name ext for all my extensions, and i think it makes the. Nicole sullivan first presented it at web directions north in denver and the response has been overwhelming. Sep 26, 2009 the cascade is a poker game, but weve been playing our cards all wrong. Creating presentations for your blog or business to then share on slideshare and linkedin can be a great way to get your knowledge out there in the online. Low cost manufacturing model with significant operating leverage trusted brands in missioncritical complex applications flexible and adaptable technology building blocks configured for customized solutions deep understanding of product design cycles and launch execution. Front end developer seems like one of the simplest paths at first.
I thought it would be timely to give an overview of the qml presentation system. Oct 02, 20 i thought it would be timely to give an overview of the qml presentation system. Instead, they are what nicole sullivan would call visual semantics. Nov 20, 2009 studding a few rails applications and how they implement different css skins for the same page, i get shocked. Ive also been included in a feature on women in technology. Lets look how one particular element on a page can be implemented. The cascade, grids, headings, and selectors from an oocss perspective, ajax experience 2009 1. Object oriented css for high performance web applications and sites.
Ever since i watched nicole sullivan s presentation on object oriented css oocss, ive been trying hard to think in terms of generic modules and the usecases that might extend them. Of course, the first onetwo years can be hard, weve all been there. I am taking a fullstack web development course and am expected to learn html and css on my own. If you want to continue learning about oocss, the most important person in the industry to keep up with is nicole sullivan. An introduction to object oriented css oocss smashing. The software typically includes three major functions. I should mention that nicole sullivan would have created a class called. Chris woodley senior frontend software engineer at genetesis. Presentation software is a computer software package used to display information, normally in the form of a slide show. Im guessing you dont like keeping your structure and presentation separate and easy to use. It draws on traditional software engineering concepts like extending objects, modularity, and predictability.
She speaks about performance at conferences around the world. There is no guide line to follow, pattern to apply, base layout to use, and most important. With qt developer days 20 rapidly approaching, a number of qt developers are busy preparing presentations for the conference, myself included. Objectoriented css oocss nicole sullivans objectoriented css, or oocss for short, was launched in 2009. I quote nicole sullivan, whose brainchild objectoriented css is. Mar 23, 2009 developer network has released a video of my object oriented css talk at web directions north just in time for ada lovelace day. I do have some concerns about some of the selectors i see in the compiled css e. At this point, im investing some time to improve my technical skill on xhtml, css, page layouts and different skins for applications mostly based on css. As with any objectbased coding method, the purpose of oocss is to encourage. In my presentation today, i will discuss iatas efforts enhance flight safety and support airline sms implementation by incorporating specific standards and recommended practices for sms in to our iata operational safety audit iosa programme. Other presentation software options tutorial sophia learning. Oocss is the radical idea that we can build robust, scalable, maintainable interfaces that adhere to engineering best practices. Organizing css with oocss, smacss, and bem matt stauffer. Preprocessors were introduced to overcome its many limitations.
Oocss is actually where my journey began with the whole concept of modular code. I would highly recommend checking out nicole sullivans oocss, bem by yandex, andy hume at sxsw. Im absolutely flattered to be included among these fantastic technical women. Jan 01, 20 instead, they are what nicole sullivan would call visual semantics. Its just a way of doing the things that we already do. An editor that allows text to be inserted and formatted a method for inserting and manipulating graphic images. Sometimes im so focused on javascript that it becomes a bit of a hammer for me that i try to use it on all problems. Winner of the standing ovation award for best powerpoint templates from presentations magazine. Here nicole suggests we stop trying to play to win to prevent code bloat, and simplify the cascade, using the order of the rulesets to allow overrides. Ben nadel discusses nicole sullivans presentation on her framework, object oriented css a fascinating framework designed for. Object oriented css oocss and being generic with your base. Our program routinely features members of the w3cs technical architecture group, ecma tc39 the javascript standards committee and others shaping the foundations of the web. She says she finds all the stuff associated with frontend development to be quite overwhelming.
Oocss does make some good design decisions that should encourage users to maintain their css in a consistent fashion. Use visme and slideshare to show off what you know your. In addition to posting articles regularly on oocss on her blog, nicole has done a number of presentations with accompanying slideshows. Recently, a friend who used to do some web design years ago approached me with some questions about getting back into frontend coding. Im not going to bore you with details, im going to tell you why you should care.
The goal of oocss is to encourage code reuse for faster, more efficient and easier to maintain stylesheets. Css lint is a tool to help point out problems with your css code. Ppt protecting confidential client data powerpoint. Aug 04, 2009 ever since i watched nicole sullivan s presentation on object oriented css oocss, ive been trying hard to think in terms of generic modules and the usecases that might extend them. Oocss, or objectoriented css, is a methodology to help. Last night, i watched a 49 minute presentation by nicole sullivan on something she calls object oriented css or oocss. I am taking a fullstack web development course and am. The methodology makes a clear distinction between content and its containers. Below you will find a list of recent presentations that our thought leaders have given at various conferences and industry forums.
Smaccs, bem, nicole sullivan oocss, ive finally decided to learn the bem methodology and integrated some organization. In 2008, natalie downe gave a presentation titled css systems. But after some years you shouldnt generally be compl. Im writing a framework to demonstrate the technique, but more than anything, object oriented css is a different way of approaching css and the cascade. A part of a block that has no standalone meaning and is semantically tied to its block. One of the biggest and most famous sites that sullivan has applied oocss to is facebook.
Feb 24, 2015 organizing css with oocss, smacss, and bem matt stauffer. Hello, i am experienced backend dev, but i know very little of css and html. Introduction the qml presentation system is a qmlbased piece of software that allows you to quickly write presentations in the qml language and display them on any desktop system that supports qt 5. Objectoriented css oocss nicole sullivan coined the term objectoriented css oocss for her method of creating selfcontained chunks of html modules that can be reused anywhere in the page or site and that any class can be applied to. New concepts in frontend web design architecture techrepublic. Nicole sullivan, the top 5 mistakes of massive css youtube. If you uncheck this and save the workspace then on start up the viewer will be as set manually. I recently met nicole sullivan at web directions north who. An ultrasoundlike machine that collects data on the fattiness and stiffness of the liver by using a metal probe device that sends sound waves from the liver to a computer that analyzes the measurements to produce results on the health of.
This is an online book by harry roberts that goes hand in hand with the above presentation. The documentation is available, but i found it didnt answer all of the questions i had. The more i play around with her ideas the more i like them and find them to be very flexible. Oocss objects are visual design patterns that can be abstracted into blocks of html, css and sometimes javascript.
Wheeler answers the question well and presents a new one nope. It was really the first css methodology to become widely adopted. Introduction the qml presentation system is a qmlbased piece of software that allows you to quickly write presentations in the qml language and display them. It does basic syntax checking as well as applying a set of rules to the code that look for problematic patterns or signs of inefficiency. Learn vocabulary, terms, and more with flashcards, games, and other study tools. Initially, there seemed to be a backlash against the use of the name object orientated. Worlds best powerpoint templates crystalgraphics offers more powerpoint templates than anyone else in the world, with over 4 million to choose from. Nicole sullivan, a web developer and performance engineer at yahoo has created objectoriented css oocss, which she defines as a way of writing scalable, sane, maintainable css, not a.
The slides from nicoles presentation at web directions north in. Nicoles oocss approach isnt just about performance. I recently had the opportunity to pair with nicole sullivan of oocss fame for a few days on my current project. In my opinion front end developers who complain about css being frustrating failed their job. Simply by adding another class to your object, you can change minor parts of the look and feel. Sep 11, 20 oocss objects are visual design patterns that can be abstracted into blocks of html, css and sometimes javascript. Nicole is passionate about css, web standards, and scalable frontend architecture for sites with large numbers of pages and visitors.
880 733 536 111 1028 997 1097 1412 78 882 1388 795 112 193 1565 747 91 104 1131 554 1220 59 297 1101 378 83 556 408 556 1360 508 1175 330 91 629 761 812 1163 727 1251 1180