Tag Archives: web

W3C Working to Simplify Multilingual Web Content Practices

The first two words of WWW mean “world wide,” and this is one important aspect of the Web that the World Wide Web Consortium (W3C) (newssite) is currently focusing on. With about 2 billion Internet users around the world across continents, not everyone is speaking the same language. Given the relative increase in use of non-English languages in Web content, the W3C recognizes the importance of standardizing access to multilingual content for best compatibility and usability.

Through the W3C Internationalization Activity, the organization aims to standardize use of the web so as to transcend language barriers. The W3C will be conducting a workshop entitled “Content on the Multilingual Web” on April 4 to 5, 2011 in Pisa, Italy. Organized through the EU-financed Multilingual Web Project, participation is free, although participants are expected to shoulder their own travel and lodging expenses.

2010 Madrid Workshop

The Pisa event acts as a follow-up to an earlier workshop conducted late 2010 in Madrid where the current state of localization and multilingual use was explored through the perspective of various stakeholders: developers, creators, localizers, users and even machines (with developers speaking for the infrastructure-related concerns).

2011 Pisa Workshop

The W3C has issued a call for participation for the upcoming workshop in Pisa, which aims to continue the discussions put forth in the Madrid workshop, which should ultimately be pieced together as a four-part series of workshops.

The Multilingual Web project is looking at best practices and standards related to all aspects of creating, localizing and deploying the Web multilingually. The project aims to raise the visibility of existing best practices and standards and identify gaps. The core vehicle for this is a series of four events which are planned for the coming two years.”

Again, while registration is free, the workshop logistics only permit a limited number of participants on a first-come, first-served basis. Presenter participation will usually entail 15 to 20 minute talks on best practices relating to multilingual access, new standards and ways to fill in the gaps that these best practices and standards are not currently able to address.

(from cmswire)



Posted from Geneva, Geneva, Switzerland.

domai.nr

Most of the domain names are already taken. For the .com .net and .org, the first ones to appear, any combination of 6 or less characters is nearly gone… so you either buy in the resell market or you use one of the latest released such as .cc or .co or country base such .ly , .es etc…

A great tool to add creativity to your domains is domai.nr

Domainr helps you explore the entire domain name space beyond the ubiquitous—and crowded.com.net and .org. Inspired by jish.nuburri.toand del.icio.us, apologies to Flickr, and a high-five to Dopplr.

Read more about their features.



Posted from .

Usabilla Micro usability tests

Usabilla offers a fast and simple way to collect feedback in any stage of the design process.
Ask your users simple questions to collect valuable feedback and discover usability issues. Use our One-Click-Tasks to measure task performance. Users simply share their feedback by clicking anywhere on your website, mockup, sketch, or image. Measure time, collect points, and get valuable feedback with notes.

Usabilla – Hassle free usability testing from Paul Veugen on Vimeo.

Kindle for the Web

Well, this is what was missing. Good step for Amazon: gorgeous Kindle v3 with 50% better contrast, slim, light… iPhone app, iPad app… and now Kindle for the Web.

Annotate web sites and pdf. Keep organized.

Nowadays we spend more time surfing the Internet than sleeping. Some of us work hooked in a browser, searching for information and managing it, and believe me, to keep track of relevant information is not an easy task.

Before we use to have cabinets where we stored our papers, now we have bookmarks, and other internet services. We have moved to have an Internet Explorer browser with favorites that are duplicated and useless as we used to just click favorite and forget about it, then 5 years later realize that we have hundreds of bookmarks in the office computer, different bookmarks at home, in our laptop… basically a useless mess.

The idea of this blog entry is to show a set of tools that can help you be organized in this chaotic Internet so you can be more productive.

If you are a bookmark type of guy, then what you need is synchronization. Be aware that syncronization of bookmarks is different depending on the browser you use.

Google Chrome

In the cases of Google Chrome browser if you have a google account, then all your google chrome browsers bookmarks can be synchronized.

So if you have Google Chome in the office and at home, if you add a new bookmark both will be synchronized. The way it is done is via Google Docs. There is a document there with all your bookmarks.

Firefox

If you are a firefox type of guy then you have several plugins that will allow you to sync your bookmarks between firefoxes and the web. The most notable I would say is xmarks (previously known as foxmarks).

Safari

If you use safari then the best way to sync not just between safaris but also with your iPhone, iPad and so, it is using mobileme.

Browser Independent

Delicious in Safari

Now, if you are not married to a specific browser, then I would recommend Delicious. Delicious is a socialbookmarking but you have plugins for all browsers, so if you see a site you like or want to remember you just click on a button and the beauty is that you can access via web o via another button in your browser (no matter which one), plus it is very powerfull because it let you apply tags to your bookmarks (much better than folders) and decide if you want them public or private.

Delicious in Chrome

Delicious in Firefox

Other tools

