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 » mindfly 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 Elsewhere: Getting Vertical With CSS http://cssquirrel.com/blog/2010/07/29/elsewhere-getting-vertical-with-css/ http://cssquirrel.com/blog/2010/07/29/elsewhere-getting-vertical-with-css/#comments Thu, 29 Jul 2010 16:20:16 +0000 Kyle Weems http://www.cssquirrel.com/?p=710 Over at the Mindfly Studio Blog I’ve added a small tutorial on how to vertically align your text with CSS. Yes, it annoys the hell out of me to use display: table-cell (which was the source of Monday’s comic on this very topic), but for now it’s the best thing we’ve got. If you’re wrestling with just this, pop on over for a simple explanation.

If you’ve got a better method, please tell me in the comments. I’m open to new and strange things, like Texan sushi.

]]>
http://cssquirrel.com/blog/2010/07/29/elsewhere-getting-vertical-with-css/feed/ 1
Posted at Mindfly: Web Developer Weems and the Case of the Multiclass Bungler (AKA, IE6) http://cssquirrel.com/blog/2009/06/18/posted-at-mindfly-ie6-multiclass-bungler/ http://cssquirrel.com/blog/2009/06/18/posted-at-mindfly-ie6-multiclass-bungler/#comments Thu, 18 Jun 2009 16:31:58 +0000 Kyle Weems http://www.cssquirrel.com/?p=320 Nothing keeps you more humble in your industry than learning an important job-related detail, then discovering shortly thereafter that everyone else has known for years. For the past few months I’ve been experimenting with “OOP CSS”, taking advantage of mutliclassed elements to reduce stylesheet size and increase CSS reusability (after attending this presentation by Nicole Sullivan at Web Directions North.) Within the past couple weeks, I found some major roadblocks to using this technique with IE6 when being incautious about how the rule descriptors are ordered: IE6 majorly bungles multiple-class descriptor support.

To get a better view of what I’m speaking about (assuming you’re not already familiar with it), go check out the post I wrote at Mindfly about this very issue: Web Developer Weems and the Case of the Multiclass Bungler (AKA IE6).

]]>
http://cssquirrel.com/blog/2009/06/18/posted-at-mindfly-ie6-multiclass-bungler/feed/ 0
Happy 10th Anniversary, Mindfly! http://cssquirrel.com/blog/2009/05/01/happy-10th-anniversary-mindfly/ http://cssquirrel.com/blog/2009/05/01/happy-10th-anniversary-mindfly/#comments Fri, 01 May 2009 16:09:26 +0000 Kyle Weems http://www.cssquirrel.com/?p=255 Yesterday on April 30th, Mindfly Web Studio turned 10 years old. Ten years ago I was working the counter at Jack in the Box, so I’m glad Mindfly has prospered all these years and hired people like me (I don’t like fast-food baseball caps and nametags anyhow).

Happy Birthday, Mindfly!

]]>
http://cssquirrel.com/blog/2009/05/01/happy-10th-anniversary-mindfly/feed/ 0
Ada Lovelace Day http://cssquirrel.com/blog/2009/03/24/ada-lovelace-day/ http://cssquirrel.com/blog/2009/03/24/ada-lovelace-day/#comments Tue, 24 Mar 2009 21:04:12 +0000 Kyle Weems http://www.cssquirrel.com/?p=196 For a nine-month period in 1842-1843, Augusta Ada King, Countess of Lovelace (known today usually as Ada Lovelace) translated Italian mathematician Luigi Menabrea’s memoir on Charles Babbage’s Analytical Machine, including an appended set of lengthy notes that included a detailed method for calculating Bernoulli numbers with the engine, which incidentally hadn’t been built yet. For this reason, she’s often considered to be the first computer programmer.

Flash forward to today, and we find that Ada Lovelace Day has been created with the goal of celebrating women in the tech industry. Everyone’s being encouraged to talk about women they know, admire, or work with in the tech sector to help provide inspiration and create role models for young women.

