History of Web Color Names

Where do web color names come from? Alex Sexton breaks down how web colors got their names.

The named colors come from the X11 color (or more specficially, X10R3) back in 1983, in a file named rgb.txt. A list that started out with just 69 entires, now has a lot more.

In this talk, he states:

  • CSS colors come from X11
  • X11 names came from a box of crayons
  • Colors where originally calibrated based on Paul R. HP monitor
  • A lot of the names suck and are terribly inconsistent
  • And some of them are potentially racist (indian red, navajo white, peru)

A Wet Wookie in New Orleans

CSS Dev Conf 2014 Parade in New Orleans
@thebluedog

It actually rained on my parade.

After months of planning, the CSS Dev Conf crowd paraded through New Orleans’ French Quarter complete with side line band, stilt walkers, and police escort.

A couple of attendees brought juggling gear. Other attendees dressed up in costume. Most carried masks given to them at the Opening Reception the night before. 

I walked around as a furry Chewbacca and we had all ended up in Jackson Square. 

Right into torrent of Gulf Coast rain.

We were prepared. We had plenty of plastic rain ponchos for everyone that showed up.

However, it’s almost impossible to put a poncho over Chewbacca. And not recommended, either.

At Jackson Square, attendees separated by some of the best tour guides in New Orleans based on their interest: Ghosts, True crimes, or New Orleans history. 

Me? I looked on as attendees dispersed into the dark, wet French Quarter architecture.

Happy that the attendees braved a tornado watch for the parade and were now on tour of New Orleans, I was a bit dejected thinking of what could have been. The missed laughter and jokes that only a cool New Orleans evening could afford.

I stood as a wet wookie in the rain.

With nothing left to do, I headed over to Café Du Monde, the legendary beignet and coffee shop, where people not on tours were already gathered and where all the tours would eventually end up.

About to cross the street to the cafe, I bumped into a city native that also braved the weather.

Beer on his breath and an unopened beer can in hand, “Excuse me,” he said instinctually. “Sorry about—CHEWBACCA?! What are YOU doing in town?”

I smirked, haven forgotten my attire for the evening.

Then I pointed, “Crossing the street. To Café Du Monde.”

Well, that’s great… no, WAIT! No, sir. No, sir.”

I raised an eyebrow, “Uhm..?”

Chewbacca is NOT getting rained on. Not in my city! Not on my watch!”

Then in his other hand, opened up his umbrella covered my head and escorted me across Decatur St. safely to Café Du Monde.

I thanked him and I walked into cafe to find my crowd with a growing smile on my face.

It never rained on me in New Orleans that night or the rest of my time in the Crescent City.

Media Runway to U2’s Free, New Album

Apple's CEO and U2 at Keynote Address

U2’s song, “Invisible,” premiered on a Super Bowl XLVIII commercial in February. 

The song was available for free on iTunes two days after an average 112 million viewers tuned in to see the Seattle Seahawks beat the Denver Broncos.

Their song “Ordinary Love” for the film Mandela: Long Walk to Freedom was nominated for an Oscar.

In early March, U2 performed the song live on the 86th Annual Awards show that reached an audience of 43 million viewers in the United States alone. 

U2 performed on The Tonight Show with Jimmy Fallon on its first show as its first music guest. Thanks to heavy promotion during the Winter Olympics on the same network, there was an average of 2.4 million viewers seeing the band play a performance of “Ordinary Love”.

With that exposure and 22 Grammy’s associated with their back catalog, the next logical step is to cash in on all those high profile appearances.

Last week, during Apple’s keynote presentation unveiling the new two iPhone and Apple Watch, the band performed a new song via live stream. 

Immediately after playing, Apple released a new U2 album, Songs of Innocence, to 500 million iTunes account holders around the world for free. 

The world’s largest album release ever for the world’s greatest rock band, the reaction to a free album was somewhat underwhelming:

Even one good Samaritan actually went into iTunes and figured how to “delete” the album from the iCloud so it won’t show up in a user’s local account.

With the new season of Saturday Night Live almost upon us, it’s almost assured that U2 will be a musical guest to promote a rumored second album and upcoming tour like they’ve done for past projects. 

At this point, though, why bother? 

With so much television (and a little bit of movie) exposure not panning out, it’s enough to make you think traditional media is dead.

For Chloe Weil

Chloe Weil

Before the start of the CSS Summit, Environments for Humans took a moment to make a special announcement regarding Chloe Weil.


We are missing someone special this CSS Summit.

Ari and I first met Chloe when we first did the CSS Summit from ISITE Design’s old office in Portland, OR.

We knew right away she was funny and smart–two qualities we love to see in people.