Bookmarking is OK but not enough. We have been bookmarking for 20 years now. True that now we have synchronization and tagging, which makes life easier, but there are other tools that allow you to:

  1. Highlight parts of text of a website or PDF, add notes and share them. You can comment on a specific website or add some notes.
  2. Get a copy of the website offline and make it searchable
  3. If you don’t have the time to read something, with the click of a button you can add it to a cue of thing you have to read in your computer, iPhone or wherever when you have time.

This things have different tools.

1.- To annotate on websites and PDFs (which is very usefull) you can use:

a.nnotate, just for PDF. It is the pionner (I think). It is free if you don’t use it a look but it looks great. You upload a pdf and you can highlight stuff and add notes. Share, and so.

Lets annotate I discovered lately. It is also for PDF only and it is not as nice as a.nnote but it is free. In a.nnotate you can select text to be highlighted. In letsannotate you create a box with the mouse. It is good to provide comments on PDFs

Webnotes is by far my favorite, and the one I use. When you see a website click on the bookmark you have to add it to your webnotes and voila, you have the website with a top bar that allows you to highlight text, add post it’s, share it… and then you have an organizer where you can organise your websites and PDFs on folders and see the annotations.

2.- If you would like to have a copy offline of your website, Evernote does a great job. Its competitor Springpad might also do it (I have never tested as I am a devoted Evernote user).

With Evernote, if you see a site you want to remember then you click on the Evernote button in your browers (no matter which one you are using) and then you can access your evernote online or in your desktop sofware. If you want the site as you see it click on SHIFT+ the Evernote button (tip). It will be indexed and you can change the name and tag it as you wish.

3.- If you use twitter in your phone or you see a long article you can not read now, then there are a couple of tools that are great for this:

Instapaper (the one I use) has a bookmark you can have in your browser so you basically add the website you are reading or want to read to the cue of sites to read. The nice thing is that it has an iPhone (I don’t know about Android) app where the sites are transformed in text if you wish.

Readitlater is similiar.

Most of all services I mentioned here are free, and if you want more features, space, etc… then you have a pro payed plan.

Which ones I use?

  1. Webnotes. Specially to highlight parts of a website I find interesting.
  2. Evernote: not a lot for websites but I take photos of all the incoming mail, books, wine, receipts, etc… so they are indexed.
  3. Instapaper: if there is something I want to blog about, or I’m in the iPhone and theres is a link in a tweet that I would like to read later. Very handy.

Facebook, Twitter and YouTube redesign their websites

In the last months we have seen some Internet titans redesign their websites.

Facebook

First it was Facebook. They changed a lot. Before they had this bar at the bottom of the page with the apps, chat and so, which is now back to the traditional menus in the top and left.

People complained at the beginning, but this is normal. Changes of this type should be done in consultation with users, but in a dictatorship way. What do I mean with this? People do not like change. When people is used to a way of seeing information and to interact, to change it will always mean to go for worse, at least at the beginning. Over time, users will recognize that the changes were for good.

Twitter

Twitter was the second to change. The strength of twitter is updated tweets, and trends.
I have talked about twitter many times. At the beginning they struggled to cope with growth and they were down very often. Now they struggle to catch up with things like brighkite (which I love) does: location and photo. Even they could have video, maps and so… but no, they keep it simple. It remind me the fight between video VHS and Betamax. Betamax was the best technical option but VHS won. Well, twitter is not the best, but they have the most important ingredient: success.
Now popular topics, tweets, and users are clear in the frontpage. A “Top Tweets” section that dynamically updates using a custom algorithm to decide what is popular or of general interest. I have always though that the trends are absolutely useless but top tweets could be good, unless we start seeing “good night” or “followfridays”… They also have added a dynamically scrolling list of trending topics that when hovered over explain their trending status.

Youtube

The last redesign was for YouTube. Again people complained. If you take a look at YouTube you will be surprised by the simplicity. It is basically no design. Nothing. Very interesting that such a successful website chooses this simplistic approach. Their secret is in the ajax-like movement of things, with a new commenting system that highlights top-rated comments,  a “like/dislikes” rating system that replaces the previous five star system and a new “next video to watch” sidebar that is “smarter”. It feels different but not a lot. Take a look at the menus, the footer menu, just plain text. No lines no nothing. Is this more user friendly? It is less cluttered, that is for sure. Maybe because it is a google product and googles is not… well particular at design?

redux

Are you looking for stories? You normally use your list of blogs, youtube and so, and then you might share it in facebook or twitter, or maybe you are bombarded by funny emails on fridays with jokes and so.

If you are the kind of person who likes this friday’s emails, then redux can be a nice tool for you.

Redux is all about delivering personalized entertainment on the web, taps into users’ friends and people that share their interests.

Users just like you post links to entertainment that they like and it instantly appears in the Redux stream.

