Posts Tagged: web design

Prototyping Responsive Typography

By viljamis.com: Prototyping Responsive Typography: Basically, a typography prototype is a single web page that consists of the project’s actual content. It’s designed in the browser using real web fonts and tools like Typecast. A typography prototype includes font choices, styles for the basic text content and a typographic scale, but nothing else. All our

Read on »

Online Housecleaning

I’ve been doing a lot of housecleaning, site-wise over the past several weeks. I’m in the process of converting over some of my older blog sites to wordpress, shuttering others, and putting up fresh new “coming eventually” pages at all of the URLs I own. I’ve been playing with Foundation by Zurb as a CSS

Read on »

Style Tiles

via Style Tiles. Style Tiles are a design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand for the web. They help form a common visual language between the designers and the stakeholders and provide a catalyst for discussions around the preferences and goals of the client.

Read on »

links for 2010-07-20

ProtoFluid – HTML5 and CSS3 Web App Prototyping Facilitates web app testing on various screen sizes, orientations and browsers. (tags: css3 html5 html testing)

Read on »

Fit to print, but unreadable

I realize that it is sacrilege to critique the holy of holies in website design, but I cannot read this. I just can’t. My eyes go blurry trying to separate and read these headlines, and eventually I go off and look for news on msnbc.

Read on »

SxSW 2010 – Saturday Recap

Web Content Management Systems from a Designer’s Perspective The Right Way to Wireframe, Part 1 4 different interaction designers took four different tools to prototype with. A number of things stood out for me: 1) Balsamiq is probably the wireframing tool we should be using. 2) They have a longer research/prototyping phase and peer reviews

Read on »

SXsW 2010 – Friday Recap

Two panels that we were able to make it to after flying in today… Getting Stoked about Web Typography Samantha Warren Went over a lot of stuff I knew already about finding inspiration in typography – but it was refreshing since we really back-burner our typography in our designs, partly because of the technology concerns.

Read on »

SXSW 2010 Prep