Fortunately for me, this is easy enough. Mindfly, the awesome web design studio I work at, is apparently something of a rarity in the industry, with the women outnumbering the men. Additionally, they’re all pretty awesome people. Let’s introduce them to you all:

HeatherHeather - Lead Designer: Heather has been at Mindfly longer than anyone but the owners, and is an incredibly talented designer, and responsible for the look and feel of the vast majority of the sites we build. In addition to being an expert at Photoshop, she also plays Extreme Frisbee (I hope I got the name right), bike rides, runs, owns bees, dogs, and chickens, is a great photographer, and paints. Just writing her hobbies down makes me exhausted, I don’t know how she keeps up with it all. Somewhere between all that she also writes about her life with her husband at Heather ‘n Miguel.

KarinaKarina - Designer: When she’s not writing steamy romance novels, Karina is building websites and manages clients at Mindfly. It’s not an easy job, as anyone dealing with client emails on a daily basis can tell you, but she manages to do it without killing anyone, which is more than I can say on how I’d handle it. She’s also habitually upgrading the design of Guts and Garters, her blog about life, web design, and bowel problems.  It’s annoying, as I’m constantly being put to shame with newer and shinier designs on her site.

JanaeJanae - Designer: Janae designs websites for Mindfly, putting up with my constant babble about HTML5 and CSS3 just long enough to absorb the information and then go do something cool with it. It’s annoying to me, as our workflow structure here gives her the chance to play with these wonderful new techniques and standards at the workplace before me as she does the first cut for the sites she designs. She also helps manage clients, which I’ve already established is more challenging than I’d care to deal with. Although it’s not online yet, you can check out her design stylings in a few days at the upcoming Naepalm, which will be a repository for her creative juices.

SydneySydney - Developer: In addition to having the honor of bringing the words “rad” and “dude” into everyday nomenclature at Mindfly (which brings up great memories of my childhood days watching TMNT), Sydney is one of the top-notch .NET coders that makes the complicated websites the others design into a reality. Although I’ve got quite a few years of coding under my belt, I can’t keep up with Sydney’s skills. I spend more time than I can count walking upstairs and asking her to help fix a problem I’ve created. When she’s not saving me from my own code errors, Sydney is a mother of two who blogs about how crazy her life is at Single Supermama.

MayaMaya - SEO Marketing Manager. Maya is relatively new to Mindfly, so I can’t spill all the juicy details of how awesome she is as a person. What I can say is that she’s our resident SEO expert, who helps insure that the sites we build rank well in search engines by tracking the hundreds of little important details that turn an awesome website into an awesome website that matters. I’m really glad she’s doing that, because I don’t think I could handle thinking about keywords on a daily basis, among many other things.

TheresaTheresa – Journalist. Although your average developer or designer doesn’t want to admit it, websites need content. Without content, a site isn’t much more than a pretty poster at best. Theresa is a journalist that writes articles and maintains event listings for two sites maintained by Mindfly: Neighborhood Kids (a Bellingham, WA resource for local parents and kids) and AramcoExpats (a community website for employees and retired expatriates of Saudi Aramco). As a happy result, she’s a pretty good source for knowing what’s going on in the community. She sometimes writes about local events on the Mindfly blog as well, which turns out to be some of our most popular posts.

Without these talented women, Mindfly wouldn’t be able to do what it does. Period. Although Ada Lovelace’s ‘program’ was written for a device that Babbage never finished, her status as the first computer programmer helps point out that a traditionally male-dominated field has benefitted from the presence of women from the very start. So if you haven’t yet, help celebrate Ada Lovelace Day by talking about women you admire and respect in the tech industry.

