Thu, 15 May 2008Form markup [www.alistapart.com...] -- markup for labels on the left, form elements on the right. Posted at 12:38 #
Wed, 12 Sep 2007interdisc web design [www.teaching.cutupculture.com...] -- Posted at 17:29 #
Mon, 30 Apr 2007Defense of PowerPoint [www.jnd.org...] -- Posted at 19:59 #
'powerpoint virtuoso' lawrence lessig [www.sociablemedia.com...] -- Posted at 19:58 #
Free culture [lessig.org...] -- Lessig on copyright Posted at 19:52 #
Mon, 13 Nov 2006Cache control
Posted at 12:16 #
Thu, 28 Sep 2006MooseJaw product guarantee [www.moosejaw.com...] -- Well, this is not your everyday fine print. Posted at 12:29 #
Thu, 7 Sep 2006Thinking outside the Grid [www.alistapart.com...] -- philosophical muse on what CSS positioning might allow you to do...
She writes, about web designers in 2005...
"an only-now emerging understanding of CSS layout":
"CSS changes all that, and this is why I theorize, along with many others, that we’ve not yet learned to design for the web. What we’re just beginning to understand—particularly those of us who come to CSS layouts after years of working with tables—is that the visual model for CSS is far more conducive to breaking out of the grid and designing for discrete, semantic elements. Perfect, no, for despite the gains made possible by CSS, we lose things too. Stretching columns is a decidedly problematic issue in CSS design, and cell spacing is too." Posted at 10:31 #
Wed, 8 Mar 2006Walocaust/Enchilada Barbie [blogs.guardian.co.uk...] -- Posted at 16:02 #
Wed, 6 Jul 2005Book on web design to check out Jeremy Vest, Exploring Web design (Thomson-Gale, 2005) ISBN 1401878385 Posted at 15:17 #
Wed, 18 May 2005CSS 'Cheatsheet' [home.tampabay.rr.com...] -- Good summary of CSS Posted at 09:14 #
Thu, 31 Mar 2005Mac Screen Capture [www.apple.com...] -- "Tip of the Week:
The Secret Screen Capture Shortcut
Okay, you probably already know the ol’ Shift-Command-3 shortcut for taking a screen capture of your entire screen, and you may even know about Shift-Command-4, which gives you a crosshair cursor so you can choose which area of the screen you want to capture. But perhaps the coolest, most-secret hidden capture shortcut is Shift-Control-Command-3 (or 4), which, instead of creating a file on your desktop, copies the capture into your Clipboard memory, so you can paste it where you want. (I use this to paste screen captures right into Photoshop.)
" Posted at 10:56 #
Mon, 22 Nov 2004Undoing the Industrial Revolution [www.useit.com...] -- Here's an optimistic take on how the social effects of the Internet will improve life. Posted at 13:35 #
Mon, 15 Nov 2004"I fully realize that posting scans of this manga online is a violation of copyright law in both the United States and Japan. However..." [www.boukenshin.net...] -- This usage policy for an anime fan website. Outlines one person's personal morality about copying images. Thanks to Esther for pointing out this site. Posted at 10:55 #
Thu, 11 Nov 2004gameboy advance -- 1800+ pixel wide page [gameboy.com...] -- Interesting how they float the navigation with you as you scroll around (you've *got* to scroll around). Posted at 11:22 #
Wed, 10 Nov 2004Thirdway Cafe -- Menno view of pop culture [www.thirdway.com...] -- In a year when GC is discussing pop culture it's worth casting a glance at the Mennonite views on pop culture at the Thirdway Cafe.
Thanks Myra for reminding me of this site. Posted at 23:29 #
Fri, 5 Nov 2004Slide show [www.meyerweb.com...] -- A css/javascript way to do a slide show for web browsers. Posted at 14:25 #
Switch screen size [tantek.com...] -- Tantek Celik has a number of useful "favelets" for web designers. You can drag these to your shortcuts toolbar for useful actions: for example changing the size of your browser window to 800 x 600. Posted at 14:13 #
Sat, 30 Oct 2004justvote [justvote.org...] -- (Thanks to Jennifer) Logo balances "blue" and "red". Posted at 09:43 #
Friend Bear [www.friendbear.com...] -- (Thanks Tristan) -- Entertaining! Stripped down style is deceptively primitive. Good choice of typography to go with the cartoon style. Posted at 09:37 #
Thu, 14 Oct 2004The GIMP--Photoshop-like software for free [gimp-win.sourceforge.net...] -- The GIMP is open-source software that does many of the same things as PhotoShop. If you want something PhotoShop-ish for your personal computer, but don't want to lay out a few hundred dollars, and are willing to instead spend a bit of time figuring out how it works, the GIMP is for you. Posted at 12:55 #
Fri, 1 Oct 2004Using in-group lingo [chimerazel.tripod.com...] -- Esther pointed this Anime fan page out. It's interesting to see how a website which is out in "full view" of the whole web-connected world of the Internet can nevertheless support a thriving sub-culture, largely through "insider" references. Posted at 14:21 #
Artcoustic -- example of using "layers" to position things [www.artcoustic.com...] -- If you increase the font size and look at this page, you'll find that the text above the photo does some interesting things. [Thanks, Jonathan G for pointing this one out.] Posted at 14:03 #
Tue, 28 Sep 2004When people mainly use search engines to get around the web [www.useit.com...] -- Nielsen identifies a trend that increasing numbers
of people use almost exclusively search engines to
find a quick answer to some question they have,
rather than starting from some trusted website. Posted at 11:55 #
Mon, 13 Sep 2004Working hard to look haphazard [www.goshen.edu...] -- Jonathan points out how hard urbanoutfitters must have worked to get their site to look haphazard. Posted at 15:54 #
Color blocks [www.goshen.edu...] -- Trang had a real visceral reaction to how these folks use color Posted at 15:39 #
Wed, 8 Sep 2004Recent (2002) stats on screen resolution [www.onestat.com...] -- 1024 is number 1 at around 50%
800 is at around 30% Posted at 23:33 #
Tue, 10 Aug 2004Information Foraging [www.useit.com...] -- Very good article on this metaphor for finding things on the web. Posted at 15:43 #
Sun, 2 May 2004Web design checklist [graphicdesign.about.com...] -- Good list of browsers/monitors/things to check before going live with a website Posted at 21:44 #
Thu, 22 Apr 2004HTML e-mail [www.php.net...] -- Shows how to set MIME headers in php, so that a simple script can send HTML-formatted e-mail. Posted at 09:34 #
Wed, 17 Mar 2004Marvin's notes on composition [www.goshen.edu...] -- Posted at 09:44 #
Thu, 4 Mar 2004Quote about knowledge [www.goshen.edu...] -- We know next to nothing about virtually everything. It is not necessary
to know the origin of the universe; it is necessary to want to know.
Civilization depends not on any particular knowledge, but on the disposition
to crave knowledge.
-- George Will Posted at 09:00 #
Mon, 1 Mar 2004CSS resources incl layout [www.thenoodleincident.com...] -- Posted at 12:54 #
CSS Compatibility table [www.ddj.com...] -- What browsers support what CSS elements Posted at 12:25 #
Thu, 19 Feb 2004the (CSS) Layout Reservoir [www.bluerobot.com...] -- excellent examples at bluerobot.com Posted at 13:50 #
CSS layouts [www.glish.com...] -- Provides a number of explained examples of layout done with CSS. Posted at 13:35 #
Tue, 17 Feb 2004Invitation to artists to invest in CSS [csszengarden.com...] -- Wonderful variety of graphics/layout all done in CSS Posted at 23:43 #
Thu, 11 Dec 2003Joel Birchler http://www.smoothhabitat.com/ -- Joel Birchler (formerly of Lightsky) designed sites for several local organizations including Double Barrel Darrel, EverBlue. Posted at 09:41 #
Mon, 8 Dec 2003John Simpson http://www.ai2.com.au/websites.html -- Australian webdesigner Posted at 14:16 #
Sun, 7 Dec 2003Singing horses http://svt.se/hogafflahage/hogafflaHage_site/Kor/hestekor.swf -- Why is this so compelling? [Thanks to Jeff!] Posted at 21:57 #
Wed, 3 Dec 2003Personal pages at GC http://www4.goshen.edu/cgi-bin/blosxom/mikess -- Mike reviews highlights of personal pages at GC. Looks like minimalism is *in*. Posted at 00:23 #
Saeyoung Vu http://www.vucouture.com/collection_wedding_coutur3.html -- Mariko pointed this site out. A lot of attention is paid to color. Do you think that rectangle with the up-right arrow communicates what it's supposed to? Posted at 00:15 #
Tue, 2 Dec 2003Indy Media network http://www.indymedia.org/ -- Oh, this is an interesting contrast to the UN site as far as internationalization goes. Instead of a top-down approach, making similar content available in many languages (UN) here the indymedia.org site acts as an "aggregator" and one is simply exposed to stories in different languages/different countries right away on the home page. [Thanks again to Paul]. Posted at 23:39 #
United Nations http://www.un.org/ -- More than about any other organization, these folks must take care, politically, to make their site work in different languages. [Thanks to Paul] Posted at 23:34 #
templated e-commerce http://shop.store.yahoo.com/industrialsupply/index.html -- Dan pointed this one out. Yes, it's worth looking at to see the outcome (you don't see the process behind the scenes/screens) of a template-created site: Yahoo attempts to make it possible for non-html folks to set up a site to sell stuff. Usually you choose one of a set of pre-designed templates, and then fill in the content via a web browser. Posted at 23:23 #
myfonts.com http://www.myfonts.com/Search?searchtext=french%20flair -- Tons of fonts for sale. Well organized info and cross-linking. [Thanks Cliona!] Posted at 23:07 #
Thu, 18 Sep 2003Distinguishing the ads http://www4.goshen.edu/cgi-bin/blosxom/mikess/2003/Sep/11#Pitchforkmedia -- When Nielsen talks about writing he talks about avoiding "promotional" language as a way of increasing comprehension. The speculation is that you have to spend valuable thinking time sifting the self promotion from the facts.
Mike made this same point very eloquently when it comes to visual design in his review of pitchfork media, when he described how it can take a while but...
...once one is familiar with the site one can easily distinguish between ads and content. Posted at 21:18 #
floating content -- just a bit toooo fancy http://www.specialized.com/SBCUSHome.jsp -- This home page features a navigation menu that re-adjusts itself into view even if you scroll the long page up or down! At first glance, kinda intriguing. But wait a sec, on my 800X600 screen at full screen width I can simply never "catch" items at the bottom of the menu :-< Posted at 20:54 #
Jones Soda http://www.jonessoda.com/ -- [Thanks Rachel] -- Interesting to see the degree to which this company has pushed interactivity with its customers. You can, for example, submit a photograph in hopes of having it be a part of a future Jones Soda label. Posted at 20:45 #
Thu, 11 Sep 2003Speeding up your website http://www.websiteoptimization.com/services/analyze/ -- You can enter the URL to your page and receive some feedback about how "fast" your site loads.
This is interesting as a quick and dirty reminder, but their statistics ignore things you do, like set image heights and widths, that can make parts of your page appear well before all the graphics have arrived.
Posted at 09:57 #
Sun, 24 Aug 2003Flash http://www.w3schools.com/flash/flash_intro.asp -- Introduction to Flash Posted at 22:30 #
Wed, 20 Aug 2003ideo http://www.ideo.com/ideo.asp -- persistent menus. Textures Posted at 12:22 #
Mon, 13 Jan 2003on visual design http://www.oit.umass.edu/publications/at_oit/Archive/fall00/zinn-design.html -- Posted at 23:38 #
Wed, 18 Dec 2002 http://www.bornmagazine.org/ -- [Replace with your comments] Posted at 23:28 #
Thu, 12 Dec 2002Purple http://www.purple.com -- A, ummm, high-concept home page. Can you figure out how to get further into the site...? Thanks to Kate. Posted at 21:04 #
Thu, 5 Dec 2002Share My World http://sharemyworld.net/ -- A black man posts paper posters of his own face all over Toronto, inviting a response to the image of a black man. Interesting concept, well done website with stories and pictures. Posted at 10:42 #
Sat, 30 Nov 2002Seth's web page http://www4.goshen.edu/cgi-bin/blosxom/rosswb/2002/Nov/14#Seth%27s+Web+Page -- Seth has the urge to communicate! Posted at 22:49 #
Vietnam Era timeline http://americanhistory.si.edu/lisalaw/timeline.htm#1965 -- It's simple, It's text heavy, but it uses almost highlighting so as to make it very scannable. Thanks to Ann for pointing this out. Posted at 22:15 #
Jennifer Sterling Design http://www.jsterlingdesign.com/home.html -- High end use of Flash. Thanks Kate! Posted at 16:56 #
hollidayinn vs holliday-inn http://www.holidayinn.com -- Interesting, an individual Holiday Inn hotel (at Niagara Falls) must have snagged 'holidayinn.com' before the parent company. The Official website for the chaing is "holiday-inn.com". No link from the Niagara Falls hotel to the parent company! Thanks Amanda! Posted at 16:46 #
|