Every year we would look forward to seeing her and Petra to catch up, like any other people who work on the web. Virtual friends meeting up and picking up the conversation as if no time had passed.

It was through her blog, though, that we realized how talented she was. Whether she was writing a blog post or announcing a project–her writing was thorough, thoughtful, entertaining, and done faithfully to her own voice. 

While we love the medium we work in–it’s unique power to communicate vast distances fails mightily to that of a simple, directed kindness. 

Take time out of your daily routine to reach out to friends and family–unexpectedly give them a kind word. Thank them by letting them know their hard work, their opinions, their humor, their approach to life is amazing. 

Most of us are not sure what to say to a friend who is going through depression. It’s a good idea to consider what you might say if someone you care about asks you for help.

And if you are feeling overwhelmed or hopeless, please talk to someone about it.

If you don’t feel like talking to a friend or loved one, please call the National Suicide Prevention Hotline at 1–800-SUICIDE.

We asked our attendees from around the world for similar services. Here’s a listing of the few we were able to capture:

If you have more resources, please post them in the comments.

The Problem with Binge Watching

One does not simple watch one episode of a series. You binge watch them all.

I love being able to watch television shows in long stretches of time.

It’s great for people’s ADD.

It’s great for studios to get additional revenue.

It’s great for the environment as it keeps old shows from being printed on DVDs stored in the budget barrels of Wal-Marts across the nation.

The absolute worst thing, though, about is watching a show and meeting the actors right afterwards.

Before the Star Trek movie reboot, I binged watched the old Star Trek series, Enterprise.

Previously, I had watched it when it came on broadcast television, but life came up at me and, really, it wasn’t that entertaining as a weekly serial.

But for a Star Trek fan wanting to be a completist, it makes for great binge watching.

Which is what I did.

No sooner had I completed the series, with it fresh in my mind, that I happened upon a quick conversation with Scott Bakula outside of Comic Con one year.

I immediately asked him if an Enterprise movie would be in the works.

He graciously laughed it off with a good natured quip, but I was left puzzled.

Until I did the math.

The television show had been off the air for at least five-to-six years already.

By the time I had seen him from Enterprise to then see him in-person was a few days to me, but in reality, a quick IMDB search showed that Bakula had been on several other television and Broadway shows since that show.

Television binging gives one a loose grip on reality that gets more pronounced if you run into the actors immediately after viewing.

I fear the more this happens we might cause a time continuum crisis.

 

 

Foo Camp: Impostor Syndrome

Foo Camp 2014 is an unconference hosted by O’Reilly Media where sessions such as “Impostor Syndrome” are suggested and scheduled by the attendees themselves.


  • Impostor syndrome is dragging us down. 
    • It can also drag others down when our work impacts other people.
  • An expert is someone that can optimize that she knows quite a bit, but not someone who knows everything. 
    • Be at least one step ahead (esp. if you have kids); you don’t have to know everything.
  • Symptoms of imposter syndrome: 
    • You are the only one in the group that doesn’t know what’s going on.
    • And you will be found out is one of your worst fears.
    • Struggle with trying to find out what their strengths are.
    • Give more weight to negative comments, people than more weight, control than positive ones
  • If you are bad ass, you cannot experience imposter syndrome. 
  • When we talk to others to find out the value of our work, we are dis-empowering ourselves. 
    • Questions of worth should be self-realized, understood internally: 
      • What is good enough?”
      • What is my best work?”
  • Impostor critic:
    • Inner critic reinforces impostor syndrome.
    • You have a inner critic, if you are hearing youeslf say a lot of “I should”.
    • Give your inner critic a name, like “F@!& ‑o”.
    • Change the voice of your inner critic or negative comments to that of a cartoon character.
  • Perfectionism is stifling the release of code, projects. 
    • Perfectionists procrastinate.
    • Often times there’s a feeling of not knowing what to do or how to do it
    • Then there is stuff you don’t want to do–not realizing how it’s helpful.
    • To cope with perfectionism: 
      • Break projects into smaller steps
      • Outsource to freelancers, when possible
    • Ways to change a mental view of perfectionism: 
      • Embrace mantras:
        • Done is beautiful.”
        • Done is enough.”
        • Real artists ship.”
      • Deliberately make something bad. 
        • Make bad sentence; make series of bad sentences; make bad paragraphs.
  • Satisifcing = Satisfying, suffice 
    • Realize there’s a difference between “excellence” and “perfectionist”.
    • A satisfactory solution is better or chosen over an optimal choice.
    • 80% completion of a project is better than 100%. 
      • Realize that going from 81–100% can take a lifetime.
      • The last 3% is Olympic level of perfectionism
    • In the digital age, adding corrections or updates to software is easier than creating fixing.
    • Iterating is embraced on web projects often better to revise/update than redesign.
  • It’s hard to embrace achieving or accomplishing for people with impostor syndrome. 
    • When something amazing happens to you because of your own effort, embrace it.
    • Understand that you worked hard for this.
    • Realize that “This is mine because it’s supposed to be mine” and say, “thank you.”
  • Recommended reading:

