Warning: Cannot modify header information - headers already sent by (output started at /home/cssquirrel/www.cssquirrel.com/blog/index.php:4) in /home/cssquirrel/www.cssquirrel.com/blog/wp-includes/feed-rss2.php on line 8
CSSquirrel » jeff croft http://cssquirrel.com/blog opinions and news on web design Mon, 06 Feb 2012 17:41:49 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Comic Update: The Curse of the Werefive http://cssquirrel.com/blog/2010/08/03/comic-update-the-curse-of-the-werefive/ http://cssquirrel.com/blog/2010/08/03/comic-update-the-curse-of-the-werefive/#comments Tue, 03 Aug 2010 21:00:47 +0000 Kyle Weems http://www.cssquirrel.com/?p=724 Today’s comic features Jeffrey Zeldman, Tantek Çelik and the Squirrel fleeing a lycanthropic Jeff Croft after his transformation into a ferocious werefive. What is a werefive, you ask?

On Sunday, Zeldman linked a cool html5 test project from his blog. On Monday, Tantek made a comment there discussing his issue with the fact that many of the items the test checks for aren’t HTML5 at all, but rather other related bits (like Microformats, for example). This caused Croft to write his own piece on the topic, wondering why such vigilance was needed, claiming the buzzword’s value in promoting interest outweighs the potential harm of mislabeling items as belonging to it, using the long-abused term AJAX as an example. Tantek follows up again with a comment on Croft’s blog that clarifies his position more in depth. The ensuing discussion spawned today another post by Zeldman on the topic of HTML5 fuzziness and his own reasons that he feels it’s best to avoid such confusion.

Does that help clear things up?

What I’ve enjoyed about this conversation is how thoughtful and polite it has been. In a web where flamethrowers are more common than flowers, it’s great to see an intellectual exercise continue for more than three tweets without someone dropping a Hitler reference or cursing your mother’s fertility.

It’s also a neat topic. I for one often have confused, or sloppily placed, items that aren’t part of HTML5 as part of that banner. At Mindfly, I’ve repeatedly tossed Geolocation (which used to be part of HTML5, just in case that’s not confusing enough) and Microformats (which predates HTML5 and really has nothing to do with it) into discussions about the HTML5… usually in an attempt to add perceived value to making use of what the spec itself offers (which is technically neither of those things.) I’ve never been so crass to lump CSS3 in there, but I’ve got a special place in my heart for stylesheets.

The kind of gooey place usually reserved for sweethearts and cookies with milk.

That said, I have to agree with Zeldman’s words:

Sure, it’s a bit stiff. But such a construction allows us to participate in the current frenzy and be understood by non-technical people while not fostering further misunderstandings—particularly as we also need to concern ourselves with web colleagues’ and students’ knowledge of what HTML5 is and is not.

It’s my opinion, in the end, that we should avoid being bitten by the fuzzy, morphing werefive and adding to what is likely already a very confusing mess for people. Unless I really can grow fangs, claws, and be immune to all but silver bullets. Because that would be so awesome that I would need a motorcycle and a plaid shirt.

Werewolves wear plaid, right?

]]>
http://cssquirrel.com/blog/2010/08/03/comic-update-the-curse-of-the-werefive/feed/ 1
Comic Update: Nice Hat (Gradients & Dave’s Brain) http://cssquirrel.com/blog/2010/02/01/comic-update-nice-hat-gradients-daves-brain/ http://cssquirrel.com/blog/2010/02/01/comic-update-nice-hat-gradients-daves-brain/#comments Mon, 01 Feb 2010 17:12:05 +0000 Kyle Weems http://www.cssquirrel.com/?p=603 Today’s comic features a hat. It’s not your ordinary chapeau, but rather the sort of stately headpiece that could keep an entirely family warm at night or help you sneak into Soviet-era Russia. Even if I didn’t have a web design-related topic to discuss (and I assure you, I do), the gravity of this hat would be enough to ensure that your visit to my site today was not a waste.

Joining the hat in today’s strip is Dave Shea and Jeff Croft. These fine gentlemen appear with the squirrel to help present to you a visual gag that points to one simple, inescapable truth: CSS gradients will break your brain.

I’m trying to get up to speed on CSS3, a goal which falls in the same category of absurdity as tasting every variety of curry in India; there’s simply too many modules piling up in that spec. At this point I suspect that CSS3 will not reach a finished state prior to the web being replaced by the psionic slave networks that our future robot overlords will use to broadcast their diabolical commands to the human race.

Nonetheless, I am digging out the fruits of the cutting edge of our darling cascading style sheets, especially the previously Webkit-only features that have been newly adopted by the recently released Firefox 3.6. One area I focused on this past Thursday was CSS Gradients. After all, how hard an a gradient be?

