Awesome CSS IS AWESOME mug

The CSS IS AWESOME mug is awesome -- until it makes you snarf coffee out your nostrils all over your keyboard.

CSS IS AWESOME Mug by stevenfrank (via Global Nerdy)

[Adam Stanhope July 24, 2009 12:26 AM]

CSS are awesome?

[Anonymous July 24, 2009 12:28 AM]

I don't get it :(

[abq halsey July 24, 2009 12:34 AM]

GOTO PROGRAMING JOKE
GOTO LESS FUNNY THAN
GOTO AIDS JOKE

h/t rowland

[Anonymous July 24, 2009 12:59 AM]

I want to get one of these for every web developer who has a conniption whenever they see me use tables for layout.

[Mr Brown July 24, 2009 4:45 AM]

i fought the right-hand margin
and the right-hand margin won

--DO YOU WANT THE CLASH!?!? THE CLASH!!!

[Bottlekid July 24, 2009 5:15 AM]

Please tell me that they make one with Moss' picture on the bottom.

[JoshP July 24, 2009 5:24 AM]

Uhh...
would anyone care to explicate this one for the noncubic'd unprairy-dogs among us? pls. for cookies and niceness?

[Anonymous July 24, 2009 5:32 AM]

@ #1 CSS *is* awesome
Cascading style sheets *are* awesome

[sandbaggerone July 24, 2009 5:48 AM]

That's a classic. Should also be paired with the keming mug.

[atomix July 24, 2009 6:02 AM]

#5 - Cascading Style Sheets was great when it first made the web design scene because we could make fancy designs really simply and change the whole look of a web site without touching the content. Unfortunately, it's rules - for better or worse - are very strict, so designers often have to battle with quirks such as elements that don't resize properly with their contents. Just like the box on the cup that has presumably retained it's specified size and allowed the content to run over.

[mtrhd July 24, 2009 7:06 AM]

constant reminders of the digital age-10 yrs ago my daughter asked "whats a record" in the age of music CD's, and the other day her teeenage brother gasped in amazement at the DMV's old dot matrix printer. Found an old Walkman the other day as well. I think I'm getting fond of big tech-kinda steampunk, but also a call for a stop to excessive tech.

[ian_b July 24, 2009 7:16 AM]

@7: "Unfortunately, it's rules - for better or worse - are very strict, so designers often have to battle with quirks such as elements that don't resize properly with their contents."

Made some corrections:
"Unfortunately, it's rules - to the detriment of humanity - are very poorly implemented in IE, so designers often have to battle with quirks such as elements that don't resize properly with their contents, and users who only upgrade their browser once a decade."

[jahknow July 24, 2009 7:27 AM]

I'm still using tables.

[Anonymous July 24, 2009 8:10 AM]

I thought this was about CSS, the Brazilian band, which is indeed awesome. Programming joke is funnier though.

[coop July 24, 2009 8:19 AM]

This is why, now and then, I reach back into the past and use a table...

And yes, my morning tea just about came out my nose.

coop

[Anonymous July 24, 2009 8:45 AM]

I  Unicode

[KWillets July 24, 2009 8:46 AM]

Nice. Similarly I've been plotting a <sucks> XML</sucks> T-shirt for some time now, but I don't have enough RAM or CPU to parse it.

[jackie31337 July 24, 2009 8:59 AM]

I've even resorted to using tables in Word to get the images aligned the way I want them. I hate the way the image is anchored to a spot on the page and ends up in the wrong place if the text changes when you don't put it inline with the text. The quickest workaround I could come up with was putting everything in a table.

[afo July 24, 2009 9:08 AM]

or, with "overflow: hidden":

CSS
IS
AWESC

[Andrew July 24, 2009 9:37 AM]

Superb!

Maybe they could make a special IE6 version where the text pushes the handle out a few cm from the edge of the cup.

[Anonymous July 24, 2009 10:36 AM]

Counter-Strike Source is awesome,not,
Cascading style sheets is awesome.
Duh you frieken tards.

[zachary July 24, 2009 10:37 AM]

Whoever designed this cup is bad at CSS.

[Little John July 24, 2009 10:56 AM]