I’m taking off on Friday for SXSW in Austin, Texas. I’ve been there a couple times in the past in 2007 and 2008. I’m having a bit of anxiety about the trip after the doozy of a time we had in 2008 (stuck on a plane on the tarmac for 6 hours in Dallas, then

Read on »

links for 2010-02-18

Economic Perspectives from Kansas City: Wall Street Still Doesn’t Get It An interesting perspective. Dunno what I think about it yet — "A Wall Streeter buys the life insurance policies of individuals with terminal illnesses, packages them into securities, and profits when the underlying collateral dies. In his most recent movie, Michael Moore documented the

Read on »

links for 2010-02-02

The U.S. National Archives' collections on Flickr Awesome. (tags: photography history government flickr) 10 Americans Arrested In Haiti, Accused Of Child Trafficking Idaho Baptist group tried to smuggle 33 kids out of Haiti through the Dominican Republic. Some of the children knew their parents were alive, and just hadn't been reunited with them yet. (tags:

Read on »

links for 2010-01-30

IMA bets with NOMA over Superbowl – a masterpiece is the bet Wow – that's better than the Mayor's rinky-dink shrimp bet. Way to raise the stakes, IMA. (tags: superbowl museum sports IMA) Cameras Roll As Obama Schools GOP I cannot WAIT to see the video of this. (tags: Obama republicans funny) 30 Stylish jQuery

Read on »

Knitting and Design and Flow

It struck me on the way in to work this morning that the reason I love knitting so much is because it’s design in almost pure form. With web design, there are so many hurdles you have to jump through to get your design into a working state – css attributes to learn, scripting languages

Read on »

links for 2010-01-16

Of Rats and Jen » From Childhood Toy to Fiber Art Ploy A yarn swift from tinker toys. That rocks. (tags: knitting howto tinkertoys) Progress Trackers in Web Design: Examples and Best Practices – Smashing Magazine Sweet – I'm in the middle of redesigning one, so this is quite a dandy help. (tags: webdesign navigation

Read on »

links for 2008-04-24

Color + Design Blog / All 120 Crayon Names, Color Codes and Fun Facts by COLOURlovers Very cool – Crayon names and their corresponding hex colors for web design. Now I can make stuff with Burnt Sienna. (tags: color crayons awesome webdesign inspiration) École Polytechnique massacre – Wikipedia, the free encyclopedia 1989 Mass killing of

Read on »

SXSWi 2008 post game analysis

I made it home from Austin last night rather late and went to work this morning. Unlike the trip out, the flight home was rather uneventful. Thank goodness. We didn’t get our luggage until late Saturday night, so I basically had two nights without my CPAP machine, which the Airlines had told me to pack

Read on »

SXSW Interactive 2008

I’m getting final stuff prepped to take off for SXSW Interactive 2008 in Austin, Texas tomorrow. I’m going with three of my design team co-workers; one from here in Indianapolis and two from Upper Saddle River, New Jersey. We’re staying in the Courtyard Marriott right next to the Austin Convention Center, so we’re in the

Read on »

links for 2008-02-20

24 ways – web design and development articles and tutorials for advent (tags: article webdesign) Brain Gelatin Mold Zombie bait. And troll around the whole anatomical site; great stuff. I wanted to steal my cardiologist’s heart model, but was too afraid to get caught. Now you can buy one. (tags: fun food) Vintageroadside ephemera –

Read on »

All in a day’s work

One of the best things about working for a big corporation is that you get to see real life examples of the Peter Principle in action. For example, I actually really received this as a note on a design I’m working on for a couple people very high up in our company: Add a search

Read on »

Design Aesthetic of the Indie Developer Panel Notes (SXSWi 2007)

Design Aesthetic of the Indie Developer Moderator: Michael Lopp, Sr Engineering Mgr – Apple Nick Bradbury, Architect of Client Prods – NewsGator Technologies Inc John Gruber, Raconteur – Daring Fireball Shaun Inman, Designer/Dev – haveamint.com Michael Lopp, Sr Engineering Mgr – Apple Rough Notes: The panel ended up being more about how independent designer/developers work,

Read on »

SXSW 2007 thoughts

One of the first things I plan to do is take a closer look at Microformats and see where I can mark up my site appropriately. While I was sitting in the panel, I downloaded the firefox operator extension, and I’ve been playing with it. I also want to get OpenID set up on this

Read on »

links for 2007-03-12

Transcending CSS: The Fine Art of Web Design by Andy Clarke one of our authors. (tags: books webdev webstandards css sxswi) Soylent Green Stickers Download them and stick them on food at the grocery store. (tags: funny subversive)

Read on »

SXSW Friday

The plane trip wasn’t bad, aside from the fact that I forgot gum on the first leg and thus had a headache from my ears popping, and I managed to spill Starbucks on myself because the cup lid was borked. Nice. We got in around lunch, checked into the hotel, went to the Irowworks BBQ

Read on »

More Designy Goodness

I’ve tweaked my new design here and there, made some color use more consistent and added some extra flair. There are still some css layout changes that I need to make to fix a couple of pages, and I have a one-off template or two that need some work here and there. I must say,

Read on »

New Site Design

As you may have noticed (or maybe not, if you read via a newsreader) I installed a new site design today. This is one that I’ve been tinkering with for awhile, and it’s not perfect yet, but because I started it in February, before the house buying and other life events occurred, I decided it

Read on »

Weekend Update 2006-04-09

On the design front, I’ve been restructuring my cascading style sheets for this site; separating layout markup into a separate style sheet than the one for design (color, font face, size etc.) and doing a bit of testing on that. That will help when I finally get my new design in order and start building.

Read on »

37 Signals “Getting Real” Workshop

37 Signals is a web application development company based in Chicago, consisting of 7 guys who produce some very successful products. The day-long workshop called “Getting Real” that we attended was all about how they do that — what methods they have that help them achieve that success with the products they build. [link deprecated:

Read on »

Rethinking things

I’ve been re-working my new prototypes for this site quite a bit lately, and rethinking the design, as well. I realized the other day that my dissatisfacting with some of my new direction is due to the quirkiness of the content and how long it’s been around, and how I use the site differently now

Read on »

Quiet time

Sorry about the lack of new and unique writing over the last week or so. I’m writing a couple of long book reviews that are still in draft form, and doing a lot of heavy lifting behind the scenes on the site design to get everything cleaned up, so things have been quiet ’round here.

Read on »

Rough Cut: My New Site Design

[/my_design_work/prototypes/commonplacebook/homepage.gif] Here’s what I’ve been working on all weekend. It’s quite rough, still, and needs a lot of refinement. I haven’t picked the correct font for my new logo, and there’s a lot missing and lots of little stuff that still needs cleaned up. But you get the general idea of where I’m headed. [/my_design_work/prototypes/commonplacebook/homepage.gif]

Read on »

My Photo Galleries

So, I have this dilemma about the photo galleries I have on my site, and what to do with them going forward. I’ve had them ever since I got a digital camera in 1999, and since then they’ve been a major feature of my site, although it’s one I never managed particularly well. My Big

Read on »

InformIT.com

Today we went live with our redesign of InformIT — the website I work for as a web designer or “Human Factors Engineer” to be official about it. I’m terribly proud of the design — it’s minimalist and light on graphics, and very readable. There’s a lot of me in there, along with my co-workers

Read on »

redesigning

Cool sites I’d love to redesign, if they’d only let me [and if I had the time]: Fark.com and roadsideamerica.com. Both of them have site designs that are on the unpolished side…

Read on »