How hard indeed.

I present Exhibit A: my tweet less than five minutes after opening Mozilla’s tutorial on the topic. It starts out easy enough, then they start talking about things like color-stops, linear vs. radial gradients, starting points and angles, etc. It gets worse when you learn that Webkit and Mozilla each approach gradients differently, continuing the spaghetti western tradition of dueling methodologies.

In short order, my tweet was answered by Dave, then Jeff, each adding to my diagnosis: CSS gradients are a pain.

I’m currently working on a tutorial on the topic, something that hopefully explains it in a more digestible format than what I’ve seen thus far. Until then, the only way I can provide you comfort is to inform you that the hat in today’s strip is based in reality. Here is a picture of Dave in the hat.

If you did not spit your tea/milk/soda/liquor/pepto onto your computer screen just now, you have no sense of humor. I almost died of laughter when I saw that picture. Its existence was like a special jewel reminding me that dreams come true.

For the sake of equal treatment, I’ll share with you what I found a few minutes later while getting a reference picture of Jeff to touch up his character’s appearance. I stumbled upon this. Yeah… it speaks for itself. I’m not sure when I can fit that into a comic, but I’m certainly going to try.

If neither photo cracked your head, than I recommend checking out CSS gradients. If you’re feeling woozy, no worries. I’ll get back to you in a few days with some digestible tidbits on how to tackle them.

]]>
http://cssquirrel.com/blog/2010/02/01/comic-update-nice-hat-gradients-daves-brain/feed/ 4
Average Users Aren’t Idiots (We Don’t Live In Narnia and Your Friends Aren’t Talking Otters) http://cssquirrel.com/blog/2010/01/28/average-users-arent-idiots/ http://cssquirrel.com/blog/2010/01/28/average-users-arent-idiots/#comments Thu, 28 Jan 2010 17:27:33 +0000 Kyle Weems http://www.cssquirrel.com/?p=590 Ok, the iPad.

Whoop-dee-freaking-doo.

I’m annoyed by all the defense of the device’s failures by my peers who are justifying the shortcomings as features that only mega-geeks want; they say that the mythical ‘average user’, like some strange breed of lobotomized unicorn, is not interested in these issues. (*cough* Jeff Croft’s iPad Thoughts and Jason Beaird’s iPad: It’s not for us are two stellar examples of this ‘average user’ argument *cough*)

Really? Are you patting yourself on the back that much about how awesome you are that you think it’s still 1999 and we’re logging onto the Internet via a series of loud angry screeches? (Oh dialup modems, how I don’t miss you.) Virtually everyone (in America, at least) uses browsers on a very regular basis. Over 350 million people use Facebook. There’s been these little instant messaging programs with names like MSN or gTalk  for a long, long time now. My friend’s grandparents use Skype to talk to their friends in other countries.

What these people lack isn’t a taste for the features we geeks have been talking about. What they lack is the terminology for it. My mom isn’t going to say she wants “multitasking.” She is, however, going to want to have her browser open to look at websites while having access to her IM program to chat with family and friends.

That basic pair of tasks: browsing + chat, does not exist on the iPad. That is a single example that fits the everyday life of millions of people. To tell me that some sort of mythical upper class are the only ones who want to do that is to live a magical life in Narnia, where your friends are mostly talking animals; the majority of which lack opposable thumbs.

One last thing: the App Store. You want to run a program on the iPad? Better hope that Apple wants you to have it. Have fun surfing the Internet without Flash. For better or worse, a good part of the web still runs on it. Apple seems to be pushing farther towards a closed ecosystem, which is the complete opposite of what most of us standardistas believe in. You can’t pretend the device is the replacement to a netbook when it doesn’t have the same breadth and variety of software. Some people celebrate it, claiming the closed ecosystem of the App Store makes it somehow better, filled only with quality software.

Like iFart, which for a time was the #1 app in the store.

The iPad does have a lot going for it (however, the name is killing me.) But let’s not pretend that we’re some rare breed of horse, and that these shortcomings only impact 1% of users. Because that’s clearly a fantasy, and the average person lives in the real world, just like us.

]]>
http://cssquirrel.com/blog/2010/01/28/average-users-arent-idiots/feed/ 20
Comic Update: Boring in Five Easy Steps http://cssquirrel.com/blog/2009/08/25/comic-update-boring-in-five-easy-steps/ http://cssquirrel.com/blog/2009/08/25/comic-update-boring-in-five-easy-steps/#comments Tue, 25 Aug 2009 16:24:03 +0000 Kyle Weems http://www.cssquirrel.com/?p=412 Today’s comic, featuring Jeff Croft in a fictional scenario where he’s rebuilt into a duller, less spontaneous being by Jakob Nielsen after a tragic karaoke accident, is something of a lighthearted poke at the death of spontaneity in the name of… well, I’m not sure what, exactly. (It also guest stars Bruce Lawson as the HTML5 Doctor)

