web design - ReadWriteWeb http://www.readwriteweb.com/feeds/tag/web design en Copyright 2009 Richard MacManus readwriteweb@gmail.com Sun, 22 Nov 2009 19:36:29 -0800 http://www.sixapart.com/movabletype/?v=4.23-en http://blogs.law.harvard.edu/tech/rss Thanks to Mozilla, Web Gets Less Ugly, Good Type Gets Machine Readable Recently, a consortium of type designers and web designers have gathered around a new font format specification called Web Open Font Format (WOFF). The format would allow more typefaces to appear across the web and to be readable by both humans and search engines.

With support from Mozilla announced with the release of Firefox 3.6, and with the advocacy of leading type foundries such as Linotype, Emigre, and Hoefler & Frere-Jones, the question of web fonts might be satisfactorily resolved in the near future.

]]>Sponsor

]]> For some time, sIFR has been the go-to technology for web designers attempting to expand the Internet's typographical vocabulary without sacrificing machine readability. However, adoption and use have been limited, and the roster of fully functional online fonts has remained a static and brief cast of players.

In a blog post, Mozilla contributor John Daggett wrote, "The WOFF format originated from a collabaration between the font designers Erik van Blokland and Tal Leming with help from Mozilla's Jonathan Kew. Each had proposed their own format and WOFF represents a melding of these different proposals. The format itself is intended to be a simple repackaging of OpenType or TrueType font data, it doesn't introduce any new behavior, alter the @font-face linking mechanism or affect the way fonts are rendered. Many font vendors have expressed support for this new format so the hope is this will open up a wider range of font options for web designers."

Of course, Firefox 3.6 will be the first browser to support the new format, so designers will need to include @font-face rules for other browsers, at least for the time being. Not surprisingly, creating such rules for Internet Explorer is more complicated than for other browsers, as IE only plays nicely with Embedded Open Type faces and a limited set of @font-face rule descriptors.

Internet Explorer wonkiness aside, WOFF is a widely supported and relatively prominent step in the right direction, and we hope more browser versions will support the format. It's about time for web pages to lose their homogeneity, for designers to gain more tools for brand and personal expression, for search engines to read more fonts, and for users to have richer browsing experiences.

Interested web developers and designers should also check out woffTools, a Python package for examining and manipulating WOFF files. This package also contains a set of command line tools for verifying and examining the files.

]]>Discuss]]>
http://www.readwriteweb.com/archives/thanks_to_mozilla_web_gets_less_ugly_good_type_get.php http://www.readwriteweb.com/archives/thanks_to_mozilla_web_gets_less_ugly_good_type_get.php Web Design Mon, 02 Nov 2009 19:00:24 -0800 Jolie O'Dell
The Codeless Website: Four Awesome Tools for Creating Cool, No-Tech Sites Sometimes, even HTML is just too hard.

In this postmodern world, we're all professionally fragmented jacks of all trades, and few of us have the patience (read: OCD) for learning enough CSS and Flash to allow us to keep up with the Jonses in terms of functional, sexy web design. Here are some cheat sheets, the Cliff Notes of site creation, if you will. Read on to discover four awesome, in-browser resources for creating your own beautiful corner of the web without the horror of code.

]]>Sponsor

]]> Edicy: Sites in Seconds

Edicy is a resource we just found out about recently. The in-browser site creation and editing service gives users a simple toolbar for text, video, and images and a lower dashboard for changing page design. Users can insert tables and Google-powered maps, and the drag-and-drop image features for creating multiple galleries was awesome for achieving a visually pleasing page and would probably be great for portfolios or family websites. The blog feature was so-so; we don't really see Edicy as a competitor when it comes to the CMS game, though. Still, we created this page in about 15 minutes, making Edicy one of the fastest tools we've worked with.

YourOwn.com: Edicy offers free vanity.edicy.com domains and publishing to any domain the user chooses for about $8.50 a month.

Choose Your Own Coding Adventure: Users can only pop the hood, so to speak, on HTML for sections of text. We couldn't find a way to, for example, change the color scheme or background image or page formatting.

SEO-riffic: Edicy lets users add keywords and descriptions, but not other metadata or tags for images or other media.

Zimplit: Fully Simple, Fully Editable

Zimplit is a resource we reviewed some time ago, but we feel it's perfect for this particular round-up. We were able to create a simple, elegant page within about a half hour. It's an open-source, dead-simple application that works just as well for code-free "dummies" as well as it does for those with an inkling or two about web design on the back end. For non-coders, a gallery of great design templates kick things off, and a simple 12-button toolbar does it all after that.

