Mar 30, 2011 we use your linkedin profile and activity data to personalize ads and to show you more relevant ads. Use lint tools to automate and evaluate the efficiency of your css 2. Tricks is created, written by, and maintained by chris coyier and a team of swell people. Untitled by nicole sullivan by yvonne traynham blurb books. Dan benjamin and i are thrilled to have her as our guest on episode 11 of the big web show. Nicole sullivan css, oocss, and frameworks goodstuff.
An introduction to object oriented css oocss smashing. Following this division, nicole sullivan defines the css object as. How css is evolving to meet the demands of html5 and mobile. Css best practices encourage what would otherwise be bad programming.
There will obviously be times when some of these rules will be broken, but overall, these are good habits to develop and will lead to stylesheets that are smaller and easier to maintain. How css is evolving to meet the demands of html5 and. If you work with css, you may be familiar with the bem methodology. A war broke out between maccarthy and o sullivan boy. Css and html need to increment their version numbers again so we can convince business to invest in these technologies. Object oriented css oocss by nicole sullivan ben nadel. Dan has a wonderful gift for breaking down complex concepts into easytounderstand steps. Find untitled by nicole sullivan by yvonne traynham at blurb books. Design fast websites nicole sullivan design fast websites dont blame the rounded corners. See the complete profile on linkedin and discover nicoles. Nicole sullivans object oriented css aims to make your styles easier to maintain and extend, with a performance boost to boot. Her core concept was that objects are reusable patterns whose visual.
Can object oriented principles be applied to web design. Ben nadel discusses nicole sullivans presentation on her framework, object oriented css a fascinating framework designed for. Millions of web designers use dreamweaver and most of them think creating css based, standardscompliant sites is a challenge. Best recommended books list for css preparation for passing css or central superior services are the way to get ahead of many people of your level. The whole methodology is developed and explained by its author a free book. The reason why selectors should be ordered, too jens oliver meiert css type selectorsdesigning the semantic web niels matthijs. More recently ive been inspired by rune madsens programming design systems, compositor, dan abramov, sebastian markbage, and so many design and code wonder women like mandy kerr, marcy sutton, lea verou, mina markham, sarah. I recently met nicole sullivan at web directions north who is a css guru, especially around. Performance is critical to the success of any web site, and yet todays web applications push browsers to their limits with increasing amounts of rich content and heavy use of ajax. View nicole sullivans profile on linkedin, the worlds largest professional community. In mastering css with dreamweaver cs4, authors stephanie sullivan and greg rewis bridge the gaps between the worlds of css design and dreamweaver by demonstrating how to use dreamweaver cs4 and css together to create. As an added bonus, typeomatic creates a visual report as it runs. War between mccarthy and sullivan, sullivan drowned omurchadha 1411. Nicole sullivan first presented it at web directions north in denver and the response has been overwhelming.
Neither of us had any experience launching an opensource project like this, and we learned a lot through the process. Nicole sullivan is passionate about css, web standards, and scalable frontend architecture for sites with large numbers of pages and visitors. May 9, 2014 nicole sullivan 10 comments no, no, i dont mean intentionally sexist. Nicole sullivan celebrity profile check out the latest nicole sullivan photo gallery, biography, pics, pictures, interviews, news, forums and blogs at rotten tomatoes. Objectoriented css, or oocss, was created by nicole sullivan in 2009, and its based on her work for yahoo. Unfortunately, css seems to get somewhat overlooked in this area while.
One of the best things about css is the cascade, itself. One of the pioneers of the oocss movement is nicole sullivan. To the end of bloated code and broken websites oreilly. Osullivan more was treacherously taken prisoner, and blinded, and his son killed, by donnell duv. Kevins been using this methodology in a recent project. 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. She started the objectoriented css open source project, which answers the question.
Use css lint to check your css and know that it has options and method to its madness use css grids. Fiona chan has a minitalk all about block formatting context. Find the top 100 most popular items in amazon books best sellers. Nicole sullivan is one of the best and most successful of that small pool of css troubleshooters. In fact i advocated incrementing version numbers for that very reason. The objects she talks about are the visual patterns in a.
Nicole is an evangelist, frontend performance consultant, css ninja, and author. My thoughts have been compartmentalized around a number of topics related to css architecture. Nicole julianne sullivan born april 21, 1970 is an american actress, voice artist and comedian. Nicole sullivan aka stubbornella last week, i mentioned a new feature i was starting to give a voice to developers who arent always as visible in our community reinforcing how necessary this is, this week i came across this exchange on twitter sean coates. The media object is a great example of the power of oocss because it can contain a media element of any size with content to its right. She also played the role of holly shumpert for five seasons 20012005, 2007 on the cbs sitcom the king of queens she has played a recurring character, jill tracy, on scrubs and voiced the heroic mira. In mastering css with dreamweaver cs4, authors stephanie sullivan and greg rewis bridge the gaps between the worlds of css design and dreamweaver by demonstrating how to use dreamweaver cs4 and css together to create individualized, standardsbased layouts. When nicole sullivan coined the phrase object oriented css a lot of programmers reacted against it and understandably so. O sullivan more was treacherously taken prisoner, and blinded, and his son killed, by donnell duv. I forget about the power of css and what it can do. Nicole sullivan creator, objectoriented css open source project. Its an approach for writing css thats fast, maintainable, and standardsbased. In this session, nicole sullivan and stoyan stefanov will show you how they improved the css at facebook and yahoo.
Join us today, 8 july 2010, for the live taping at 1. More code tends to lead to more problems maintaining code size is a serious concern. Ive used wordpress since day one all the way up to v17, a decision im very happy with. What im talking about is when a product completely fails to understand the needs of a segment of its users, in this case women, and builds something that simply wont work for them. She speaks about performance at conferences around the world. Motion parallax is probably somewhat familiar to css developers. Shes created a reusable module called the media object which, as she explains, can save hundreds of lines of code. Last night, i watched a 49 minute presentation by nicole sullivan on something she calls object oriented css or oocss. Oocss by nicole sullivan, css wizardary, basscss, tachyons, and bem influenced my approach to css architecture. For a pet project, im looking to list out some women who were active and. Millions of web designers use dreamweaver and most of them think creating cssbased, standardscompliant sites is a challenge.
Nicole sullivan on oocss at smashing conference notes by brad frost by louis lazaris october 1, 2012 comments closed. Styles applied to an html element are automatically inherited by their children. Sullivan is best known for her six seasons 19952001 on the sketch comedy series madtv. Speed up your site by making the ui code an order of magnitude. Dec 12, 2011 one of the pioneers of the oocss movement is nicole sullivan. Brads notes from nicoles talk at smashing conference, covering using oocss with a preprocessor. The first tool i reach for is nicole sullivans invaluable typeomatic, an addon for firebug that generates a json report of all the type styles in use across a site. Meet the everyday hmh employees who work side by side to explore the process of learning, champion new ideas, and embolden the thinkers and doers of tomorrow. Thats what nicole sullivan called it and the name stuck. Gonzalo cordero and the other jukus, and dan cederholm and his book bulletproof.
Be sure to read the original oocss blog post that started it all and check out nicoles presentations, all of which are pure gold. At the same time i can understand why nicole chose the name. Nicole sullivan s love of all things books and reading led her to open bookbar in spring 20. Css is typically the most difficult layer to automate, but a more clearly defined css architecture makes lint much more powerful. Oct 14, 2008 design fast websites nicole sullivan design fast websites dont blame the rounded corners.
Performance research engineering team nicole sullivan, anande kishore intern, stoyan stefanov, philip tellis, swapnil shinde. Depending on your site, this can be a serious issue not just for performance, but because css is code. I have always found the css3 transitions and transforms syntax challenging, but dan makes it simple. Jan 03, 20 at velocity 2011, nicole sullivan and i introduced css lint, the first codequality tool for css. Cascading is what allows web designers to set styles and keep them consistent throughout a website without repeating themselves. Best recommended books list for css preparation for passing. A concept established by nicole sullivan with the idea being very simple. I think it affects zindex and transforms in some cases too. To the end of bloated code and broken websites oreilly radar. To my knowledge, this notion comes out of nicole sullivans brilliant object oriented css, an approach for writing html and css that is designed to scale on sites containing thousands of pages, created by dozens of frontend developers over a period of years, generally with no rules or style guide in place at least no rules or style guide.
Jul 08, 2010 nicole sullivan is one of the best and most successful of that small pool of css troubleshooters. Jun 18, 2018 if you want to dig more into how the browsers parse css, check out nicole sullivans post on webkit, ilya grigoriks article on how blink does it, or lin clarks article on mozillas new. Oct 01, 2012 brads notes from nicoles talk at smashing conference, covering using oocss with a preprocessor. Sporting major gold and an ivana upsweep, this outrageously unpc miss offended. 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. Nicole is passionate about css, web standards, and scalable frontend architecture for sites with large numbers of pages and visitors.
We had spent the previous two weeks coding like crazy, trying to create an application that was both useful for end users and easy to modify. The css exam is one of the most difficult ones for which it is said that people lock themselves in room to prepare. A war broke out between maccarthy and osullivan boy. Her core concept was that objects are reusable patterns whose visual appearance is not determined by context.
Nicole sullivan, aka stubbornella, wrote about her oocss framework in 2009 and has been whacking sense into folks ever since and probably long before. I also leverage jetpack for extra functionality and local for local development. It adds much needed predictability to css so that even beginners can participate in writing beautiful websites. Bem stands for block element modifier, and describes a modular approach to writing css thats easier to read and maintain, and is better for performance. Nicole sullivan first presented it at web directions north in denver and the response. Osullivans, killed o sullivan the bold, and the two sons of o sullivan, the great four masters 1404. Nicole sullivans object oriented css, jinas presentations on css workflow, natalie downes talk on practical, maintainable css, and, lastly, jeremy keiths pattern primer were large influences on what was to become smacss. In this session, nicole will show you how she improved the css at salesforce, and facebook, and demo tools that you can use to test your own css. Nichole sullivan css, oocss, and frameworks youtube.
1221 1355 1151 65 1005 789 425 1459 115 124 913 717 1381 1284 1226 1416 387 518 220 432 670 348 1117 429 208 1044 449 271 1233 221 395 232 190 1297 988 710 38