The sequence of events that inspired this micro-drama is as follows: Firstly, Jakob Nielsen decided to talk about iterative designs in tweets (or as he likes to dress them up: “stream-based postings”). He guides us through a process where in only five easy steps he has drained the blood from a sample tweet, leaving a dried husk that will rise in thirteen days to join the legions of humorless drones that find the useit.com design both fascinating and useful.

After this, Jeff Croft cuts through the meat of Jakob’s ‘findings’ with a tweet that probably did not require five iterations: “An article by Jacob Nielsen on how to take all the spontaneity and humaneness out of your tweets in five easy steps…

Granted, at least one iteration more might have helped in his case to get Jakob spelled right.

The fact is, Jeff hit it on the head. If you’re writing down your tweets and re-writing them repeatedly to maximize some sort of marketing message, you’re not tweeting. I’m not sure what you’re doing, but I’ll bet that most people that see the message can see what it is, canned artificial crap. You don’t have a medium of micro-messages just to waste all the time and effort of a proper e-mail or blog post on a single sentence. Spending that effort on the message not only is contrary to the purpose of the medium, it’s counterproductive when the end result is what Nielsen presents, complete with shouting-style caps, months in parentheses, and different wording to make it “punchier.”

I’m going to say Jakob Nielsen does not know what “punchier” actually means. If he did, useit.com might not look like a canary got stuck in a mid-90′s school administration newsletter.

Tweet how you like, but if you spend a half-hour at a time maximizing your tweets in some sort of business formula, don’t be surprised when people stop paying attention to your massaged marketing attempts.

]]>
http://cssquirrel.com/blog/2009/08/25/comic-update-boring-in-five-easy-steps/feed/ 8
Postmortem: July’s Refresh Bellingham http://cssquirrel.com/blog/2009/07/16/postmortem-julys-refresh-bellingham/ http://cssquirrel.com/blog/2009/07/16/postmortem-julys-refresh-bellingham/#comments Thu, 16 Jul 2009 16:48:15 +0000 Kyle Weems http://www.cssquirrel.com/?p=381 Last night was the inaugural session of Refresh Bellingham, which is something like a cross between a single-presentation micro-conference (for FREE!) and a bar/grill social event for web geeks. Taking place at Extremes Sports Grill (yes, their website terrifies), it turned out to be a blast!

The speaker was Jeff Croft, who is some sort of hybrid between a super-designer and a karaoke megastar. His presentation was on grids in web design, and was a speedy trek through the history of grids in typography and the ways to apply them to your websites in this day in age. He’ll have slides at some point, so I’ll put them up as soon as I get the link. It was great to watch, and now I’m closer to understanding what the point is for line-height.

It’s for conga lines, right?

After the presentation, the crowd (I saw at least 45 people there, we had people standing during the presentation) walked across the way into what I’ll call the “party room” and proceeded to eat, drink, or do a combination of both while chatting away with people from Bellingham to Mt. Vernon to Seattle.

If you live in or near Bellingham, and want to have a great opportunity to learn more about web standards, talk shop with people who care about such things, or just have an excuse for a night out, I suggest you take the opportunity to come to the next Refresh (we’re on the third Wednesday night of every month. Check out the website for more.)

]]>
http://cssquirrel.com/blog/2009/07/16/postmortem-julys-refresh-bellingham/feed/ 0
Get Refreshed at Refresh Bellingham! http://cssquirrel.com/blog/2009/06/24/get-refreshed-at-refresh-bellingham/ http://cssquirrel.com/blog/2009/06/24/get-refreshed-at-refresh-bellingham/#comments Wed, 24 Jun 2009 18:08:18 +0000 Kyle Weems http://www.cssquirrel.com/?p=327 I loved my week in Denver when I attended Web Directions North 2009. Days of presentations by some of the industry’s best and brightest followed by nights of camaraderie with people that were just as deep down the web-geek rabbit hole as myself. I learned several things during the presentations, but the majority of the major mind-blowing things I absorbed came from the after-session meals and late-night socializing with fellow designers and developers just shooting the breeze.

One of the groups in Denver that was present during some of these post-presentation events was Refresh Denver. I don’t know why, but the idea of a group of like-minded web-heads meeting up, talking shop, and having a few drinks or something to eat never occurred to me. I immediately knew that I wanted to see some of that scene going on locally.