Sharing on Redux is easy: Explore the web, find something cool, paste the link.

Love cat videos, 80′s cartoons, short films, and hockey fights? They have the channels , created by users just like you.

Just join the channels you like and your specially mixed stream is ready to go. Sit back and enjoy or share your own awesome web finds. Can’t find a channel dedicated to failed American Idol auditions? Create your own and share your love.

Winsome Words: 18 Examples of Typography in Web Design

[ By Steph in Architecture & Design, Gadgets & Geek Art. ]

“Web design is 95% typography.” That quote has been repeated around the internet so many times it has practically become gospel – probably because it’s true. While images are important, most of what we process while browsing the web is text. Using the same old boring fonts doesn’t make for exciting design, so some graphic artists have turned typography on the web into a stunning art form unto itself. These 18 websites use typography to inform, but also as an (often interactive) design element that’s like a magnet for our eyeballs.

Espira Web Technology


Priorities, priorities, priorities. Espira Web Technology has emphasized the most important words on the page using large, eye-catching typography that’s a seamless part of the overall design of the site. Following the cardinal rule of using serif typefaces only for headings, the text is easy to read and almost forcibly pulls you in regardless of whether you even speak Spanish.

Jesus Rodriguez Velasco

Sometimes, typography is used in web design to firmly establish the theme or essence of what the site is all about. In this case, archaic-looking typeface and hand-painted symbols hint at what’s inside: “a veritable panoply of literary, visual and aural diversions related (or not) to academic pursuits, arcane (or simply dusty) vagaries and very earnest but most likely misguided contemporary concerns.” The author, Jesus Rodriquez Velasco, is a medieval and early modern studies professor at Columbia University.

Oliver Kavanaugh Design


It’s big. It’s loud. It’s overwhelmingly the most important element on the page, and that’s the point. Graphic and web designer Oliver Kavanaugh managed to make jumbled, overlapping text that might be far too busy in the wrong hands work with subtle texture, a controlled color scheme and careful attention to composition.

Ryan Keiser Design

“I create usable accessible colorful experiences.” All three of those adjectives also apply to the typography-centered design of this website, helping Ryan Keiser establish his brand in a way that’s immediate and memorable.

Denise Chandler Design

Can you resist scrolling further down the page after getting a look at this web header? It’s clean and simple yet dynamic – even without the cute animated insects. Web and graphic designer Denise Chandler showcases her talent with an online portfolio that’s classic and modern all at once.

The New York Moon

Sure, the most eye-catching element of this page is that huge vintage radio. But though it may be subtle, the typography on The New York Moon website still shines. It’s a great example of how less can be more – the type doesn’t have to be acid-bright or two inches tall to call attention to itself and help define the page.

Kidd 81 Design

It’s not hard to tell that Paul Jamie Kidd really loves his job. Everything about the playful, colorful typography on his website screams “fun” – but not in an annoying way, thanks to the balanced white space and neutral brown background.

Circus Family Design, Direction, Animation & Production

Whoa – four different typefaces in a row? That’s usually a terrible idea (especially on the web) – but Circus Family pulls it off here with an austere layout and monochromatic color scheme. The chosen typefaces give the site a very “edgy silent film” feel – appropriate given the nature of the company’s work.

Alpha Multimedia

How can a brand name force itself into your head without screaming like a headache-inducing car dealership commercial? Alpha Multimedia gets it done with excellent use of negative space, filling in the entire header with the word and subsequently drawing your eye down the page to view their featured work samples.

Lorem Ipsum Design

There’s an argument to be made that using ‘lorem ipsum’ isn’t a great idea when designing a website, but that doesn’t extend to using the graphic design agency of the same name. Lorem Ipsum Design goes bold and, well, graphic with a home page featuring nothing but two fonts, one a stark sans serif and the other a hand-written scrawl on a moveable post-it.

Maurivan Luiz Design

The word ‘WELCOME!’ in huge typeface with an exclamation point at the top of a website can be a sign of an amateur designer. That’s definitely not the case here. Maurivan Luiz keeps the friendliness from being cliché – the greeting warmly sets the tone for the site and balances well with the white background and the italicized serif text below it.

The Astonishing Adventures of Lord Likely

What would the blog of a hedonistic Victorian gentleman with a penchant for getting sidetracked by the ladies while solving mystifying mysteries look like? A little something likeLordLikely.com, a rather racy account of all sorts of mustachioed aristocratic adventures. The chosen typefaces and parchment-like background are evocative of the era, but the clean design is a nod to the modern world.

Love Freelancing

Sometimes, the right balance of typography is like music – it flows with its own rhythm and harmony. Web designer Kai Branch created this little site to hype an ebook of web designer interviews, and it does the subject proud with a beautiful composition of type in various fonts, sizes and orientations.

Giant Creative Web Design & Development