YourOwn.com: Vanity URLs on Zimplit.com are available, and regular domains (plus email addresses) are available starting at around $4.25 per month.

Choose Your Own Coding Adventure: Users have complete access HTML and CSS for their pages, making this a great resource for learning as you go.

SEO-riffic: Sorry, Charlie. You'll have to access the code to tweak your metadata and keywords.

Wix: Flash Sites for Flashy Folks

We're not going to lie: Creating a Flash site in Wix will take you a little more time. But for those who desire that Flash-y touch, this is one of the best free resources you'll find. This editor will present tools familiar to those familiar with other graphic design programs such as image editing or more GUI-oriented website editing programs. The effects, behaviors, animations, and other options offer complete control. Also, we adore the horde of multimedia gallery options. You've got slide shows, Apple-like sliders, and tidy matrices. But to be honest and fair, Wix is just as strangely buggy as any Flash service you've tried to use.

YourOwn.com: There's a whole slew of premium options. Users can elect to choose their own domains for as little as $4.95 a month. An ad-free site, however, costs a dollar a month more.

Choose Your Own Coding Adventure: We couldn't see any back end here, folks. But with all the design options available through the Wix interface, we're not sure you'll need much more.

SEO-riffic: "SEO Friendly" options start at $4.95 a month.

Amplifeeder: A Catchall for the NMDs Among Us

Another site we've reviewed before is Amplifeeder. What users create there may not qualify as full-on websites, but for those who are hip, Amplifeeder creates sites that are the living end in terms of social media aggregation. Really, we all create so much content across our various networks that a personal site can be static and even redundant. Amplifeeder uses great design templates to bring together blog posts, Twitter and Facebook updates, Flickr pics, YouTube videos, and any number of other social media happenings. The page we created is beyond cool and serves as a gorgeous, clean portal to all the places we really live online. Plus, the data you put here is all portable, backup-able, and restorable.

YourOwn.com: Hosting options are coming soon, according to site creator Jon Davies.

Choose Your Own Coding Adventure: Customize your heart out with a blank CSS slate.

SEO-riffic: This part's all up to you. Your SEO will be the moment of truth: What DO you really talk about and share most? Transparency meets SEO when Amplifeeder serves an aggregation of your social streams.

So there you have four great resources for website creation, from super simple to creatively complex. Now get out there and start souping up your web presence. We just made keeping up with the Joneses that much more competitive.

]]>Discuss]]>
http://www.readwriteweb.com/archives/the_codeless_website_four_awesome_tools_for_creati.php http://www.readwriteweb.com/archives/the_codeless_website_four_awesome_tools_for_creati.php Web Design Sun, 19 Jul 2009 18:11:42 -0800 Jolie O'Dell
United Methodist Church Listens, Responds to Social Media Churches aren't the first organizations that come to mind when you think about intelligent adoption and incorporation of social media. Nevertheless, many feel that if there was ever an organization in need of modern relevance, the Christian church in America is it.

One denomination, the United Methodist Church, has opted for a boldly redesigned web presence to ask users, "What if church wasn't just a building, but thousands of doors? Each of them opening up to a different concept or experience of church - and a journey that could change our world. Would you come?"

]]>Sponsor

]]> 10ThousandDoors.org goes far beyond a Facebook page or Twitter account. It pulls in information scraped from the web to track trending topics, then curates collections of articles on those subjects. It allows users to login using Google Friend Connect. The site gathers social video content about "people making a positive difference in our world," and its GO/DO page uses a Google Earth plugin to get users to make connections between the online and the offline.

Apart from being remarkably aesthetically pleasing and entirely modern, the site also blows the lid off of traditional expectations of static church websites. Even non-Methodists or non-Christians would get a kick out of the rich interactivity: The TALK page that allows users to respond to simple questions, the FIND page that directs users to the closest churches with programs most relevant to users' interests, the LISTEN page with audio news features and an iLike music player.

We caught up with one of the minds behind the site, Miiacom's Bayard Saunders, in Nashville, Tennessee. "The big idea," he said, "was to serve the content of the home page like a giant tag cloud based on feeds from news sources, blogs (including Twitter), keyword searches, site paths and referring pages. So by design, the site is constantly refreshed and always highlighting the most relevant content based on the most current topics relevant to seekers."

