Tool –

During my day to day testing, I often need to generate large blocks of text. I often find the text of such public domain classics like Moby Dick or The Adventures of Tom Sawyer. Then there is the old stand by – Lorem Ipsum. The site is a useful site to generate different lengths of this text.

My new favorite site for this type of work is Not only does it provide lorem ipsum it provide the following additional options: cicero (latin and english), Li Europan lingues (Occidental – an international auxiliary language and english), Far far away, Werther, Kafka, Pangrams, a-z A-Z 123.

Check it out.


Velocity 2010: Nicole Sullivan, “The Top 5 Mistakes of Massive CSS”

The following are my notes from this presentation at the Velocity 2010 conference:

The Top 5 Mistakes of Massive CSS
Nicole Sullivan, Consultant
Stoyan Stefanov, Google
2010 O’REILLY Velocity – Web Performance and Operations Conference
June 22 – 24, 2010

(Length 37 minutes, 54 seconds)

(Some demo isssues the first couple of minutes of the video…)

Why optimize CSS?

  • It blocks progressive rendering
  • Does not minimize as well as javascript

Top 1000 Alexa Sites Study

  • 42% don’t gzip CSS
  • 44% more than 1 CSS file
  • 56% serve CSS with cookie
  • 62% don’t minify
  • 21% have > 100K of CSS

Object oriented CSS is a way to make CSS smaller.

  • Concentrate on the selector
  • Example: Grids projects, 574 butes, 14 lines

Granularity Fail + Stale Rules + Unpredicatbility + Duplication + Specificity Wars = Massive CSS

#5 Granularity Fail

  • should not match underlying programming object model
  • compare to legos – use CSS similarly
  • How to determine if correct
  • 1) Perform a visual inventory
    • Take a site object
    • Break it down into component CSS objects
    • Look for repeating patterns, for example headings
  • 2) Develop library of component parts

#4 State Fails

2 types of stale:

  • Truly stale – no longer in use
  • Rules used after user action or on subsequent pages

  • Try dust-me selectors
  • Track over time

#3 Unpredictability

  • Elements should be consistent across site (like lego bricks that don’t change behavior depending on where they are used…)
  • How to test? Search for repeating definitions of same item (for example grep h[1-6]

#2 Specificity Wars

  • Programmers making items more specific in order to prevent others from overriding their settings

How to simplify:

  • Use hacks sparingly
  • Avoid styling ids
  • Avoid !important

What to do

  • Style classes rather than elements
  • Give rules the same strength

#1 Duplication

  • Grep is your friend
  • grep for margin set to zero – too many, may need a reset stylesheet
  • grep for float – too many, may need grid system
  • grep for font-size – may be heading disguised as something else
  • Example from Facebook



February 2011 mensming Twitter Posts

Follow mensming on Twitter

Social network LinkedIn blocked in internet crackdown in China –
Monday, February 28, 2011 5:59:41 AM

12 Best Cross Browser Testing Tools to Ease Your Browser Compatibility Testing Efforts –
Friday, February 25, 2011 6:46:45 AM

"I don’t care if it works on your machine! We are not shipping your machine!" – Vidiu Platon.
Thursday, February 24, 2011 7:15:01 AM

Just finished reading _The Facebook Effect_ by David Kirkpatrick –
Wednesday, February 23, 2011 7:04:42 AM

NIST boosts crypto with faster SHA-2 functions –
Tuesday, February 22, 2011 7:54:16 AM

The 25 Most Important PCs in History –
Monday, February 21, 2011 8:35:40 AM

RT microsoftalumni New alumni members, take advantage of invaluable connections with free MSA membership. Promo Code MSAlumni2011T
Friday, February 18, 2011 2:53:56 PM

DARPA seeks security expertise from a nontraditional source: the hacker community –
Friday, February 18, 2011 7:29:43 AM

History of Social Networking [Infographic] –
Thursday, February 17, 2011 7:54:36 AM

The Value of Really Dumb Tests –
Wednesday, February 16, 2011 7:45:28 AM

"The object-oriented version of ‘Spaghetti code’ is, of course, ‘Lasagna code’. (Too many layers)." – Roberto Waltman.
Tuesday, February 15, 2011 7:46:42 AM

U of M computer science researchers provide insight into the future of how we understand social networking –
Monday, February 14, 2011 7:17:10 AM

National competition puts high schoolers to the cyber warrior test –
Friday, February 11, 2011 9:56:22 AM

How Watson works: a conversation with Eric Brown, IBM Research Manager –
Thursday, February 10, 2011 6:36:04 AM

40 years before Facebook at Harvard – The Social Network: The Prequel –
6:36 AM Feb 9th

On Keeping A Twitter –

5:44 AM Feb 8th

Five Things We Learned From Civilization II-
9:35 AM Feb 7th

I see these at our jobs alias – In a new twist on online bank fraud, hackers respond to help wanted ads with malware –
1:44 PM Feb 4th

How to deal with planned site downtime (in relation to the Google search bot) –
5:29 AM Feb 3rd

"Perl – The only language that looks the same before and after RSA encryption." – Keith Bostic
7:58 AM Feb 2nd

Calling All Entrepreneurs – Come Hack with Us! –
12:16 PM Feb 1st