LOL! Funny.

Obviously a box dimensioned in px while the user has upsized the text to legibility from 9px or 10pt or something.

Also, the mug is obviously not in IE6 quirks mode.

Which leads me to Ian B @#12:
Atomix @#10 (no longer #7) needed correcting, but I expected you to fix his misusages of possessive its. I'm deeply disappointed, and so is Mrs. Edgeworth. ;-)

(Wondering whether, if I hover over the rectangle on the mug, it'd resize or change color or something.)

[danfan July 24, 2009 11:02 AM]

@#4

Tables for layout as a rebellious stance makes even less sense than a PBR-drinking hipster.

[danfan July 24, 2009 11:04 AM]

The only problem with CSS lies with people who can't be bothered to learn how to use it (read: dinosaurs).

[coop July 24, 2009 11:40 AM]

@25 - yes, dinosaurs

Or those who have to deal with pages displayed in multiple browsers (of varying age), on differing platforms, on mobile devices and in various email systems.

In other words, people who live in the real world.

coop

[Anonymous July 24, 2009 11:53 AM]

At this point, COOP, the real world has nearly moved to a place where your pre-CSS table layouts render as poorly as CSS.

As soon as IE6 finishes dying (hopefully by the end of the week) you'll be well rewarded for biting the bullet and learning CSS. Just use free canned templates to start with (same way you learned HTML, presumably, by modifying others' work. That's the way you are supposed to learn the web).

Love your art, incidentally.

[danfan July 24, 2009 11:56 AM]

@26:

Coop, I live in the real world, and have been building websites professionally for 12 years now. I remember table-based layout very well, and used it for a long time when that was the only game in town.

I can assure you that it is very possible to craft CSS layouts that display equally well across all browsers and platforms, barring outliers like IE4, if there really is anyone out there still using it.

Outlook 07, and the forthcoming 10, do necessitate table-based layout for email, true, but that's not a technological limitation so much as a poor business decision by Microsoft.

Tables are great when used what they're meant for: tabular data. For website layout they're an antiquated hack.

[brassrocket July 24, 2009 11:56 AM]

Yeah, CSS is better.

But coding web pages was easier before it hit the scene. HTML used to be the people's programming language. It was DIY. Now, everything's pretty and AJAX-y, but you hire a professional to do it.

I'm not saying it would be better the other way, but, you know they could have just fixed what sucked about HTML rather than implementing the World's Most Confusing Workaround.

[danfan July 24, 2009 12:07 PM]

@28

CSS isn't that hard, really. What sucked about HTML was mixing in a bunch of unnecessary tags that make it hard to work with, and pages bloated with unnecessary code. CSS fixes this by moving the styling to an external source.

[Aleknevicus July 24, 2009 12:24 PM]

@24 I don't use tables as a "rebellious stance" - I use them because they work better.

[coop July 24, 2009 12:36 PM]

@26

"Outlook 07, and the forthcoming 10, do necessitate table-based layout for email, true, but that's not a technological limitation so much as a poor business decision by Microsoft."

Right, my point exactly.

In most cases CSS is 'better', especially in that it separates content from formatting, but now and then, a quick table can save time. And that's good if it's a quick 'throwaway' email or the like.

I'm still getting the mug...

[Avram / Moderator July 24, 2009 1:48 PM]

Anonymous @16 -- That's the funniest thing I've seen today.

[rollerskater July 24, 2009 2:11 PM]

another css-saavy person who agreess that Cansei de Ser Sexy is awesome.

[Anonymous July 24, 2009 3:50 PM]

Roast Beef would use this mug.

[justanotherusername July 24, 2009 4:18 PM]

Why do a table based layout in 5 minutes when you can do a CSS based layout in 5 days?
Because CSS is awesome.
It would be harder to get onto a mug though.

[gollux July 24, 2009 5:42 PM]

Must be using Internet Explorer, looks too much like the display problems IE 7 was throwing at us two days ago on a website redesign. Errrf!

[danfan July 25, 2009 1:19 AM]

@31:

If by "better" you mean they produce bloated code, are inefficient to program, are hard to modify, and are terrible for search-engine optimization, then yes, they are certainly better! I love it when people who know nothing about this subject proclaim tables to be better, I guess it's easier than admitting you've fallen behind.

@36:

If you know what you're doing, and competence is hard to find these days, true, then a CSS-based layout should only take a few hours. If you're an inept n00b that only knows Front Page, then I guess you may have a point.

[Aleknevicus July 25, 2009 3:53 AM]

@38:

Excellent! You've earned your free mug! (See comment #4.)

[Piers W July 25, 2009 7:36 AM]

#3 Syntax error at Line 1

[DSMVWL THS July 25, 2009 9:54 AM]

This mug is brilliant.

#28:

Tables are great when used what they're meant for: tabular data.

Any data in a table is "tabular data"... including a layout of images, text, and transparent GIFs.

I've never understood the moral fervor of the CSS nazis. Why get so uptight about what tables are "meant for"?

If they produce more consistent results with less code and in less time (which they still do), I'm going to keep using them.

The net will always find its own uses for technology.

#36:

Why do a table based layout in 5 minutes when you can do a CSS based layout in 5 days?

Exactly. I often suspect that CSS is just a conspiracy to make web development more esoteric, more difficult, and slower, thus increasing web developers' billable hours.

[ripplepoppy July 25, 2009 10:52 AM]

What I like is that this mug could be interpreted both ways: praising CSS or hating on it. Ambiguity: the middle ground when there is no middle ground. Let's leave it unfinished...

[Antinous / Moderator replied to comment from DSMVWL THS July 25, 2009 10:55 AM]

I've done about a half dozen websites for friends and local charities. I learned CSS by buying a book and spending a whole half-day reading it. Although I confess that positioning takes a bit of thinking, on the whole, working with CSS is much easier than presentational html. Once you get into the groove of doing it, it goes extremely fast. A table-based layout might, maybe, be faster for a single page site, but changing the layout of a 20 page website with about 30 seconds of coding makes it worth it. The anti-CSS brigade sounds like, "I'd rather walk ten miles to work every day than waste my time learning how to drive one of those horseless carriages." Plus the fast loading is great, and savings in bandwidth is huge for big sites.

[Aleknevicus July 25, 2009 1:53 PM]

@43:

That would be a mis-characterization. I do know CSS and for many uses, it's brilliant and clearly the superior way to code a site. But layout is not always one of them.

[yurei July 25, 2009 7:23 PM]

Style sheets are my beach house
Style sheets are my hometown
Style sheets are my king-size bed
Style sheets are where I make my friends
Style sheets are my hot hot bath
Style sheets are my hot hot sex

[Anonymous July 25, 2009 10:22 PM]

@16: Good idea for another mug. I read "I [E020] Unicode" which is a joke just as good. Ever since Firefox 3.x unicode support has sucked and everything shows up as a garbage character.

[danfan July 25, 2009 11:25 PM]

@41:
"If they produce more consistent results with less code and in less time (which they still do), I'm going to keep using them."

They don't, they don't, and they don't. Enjoy your horse-drawn buggy.

[danfan July 25, 2009 11:28 PM]

@41:

Also, I can tell you from personal experience that building sites with CSS is *far faster* than with tables. You have it precisely backwards - tables increase billable hours, significantly.

And, tabular data is not spacer gifs and layout. It's data that is related by its columns and rows.

Please, feel free to read anything at all written in the last 6 years about web development. kthxbai

[Anonymous July 26, 2009 6:49 PM]

@18 - do you realise that you can get text to wrap around images in Word? So you can basically 'float' them... Just click on the dog with lines through/around him in the images toolbar...

Crazily enough it was actually my 50+ mother who showed me this technique... >.>

[Anonymous October 18, 2009 9:27 AM]

"Moral fervor of the CSS Nazis" LOL! That one made my day more than the mug. Still want one tho.

So religion hits the web, hmmm. I better go mobilize the young ones and plan the evacuation before the CSS puritans reach my neighborhood. I heard there is a html land where sane people can live in harmony and free-Oh my God! Honey the village horn has sounded! The CSS soldiers are coming, let's get out of here!