Subscribe: Ryan Brill - Personal Thoughts and Ponderings
http://www.ryanbrill.com/xml/rss.xml
Added By: Feedage Forager Feedage Grade A rated
Language: English
Tags:
ago  bit  box featured  box  classes  css  design  featured  great  network  new  panel  people  selected  time  web  work  year 
Rate this Feed
Rate this feedRate this feedRate this feedRate this feedRate this feed
Rate this feed 1 starRate this feed 2 starRate this feed 3 starRate this feed 4 starRate this feed 5 star

Comments (0)

Feed Details and Statistics Feed Statistics
Preview: Ryan Brill - Personal Thoughts and Ponderings

Ryan Brill - Personal Thoughts and Ponderings



The personal site of Ryan Brill. Promoting standards compliance and CSS design, while proving that CSS layouts can be aesthetically pleasing.



 



Design Work: TiVo Fall TV

I recently had the opportunity to do some design work for TiVo, as a part of a Fall TV marketing campaign. This work included creating a “Build Your Own Network Game” and three Facebook apps.

The Network Game allows you to create your dream lineup, placing shows when you would like them to air. The design brief for the Network Game was “old school network executive”. They wanted it to mimic what a network lineup of old would have looked like. I decided on a cork board of the prime time TV grid, with a typewritten listing of all the shows taped to the wall below it. As you click on the shows in the list, a index card with the show details appears, which can be dragged to the grid above. Once you drop the index card on the grid, a pin attaches a smaller index card to the board (the pin position is randomized every time you drop a card). Clicking on these in the grid again brings up the larger version of the index card. Both the large and the small index cards can be dragged around the grid. Once you are satisfied with your lineup, you can save and share it. After you've saved your lineup, it will track the ratings of all your shows, give you your overall network rating and let you know how you are fairing as a network executive.

The Facebook apps all share a similar design and functionality. They are fun TV related quizzes – Who’s You Baddie identifies your inner TV villain, TiVo Picks recommends the debut show that’s right for you and What Was On TV That Year? is a TV time machine, showing you what ruled the airwaves in years past.

(image) Build Your Own Network Game

(image) Saved Network Lineup

(image) Who’s You Baddie? Facebook app

(image) TiVo Recommends Facebook app

(image) What Was On TV That Year Facebook app




Christmas 2008

2008 has been a great year for me, personally. I got married in June and my new wife and I moved to New York City in July, immediately after our honeymoon. The wedding, along with a funeral for a friend’s 16 day old daughter, brought many excuses to do print design work this year, something I’ve not done much of in the past. I designed everything for our wedding – invitations, thank you cards, signs, etc.

I thought I would take a minute and share the Christmas cards, matching gift tags and letters that I designed this year. I designed the Christmas cards and gift tags in Fireworks and the Christmas letter in Illustrator. A single typeface was used – Garamond Premier Pro.

(image) Christmas card, gift tag and letter

(image) Close up of the typography for the letter

I hope this year was as kind to you as it was to me. See you in 2009.




Election 2008

(image)




SolutionSet Blog

SolutionSet, the company I contract for, has recently started a company blog. I've recently written my first post over there, detailing the Internet Explorer ID-Class bug. I recommended checking out the article, as well as the entire blog, as there is a lot of in-house talent at SolutionSet. Once more of our developers start writing there, the blog could turn into a very good read...




Controlling Resizable Text Fields in Safari

As many of you likely know, Safari 3 supports resizing text fields. This is great and a welcome improvement to anyone who has suffered with a text field that just isn't big enough. One tip though: you can use max-width, min-width, max-height and min-height to control the maximum / minimum dimensions that Safari will resize the text field to. Useful if resizing a text field too large is breaking your layout.

By the way, Cameron Adams wrote a bookmarklet a while ago that you can use to add this functionality to other browsers.




Multiple Classes in IE
I'm going to explain the use of multiple classes, and where IE6 chokes. When writing CSS, I find that it is often very nice to use multiple classes, so you can have a base CSS class to set up some default styles and then add an additional class to add more meaning. This is a technique I often use, setting up my base module as div.box and then adding additional classes to that base CSS to create new modules. Take this CSS, for instance: div.box { border: 1px solid #e1dfd6; margin-bottom: 1em; } div.box div.header { padding: 6px 30px 0px 10px; margin: 0 0 5px 0; background: #f2f0dd; } div.box.featured { background-color: #f5fbea; } div.box.featured div.header { background-color: #e9f5cE; } So, if I have