FOO Camp: Introvert Hacks

Foo Camp 2014 is an unconference hosted by O’Reilly Media where sessions such as “Introvert Hacks” are suggested and scheduled by the attendees themselves.


  • Scheduling, tracking:
    • Track energy level on Google calendar. If you have a few-to-several low energy days in a row, schedule a “do nothing” day.
    • When getting invited to hang out, say “no” first, then “maybe”.
      • Next, put it on the calendar. When the time comes for the event, you can then decide if it feels right to go.
      • If you do decide to go, limit your time there. E.g., stay for one hour or portion of the event.
    • Schedule on the calendar a “do nothing” weekend
    • You don’t need to be everywhere, embrace JoMO or Joy of Missing Out
    • Try to be realistic with your workload 
      • Past-Me is really ambitious compared to Current-Me”
      • Don’t get upset with yourself when you pile on work.
  • Related to conference events: 
    • At a conference, give yourself compassion to take breaks so you can maintain people skills.
    • Speaking at an event is better than being an attendee for an introvert since at a large number of people will hear what you have to say and, if they want, seek you out to follow-up after your talk.
    • When giving a presentation, focus on 3–4 key people in an audience when speaking. Talk to them, don’t get fluster yourself looking into a sea of people.
  • Conversation tips:
    • Frame a question in terms of “First”, “Best”, “Last”, “Worst”. E.g. “what was the best thing that happened to you at XYZ company?”
    • What was the most interesting thing you saw/learned/did today?”
    • After someone tells you what they do, simply say, “That sounds hard.”
    • Get a service dog to get others to start the conversation.
    • Exit conversations by saying: 
      • I’ll be right back.”
      • I’ll be a second.”
      • It was nice meeting you.”
      • Alright. All the best.”
  • On finding quiet: 
    • Use Musician earplugs for bars, large networking events, etc.
    • One of the greatest things you can do is change the venue of a conversation with someone. 
      • While it moves the conversation to somewhere quieter, it signals to the other person that you want to focus on them and what they have to say.
      • Change the noise level by suggesting a move to a new, nearby location. Feeling adventurous? Invite the other away from the venue completely for something new.
  • Making the most of your alone time: 
    • Use earplugs, if needed.
    • Meditate, if it suits you.
    • Write down in a journal, like DayOne app, one thing you are grateful each day
    • Schedule your alone time for first thing every day as way to pay yourself first before giving your time, energy, and resources to others.
  • Recommended reading:

What Would Carl Sagan Do If He Saw HD Television?

COSMOS: A SpaceTime Odyssey, the updated version of the 1980’s classic hosted by Carl Sagan himself, needs an editor and a better director. 

There are so many bad lines and poor storytelling, it drives me batty. I so want this show to be excellent. I want people to be talking about it during their lunch breaks. 

The first episode of the Neil deGrasse Tyson’s COSMOS starts out by saying that the journey is available to those who follow the scientific process of testing and proving theories. Fair enough. Right after they state this is minimum needed to continue this journey, the first story is not of a scientist or someone following the scientific method. Rather it’s the story of Dominican friar Giordano Bruno, the religious figure with new ideas about the movement of the stars and planets without the means to scientifically prove those theories. 

In the third episode of this rebooted COSMOS, the show portrays a vilified Robert Hooke. While noting his worthy scientific accomplishments, he is mocked for not providing proof when he claims he can explain why planets move they way they do. Very odd considering two weeks ago, it was cool in the first episode to just to deposit only theory. Sure, you get burned at the stake for doing so, but why is mathematics so important now?

Compare that story to the the first feature story of the Sagan’s COSMOS from 1980, Eratosthenes. How Eratosthenes became the first person to calculate the circumference of the earth by asking questions lays the foundation that questioning and experimentation are important for humanity and Sagan’s COSMOS.

I must also note that it’s astonishing that Sagan’s enthusiasm for telling Eratosthenes’ story still radiates on follow-up viewings as he not only explains how Eratosthenes calculated the circumference with a slow ease, he does it with a prop that looks like two sticks glued to a piece of flimsy poster board that one would find in a middle-school science fair.

Special effects, though, are important today. Children grow up in a world of television and movies with special effects. They will never know a show, film, or YouTube video without them. 