Who needs fancy illustrations when you’re this good with nothing but type? A web design and development firm called Giant Creative literally makes typography the center of attention on their own website. The design is clean yet fun, using a font that’s just playful enough to give a lighthearted yet professional impression.

Ben Lind Design

“I create simple, clean websites that are easy to use and fun to look at.” So says designer Ben Lind on his own website, but perhaps he needn’t have. The design of his site says it all, with a large typography graphic in the center that not only reads “Hi, I’m Ben, I love making websites” but also forms an L for his last name.

Elysium Burns Design

Graphic designer Sean Baker goes for bold sans-serif type for headlines and titles and a more elegant serif font for the text blocks, but with a tightly controlled color scheme and varying font sizes, it all comes together into a cohesive design.

FL2 Blog

It doesn’t get much bolder than this. Interactive agency FL2 isn’t shy about making typography just about as big as it can be both on their blog and website, leaving you with absolutely no question whatsoever which page you’ve landed on.

(from weburbanist)

play.fm

PLAY.FM is the most comprehensive audio database for DJ and club culture on the internet. More than 12.000 DJ sets, live recordings and radio sessions can be streamed free of charge and on-demand.

Upload, track list wiki, meta-shop
DJs can upload and release studio mixes, radio sessions and event recordings themselves and check their audience statistics. The PLAY.FM audio player visualizes the entire set in wave-form, enabling the user to set time markers in order to identify and inquire about unknown tracks in wiki form. Each identified track is linked to the meta-shop: currently 1.4 million tracks from 5 different online shops can be compared on PLAY.FM’s metashop where tracks are categorized according to quality and/or pricing – 20 further shops will follow in the next weeks.

Promotion platform for the club-music industry
Labels, clubs, bookers and organizers use PLAY.FM as an effective promotion platform: They promote their artists, releases and events by posting live recordings, radio sessions and DJ sets ranging from jazz, house, drum and bass up to techno. On PLAY.FM one can reach music industry’s protagonists, distributors, as well as music lovers from over 140 countries who are able to listen to all of PLAY.FM’s recordings for free and on-demand. Additionally, PLAY.FM’s widget offers users and content partners the possibility to embed mixes into their websites.

Further features scheduled
In order to give users a prompt insight into their desired local scene, PLAY.FM’s “Cities” pages will illustrate all of PLAY.FM’s content on city maps. A PLAY.FM “Channel” will give music magazines, online forums and advertisers the opportunity to present text, image, video as well as interactive flash formats together with PLAY.FM content.

Positioning
The comprehensiveness and depth of PLAY.FM’s content, enable the user to constantly discover new music styles, labels, artists, djs, and clubing locations. With brand-new applications such as the track list wiki, meta-shop and the exact acquisition of audience statistics, PLAY.FM provides for more transparency and intends to actively contribute to the fair distribution of music licensing.


Survs – Collaborative Online Survey Tool, Web Survey Software

You might know a lot of online services to create surveys: SurveyMonkey, Zoomerang…. well, here we have a new one, still on beta, but new and looking goooood.

Survs – Collaborative Online Survey Tool, Web Survey Software.

Pachube

Pachube is a web service available at http://www.pachube.com that enables you to connect, tag and share real time sensor data from objects, devices, buildings and environments around the world.

Read more

download videos from youtube

Have you ever wondered how to download a video from youtube and then put it offline in your iPod?
Here you have a website: KeepVid
You add the URL of the video you want, then you select the quality and voila!

Predicting the next 5,000 days of the web

gubb

Remember I posted a link to a web based “to do” list called “Remember the Milk“?
Remeber the Milk was very good web tool to manage your to do lists. It even has offline mode using google gears.

Now we have a new comer in the market: gubb

gubb is a free web-based application with an easy-to-use interface that enables you to create, manage and share an unlimited number of lists.

gubb is for any and all the lists you can think of: from every day shopping and to-do lists to wishlists, brainstorming notes, personal goals, group projects and more. Just about as easy as jotting something down on paper, only better. You’ll always know where your lists are; you can edit and organize them any time; and you can share with friends and co-workers in seconds.

I use Things for mac and iPhone. Also Evernote.

qik roam

http://qikroam.com

QiK Roam is a solution to set you free from expensive roaming charges when using your mobile device while traveling. Instead of coming home to a nasty shock in the form of a gigantic bill from your cellular service provider, you can take advantage of Qik Roam’s hugely discounted voice and data rates in more than 213 countries. Qik Roam’s pre-paid service insures that you never get an unexpected charge while using your mobile device abroad.

Practically speaking, QiK Roam is a global roaming SIM card that you insert into any unlocked, tri-band cellular phone. While using the Qik Roam SIM in your phone to make and receive calls, send and receive SMS text messages, check email, browse the web and live stream video via Qik, you will enjoy discounts of up to 80% over standard global roaming charges.