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. May 9, 2014 nicole sullivan 10 comments no, no, i dont mean intentionally sexist. Untitled by nicole sullivan by yvonne traynham blurb books. A war broke out between maccarthy and o sullivan boy. One of the pioneers of the oocss movement is nicole sullivan. In defense of descendant selectors and id elements. My thoughts have been compartmentalized around a number of topics related to css architecture. Use css lint to check your css and know that it has options and method to its madness use css grids.
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. Dan has a wonderful gift for breaking down complex concepts into easytounderstand steps. Css best practices encourage what would otherwise be bad programming. 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. More code tends to lead to more problems maintaining code size is a serious concern. Osullivans, killed o sullivan the bold, and the two sons of o sullivan, the great four masters 1404. Ben nadel discusses nicole sullivans presentation on her framework, object oriented css a fascinating framework designed for. Brads notes from nicoles talk at smashing conference, covering using oocss with a preprocessor. Nicole sullivan on oocss at smashing conference notes by brad frost by louis lazaris october 1, 2012 comments closed. Oct 01, 2012 brads notes from nicoles talk at smashing conference, covering using oocss with a preprocessor. Tricks is created, written by, and maintained by chris coyier and a team of swell people. An introduction to object oriented css oocss smashing. Can object oriented principles be applied to web design. Her core concept was that objects are reusable patterns whose visual.
I forget about the power of css and what it can do. 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. 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. Gonzalo cordero and the other jukus, and dan cederholm and his book bulletproof.
Nicole sullivan first presented it at web directions north in denver and the response. To the end of bloated code and broken websites oreilly. Nicole sullivan celebrity profile check out the latest nicole sullivan photo gallery, biography, pics, pictures, interviews, news, forums and blogs at rotten tomatoes. Nicole sullivan is one of the best and most successful of that small pool of css troubleshooters. Fiona chan has a minitalk all about block formatting context. Nicole is passionate about css, web standards, and scalable frontend architecture for sites with large numbers of pages and visitors. 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. Neither of us had any experience launching an opensource project like this, and we learned a lot through the process. How to start an opensource project smashing magazine. I have always found the css3 transitions and transforms syntax challenging, but dan makes it simple. How css is evolving to meet the demands of html5 and mobile.
Thats what nicole sullivan called it and the name stuck. Find the top 100 most popular items in amazon books best sellers. 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. Find untitled by nicole sullivan by yvonne traynham at blurb books.
Nicole sullivan, aka stubbornella, wrote about her oocss framework in 2009 and has been whacking sense into folks ever since and probably long before. Nicole julianne sullivan born april 21, 1970 is an american actress, voice artist and comedian. 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. I recently met nicole sullivan at web directions north who is a css guru, especially around. It adds much needed predictability to css so that even beginners can participate in writing beautiful websites. Osullivans, killed osullivan the bold, and the two sons of osullivan, the great four masters 1404. Use lint tools to automate and evaluate the efficiency of your css 2. Jul 08, 2010 nicole sullivan is one of the best and most successful of that small pool of css troubleshooters. I also leverage jetpack for extra functionality and local for local development. Css is typically the most difficult layer to automate, but a more clearly defined css architecture makes lint much more powerful. If you work with css, you may be familiar with the bem methodology. 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. Millions of web designers use dreamweaver and most of them think creating cssbased, standardscompliant sites is a challenge.
View nicole sullivans profile on linkedin, the worlds largest professional community. 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. 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. Speed up your site by making the ui code an order of magnitude. A concept established by nicole sullivan with the idea being very simple. Join us today, 8 july 2010, for the live taping at 1. Following this division, nicole sullivan defines the css object as. Motion parallax is probably somewhat familiar to css developers. Dec 12, 2011 one of the pioneers of the oocss movement is nicole sullivan. A war broke out between maccarthy and osullivan boy. To the end of bloated code and broken websites oreilly radar.
For a pet project, im looking to list out some women who were active and. O sullivan more was treacherously taken prisoner, and blinded, and his son killed, by donnell duv. Performance research engineering team nicole sullivan, anande kishore intern, stoyan stefanov, philip tellis, swapnil shinde. When nicole sullivan coined the phrase object oriented css a lot of programmers reacted against it and understandably so. Nicole sullivan s love of all things books and reading led her to open bookbar in spring 20. Nicole is an evangelist, frontend performance consultant, css ninja, and author. How css is evolving to meet the demands of html5 and.
Shes created a reusable module called the media object which, as she explains, can save hundreds of lines of code. Nicole sullivan first presented it at web directions north in denver and the response has been overwhelming. Be sure to read the original oocss blog post that started it all and check out nicoles presentations, all of which are pure gold. Last night, i watched a 49 minute presentation by nicole sullivan on something she calls object oriented css or oocss. Sporting major gold and an ivana upsweep, this outrageously unpc miss offended. 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. Nicole sullivan is passionate about css, web standards, and scalable frontend architecture for sites with large numbers of pages and visitors. In fact i advocated incrementing version numbers for that very reason.
Sullivan is best known for her six seasons 19952001 on the sketch comedy series madtv. Millions of web designers use dreamweaver and most of them think creating css based, standardscompliant sites is a challenge. Oct 14, 2008 design fast websites nicole sullivan design fast websites dont blame the rounded corners. 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 appearance is not determined by context. She speaks about performance at conferences around the world. Styles applied to an html element are automatically inherited by their children. Kevins been using this methodology in a recent project. 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. Best recommended books list for css preparation for passing. Nichole sullivan css, oocss, and frameworks youtube. Cascading is what allows web designers to set styles and keep them consistent throughout a website without repeating themselves. 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.
See the complete profile on linkedin and discover nicoles. She started the objectoriented css open source project, which answers the question. 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. At the same time i can understand why nicole chose the name. 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. Mar 30, 2011 we use your linkedin profile and activity data to personalize ads and to show you more relevant ads. Jan 03, 20 at velocity 2011, nicole sullivan and i introduced css lint, the first codequality tool for css.
Osullivan more was treacherously taken prisoner, and blinded, and his son killed, by donnell duv. Design fast websites nicole sullivan design fast websites dont blame the rounded corners. 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. War between mccarthy and sullivan, sullivan drowned omurchadha 1411. The css exam is one of the most difficult ones for which it is said that people lock themselves in room to prepare. The objects she talks about are the visual patterns in a. Its a pretty simple pattern, but like all things web design, it can be done many ways.
Oocss by nicole sullivan, css wizardary, basscss, tachyons, and bem influenced my approach to css architecture. Ive used wordpress since day one all the way up to v17, a decision im very happy with. Depending on your site, this can be a serious issue not just for performance, but because css is code. Object oriented css oocss by nicole sullivan ben nadel. One of the best things about css is the cascade, itself. Unfortunately, css seems to get somewhat overlooked in this area while.
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. Its an approach for writing css thats fast, maintainable, and standardsbased. 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.
Css and html need to increment their version numbers again so we can convince business to invest in these technologies. As an added bonus, typeomatic creates a visual report as it runs. In this session, nicole sullivan and stoyan stefanov will show you how they improved the css at facebook and yahoo. Nicole sullivan creator, objectoriented css open source project. I think it affects zindex and transforms in some cases too. Objectoriented css, or oocss, was created by nicole sullivan in 2009, and its based on her work for yahoo. 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. 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.
1582 994 352 415 926 70 1142 711 542 233 1608 505 669 843 585 1436 1106 994 565 403 732 1051 801 1531 1467 438 131 1008 1109 1367 1191 1207 1139 643 1294