Seriously.

]]>
http://cssquirrel.com/blog/2009/03/24/ada-lovelace-day/feed/ 3
Mindfly’s Next Top Model http://cssquirrel.com/blog/2009/01/28/mindflys-next-top-model/ http://cssquirrel.com/blog/2009/01/28/mindflys-next-top-model/#comments Wed, 28 Jan 2009 21:39:46 +0000 Kyle Weems http://www.cssquirrel.com/?p=186 Mindfly is currently planning a major revision to our studio website, including a new staff section. For the staff pages we’ll be having photos of the various Mindfliers. As such, we needed to TAKE the photos. This photo shoot became a prime candidate for making use of the studio’s digital camcorder. Nonsense ensues.

Of course, the fact that it was about 35 degrees didn’t make the entire process pleasant, mind you.

]]>
http://cssquirrel.com/blog/2009/01/28/mindflys-next-top-model/feed/ 0
Working Hard? http://cssquirrel.com/blog/2009/01/14/working-hard/ http://cssquirrel.com/blog/2009/01/14/working-hard/#comments Wed, 14 Jan 2009 17:43:41 +0000 Kyle Weems http://www.cssquirrel.com/?p=183 This pretty much sums up some days at the Mindfly studio.

We’re usually working, I swear. You just wouldn’t know it if you walked by on the sidewalk.

]]>
http://cssquirrel.com/blog/2009/01/14/working-hard/feed/ 0
Posted at Mindfly: Get Refreshed – Liquid Layouts With Simpler CSS and Without A Semantic Mess http://cssquirrel.com/blog/2009/01/13/posted-at-mindfly-get-refreshed-liquid-layouts-with-simpler-css-and-without-a-semantic-mess/ http://cssquirrel.com/blog/2009/01/13/posted-at-mindfly-get-refreshed-liquid-layouts-with-simpler-css-and-without-a-semantic-mess/#comments Tue, 13 Jan 2009 17:28:39 +0000 Kyle Weems http://www.cssquirrel.com/?p=181 Although recently the trend seems to be more towards fixed widths or flexible percentage-based width layouts, from time to time I’m tasked with building a site with a liquid layout. Thanks to the demands of appropriately-ordered content and the challenges of having one column stay fixed in width while the other flexibly expands to fill the remaining space, these types of sites haven’t been the cleanest to make with CSS. One common technique that I’ve made a lot of use of was written in A List Apart called Creating Liquid Layouts with Negative Margins by Ryan Brill. It does the job, but it’s a semantic mess with a ton of divs.

I decided to try to find a method that pares down the div count, and makes the CSS a bit cleaner and more appropriate to the task. Lightning struck, and my mind put together a technique that feels like a decided improvement on accomplishing the desired task. I wrote about it over at Mindfly’s blog. Go check it out at Get Refreshed: Liquid Layouts with Simpler CSS and Without A Semantic Mess.

]]>
http://cssquirrel.com/blog/2009/01/13/posted-at-mindfly-get-refreshed-liquid-layouts-with-simpler-css-and-without-a-semantic-mess/feed/ 0
Posted at Mindfly: The Curious Case of Inline Block http://cssquirrel.com/blog/2008/12/22/posted-at-mindfly-the-curious-case-of-inline-block/ http://cssquirrel.com/blog/2008/12/22/posted-at-mindfly-the-curious-case-of-inline-block/#comments Mon, 22 Dec 2008 23:54:34 +0000 Kyle Weems http://www.cssquirrel.com/?p=170 Over at the Mindfly blog I’ve posted The Curious Case of Inline Block, a mini-tutorial meant to help reacquaint people with display: inline-block, an incredibly useful CSS 2.1 display property value that wasn’t as convenient to make use of in the past due to faulty IE implementation and no Firefox 2 support.  But with Firefox 3 out and Internet Explorer 8 on the horizon, it’s going back into my toolkit of invaluable styles.

Go check out the post if you need a refresher course on how to make inline-block work out in all major browsers with little fuss.

]]>
http://cssquirrel.com/blog/2008/12/22/posted-at-mindfly-the-curious-case-of-inline-block/feed/ 0