Fortunately, Mindfly Web Studio (aka, my employers) also were thinking that, and thanks to their work Refresh Bellingham has been set into gear! On July 15th, Jeff Croft of Blue Flavor will be traveling to the City of Subdued Excitement to talk to Refresh Bellingham about the use of grids in web design. After his presentation those that desire will be getting drinks and eats, providing plenty of opportunity to get to know local web people and learn from one another.

Refresh Bellingham is a great opportunity for web designers and developers of all skill levels in the Bellingham area to gather, socialize and learn from each other. It’s not a sales pitch, it’s a community. If you’re a professional, a hobbyist, or a student considering entering the field, I strongly recommend coming and checking it out!

Did I mention it was free to attend the presentation? If you’re like me and regret missing AEA: Seattle, then come check out Jeff’s talk at no cost.

Let us know if you’re coming.

]]>
http://cssquirrel.com/blog/2009/06/24/get-refreshed-at-refresh-bellingham/feed/ 0
Comic Update: Grilled Shark and Twitter http://cssquirrel.com/blog/2009/05/26/comic-update-grilled-shark-and-twitter/ http://cssquirrel.com/blog/2009/05/26/comic-update-grilled-shark-and-twitter/#comments Wed, 27 May 2009 04:51:17 +0000 Kyle Weems http://www.cssquirrel.com/?p=294 Over the weekend I moved to a new apartment. After this, it was Memorial Day on Monday. As a result, this week’s comic is a day late, and accompanied by only a brief post.

It wasn’t my intent to discuss Twitter back to back. After all, there’s all sorts of important web development topics just ripe for plunder. But I couldn’t pass this one up.

Twitter is working on a TV show. No, really. Or working with people working on a show. Whatever. I can’t imagine how I’d react to hearing this in person from one of Twitter’s higher-ups if I worked with them, although today’s comic attempts to recreate such a scenario. However, both Eric Meyer and Jeff Croft managed to craft suitable tweets that sum things up fairly well, here and here (respectively).

I appreciate the tool that is Twitter. I’ve kept in contact with people met elsewhere thanks to it, met new people with similar interests over it, and made good use of it in keeping up to date on interesting information in my industry. I’m not really sure, though, that a 140-character micro-blog requires a televised show.

About the only way you could jump the shark more is, well, to be Fonzi.


Seriously, why is he water-skiing in a leather jacket AND the shortest shorts ever? If this was cool in the 70′s, I’m glad I was only 3 when they ended.

]]>
http://cssquirrel.com/blog/2009/05/26/comic-update-grilled-shark-and-twitter/feed/ 1
Comic Update: Awesome Things About Web Directions North ’09 That Were Never Mentioned http://cssquirrel.com/blog/2009/03/30/comic-update-wdn09-awesome-things/ http://cssquirrel.com/blog/2009/03/30/comic-update-wdn09-awesome-things/#comments Mon, 30 Mar 2009 16:13:22 +0000 Kyle Weems http://www.cssquirrel.com/?p=207 It’s been well over a month since Web Directions North 2009, and with SXSW having occurred since then I’m sure that WDN’s awesome sessions and wacky evenings have largely faded into distant memory. However, there’s a few things that were never spoken of that came to my attention during that fateful week in February, and I feel it’s my duty to report them to you. Hence, today’s comic.

I’ll be honest: I cannot be sure that all three things depicted reflect the truth. However, I do know for a fact that Mark Trammell did perform the duck dance. I’m not sure if it’s an ancient ritual designed to summon waterfowl or merely a remnant of the disco era, but it was glorious to behold.

Dave Shea’s hair is seriously something that perplexes me. It seems perfectly sculpted, with this well-mannered shelf that seems to be immune to wind or IE-bugs. I’ve noticed it before in his pictures, but when you’ve seen him in person it’s even more amazing to behold. Seriously. Is it hair gel? Spray? Amazing genes? (Fun fact, in the pre-vector CSSquirrel comic here, the guy running from the demon in panel #1 was meant to be Dave Shea. I’d obviously failed to capture his hair’s look, though.)

Now, re: Jeff Croft’s libido… that may be a bit fictionalized of an event. However, when I last met him he was told about a comic I’d done featuring him, and had mistaken me for the artist responsible for this masterpiece, and not my own humble poke at HTML5 featured here. Now, to prevent further confusions, I can simply state “I was the guy that drew you in bed with a squirrel.”

I’m not sure if that’s something to be proud of, but I bet it’ll be hard to forget.

Hopefully now that this important exercise in documenting the nonsense of WDN09 is complete I can get on with comics involving the usual, such as Opera vikings, IE blunders, and Andy Clarke’s knickers.

]]>
http://cssquirrel.com/blog/2009/03/30/comic-update-wdn09-awesome-things/feed/ 2