Saunders also revealed that an ad buy-fueled partnership with Google has allowed for additional relevant innovations, including a Methodist layer on Google Earth, Google Maps, Google Friend Connect, and content fed by individual UMC churches from Google Apps.

"It is ground-breaking, certainly for an official religious denomination's website," he said. "And it's been quite an interesting experience, designing a web presence for 'the God account.'"

]]>Discuss]]>
http://www.readwriteweb.com/archives/united_methodist_church_listens_responds_to_social.php http://www.readwriteweb.com/archives/united_methodist_church_listens_responds_to_social.php Web Design Thu, 07 May 2009 13:12:04 -0800 Jolie O'Dell
Webstock 2009 Webstock, a conference for Web professionals, is happening in Wellington New Zealand this week. As usual it's a classy lineup of speakers and a number of international webheads will be jetting in for the event. They include science fiction author Bruce Sterling, Flickr's Heather Champ, Social Web designer Joshua Porter, Dopplr's Matt Biddulph, Institute for the Future's Jane McGonigal, Six Apart's David Recordon, The Guardian's Meg Pickard, NZ Foo Camp's Nat Torkington, Yahoo's Tom Coates, online performance artist Ze Frank, and many more.

]]>Sponsor

]]> Webstock focuses mostly on web design topics, but in past years we've seen many great discussions on a variety of Internet issues. In 2006 the heads of Firefox and Microsoft's Internet Explorer presented updates about their competing products. And a highlight for me last year was Tom Coates' talk on the Web of Data.

As a resident of Wellington, I don't have far to go to attend Webstock. Some of the sessions I'm looking forward to checking out include David Recordon on the 'Open Social Web', Fiona Romeo on 'Astrotagging bots and citizen scientists' (got to attend that for the title alone!), Heather Champ on 'Shepherding Passionate Communities', and Google Chrome impresario Ben Goodger on 'A retrospective of ballet classics' (witty titles galore in Webstock this year).

Also who can resist Bruce Sterling's talk entitled 'The Short but Glorious Life of Web 2.0, And What Comes Afterward' (!)

If you're local and want to attend, you can still pick up a ticket. It runs from 19-20 February, with workshops happening earlier in the week. If you can't attend, stay tuned for coverage on ReadWriteWeb later this week.

]]>Discuss]]>
http://www.readwriteweb.com/archives/webstock_2009.php http://www.readwriteweb.com/archives/webstock_2009.php Conferences Mon, 16 Feb 2009 21:06:13 -0800 Richard MacManus
Bring New Life to Static Documents with Adam Don't you hate it when you click a link only to discover it wasn't a web page, but a slow-loading PDF instead? Maybe it's time for publishers to find something to do with those PDFs that makes them a lot more interesting and engaging for their site's users. A new mashup tool called Adam (Beta) can help. It lets you take static files like PDFs and images and mash them up with web content like HTML and multimedia. Adam then provides you with an embed code so you can display these new remixed files on your web site.

]]>Sponsor

]]> About Adam

Originally designed as a solution for e-commerce sites, the service strangely called Adam is not complicated to use. However, the company does estimate that the time it takes from mashup creation to having it live on your web site could be approximately 20 minutes. That's a little bit longer than just linking to a PDF or even uploading it to a document-hosting service like Scridb or Issuu. Still, the extra time may be worth it because Adam lets you create a truly interactive document by allowing you to add videos, HTML, stylized text, and more to what were previously just plain files.

For those familiar with designing web pages, the process may seem familiar. To add content to a document on Adam, you select various "hotspots" in the document and then add the content you want to mashup. This is where you would paste in any text, images, music, or videos you want to appear when the user mouses over that part of the document. The service currently integrates with other content providers including YouTube, flickr, metacafe, Veoh, vimeo, and imeem.

The best way to understand what Adam can do, though, is to view some sample of it in action. You can check out a mashed up floor plan or you can see all the content providers in use on one document.

Adam doesn't provide anything that a talented web designer can't already do on their own, but like every service that comes out of the Web 2.0 movement, it's about letting everyone have access to the tools that previously only skilled professionals knew how to use. If you want to try Adam for yourself, you can sign up here.

]]>Discuss]]>
http://www.readwriteweb.com/archives/bring_new_life_to_static_documents_with_adam.php http://www.readwriteweb.com/archives/bring_new_life_to_static_documents_with_adam.php Mashups Tue, 23 Dec 2008 06:06:46 -0800 Sarah Perez