I want so badly for a shot of Neil to walk from a outdoor setting of the beach onto the Ship of Imagination to help kick off the journey. To help people buy into it. But, no, he just pops in and out of the ship, into different locations, sets, etc. Shoot. Even Raiders of the Lost Ark has scenes of Indiana Jones getting on and off an airplane.

In an age where we can see Iron Man’s in-flight heads up display in the silver screen, respect the modern audience and show mathematical equations as they are mentioned. Go further and show overlay animations of these equations being demonstrated as they are being discussed. 

Go even further. When you have communities develop around sci-fi and fantasy shows like Battlestar Galactica and Lost, fans will watch and re-watch episodes looking for clues and hints for future episodes. Follow this lead by loading scenes with hidden messages on science history. 

Or how about creating fill one frame with information that can only be read when one pauses the screen on an HD television? For example, when mentioning Voyager’s Golden Record, all in an instant list the musical selections on the record, what each song’s wave form looks like, the timeline of the musicians, the icons of animals that make up the nature sounds, etc.

And, if may be so bold, when talking about historical cultures of mankind, show their location on a map or rotating globe and the years they existed. 

But do that mostly for me. I stink at geography and history.

In Control Conference: Scott McCloud’s Keynote Address

Scott McCloud, creator of Eisner Award winner Understanding Comics and Jack Kirby Award winner Zot!, delivered a keynote address on the second day of the AIGA In Control Orlando 2014 Conference.


  • If I don’t need to think it, I don’t need to see it.”

Scott McCloud makes the case for great user experience design. When creating moments for your users–no matter if it’s digital design, story telling, or how to make a cup of cofee–don’t give extraneous information to your audience. 

When they need the information, deliver the information to them. 

Not a moment before.

  • Content should not be a bitter pill.”
  • Form and content must never apologize for one another.”

Don’t dress up badly-written content with gorgeous graphics or animated GIFs.

On the flip side, don’t add visuals to wonderful prose. 

Both misguided approaches end up ruining the form and undermine the message.

Make good content that people want. 

  • You don’t want to piss off Family Circus fans.”

This line just made me laugh out loud.

  • The open book is the shape of print.”

Print media isn’t a closed book or, if I may, a neatly folded newspaper. 

When a book is opened, it makes a horizontal rectangle. This format is better for our eyes since the eyes are placed on a horizontal axis, placed side-by-side only to be separated by a nose. 

When the print matter is opened, it’s a working medium.

Viewing digital comics on an iPad, when it’s vertical, isn’t how it was intended. A crafted two-page spread fails miserably to convey information–causing more work for the reader to understand what’s going on. 

Comixology’s guided view for reading comic books reinforces the flawed construct of mistaking the medium for the message. That the shape of a physical comic book is the comic book itself.

With Comixology, there’s a “guided view”. The guided view shows a panel at a time until it comes to the end of the page, where it breaks the reader out from the world of comics reading to show that they are now zooming out of the panel, flip to the next page, and then zoom to the first panel on that page. But, why zoom out at all? Why not use this new medium to display panel after panel rather than reinforce print restrictions in the digital age. 

  • The art of coming in second place is when the client says, ‘I want to do what they did.’”

In my own opinion, an absolutely brutal take down of every instance when a client wants to copy the competition. 

Try to get your client to be themselves. If you are working on your own brand, be true to yourself.

  • Once upon a time, a ‘good talk’ was one that where the presenter didn’t read the content off the slides to their audience. Now a good talk is called a ‘TED Talk’.”

All talks should aspire to be a TED Talk. Otherwise you’re just reading. 

  1. Learn from everyone
  2. Follow no one
  3. Watch for patterns
  4. Work like hell

Follow the four rules above to pursue your own vision, not what you think is important. If you do, you will be satisfied with your work and, with luck, others will, too. 


For more about Scott McCloud’s work and insight, see these resources:

Get Caught up on RWD and CSS

Want to get caught up on the latest in CSS and Responsive Web Design?

Over at Environments for Humans, we’ve slashed prices on two of our most popular Summit recordings for the months of December and January! 

Spend Winter sharpening your skills with these 2013 recordings. 

CSS Summit 2013

Master the Web’s language of design with three days of cutting-edge tools and techniques. Day One is a full day of CSS3 training, Day Two has more advanced CSS topics, and Day Three covers preprocessors like SASS.

RWD Summit 2013

The RWD Summit Recordings includes three days’ worth of material to help you discover the newest Responsive Web Design techniques and change the way you build the Web. 

For a limited time only, get 6‑days worth of content is a quick way to get up to speed on both CSS and RWD for only $99 each with code WINTER2013.