Wordpress

Dreaming of going underground can symbolize a journey to the subconscious, or it can mean that the dreamer is wrestling with issues he or she is afraid to face. In addition, venturing underground during a dream can mean the dreamer is ready to explore previously hidden issues.

mercredi 7 novembre 2007

hiperlinking

I've often thought there is a subtle art to the humble hyperlink, that stalwart building block of hypertext, the stuff that Ted Nelson's Xanadu dream was made of.

The word hypertext was coined by Nelson and published in a paper delivered to a national conference of the Association for Computing Machinery in 1965. Adding to his design for a nonsequential writing tool, Nelson proposed a feature called "zippered lists," in which elements in one text would be linked to related or identical elements in other texts. Nelson's two interests, screen editing and nonsequential writing, were merging. With zippered lists, links could be made between large sections, small sections, whole pages, or single paragraphs. The writer and reader could manufacture a unique document by following a set of links between discrete documents that were "zipped" together.
Many precedents for the idea of hypertext existed in literature and science. The Talmud, for instance, is a sort of hypertext, with blocks of commentary arranged in concentric rectangles around the page. So are scholarly footnotes, with their numbered links between the main body of the text and supplementary scholarship.

In July 1945, long before Nelson turned his attention to electronic information systems, Vannevar Bush published an essay titled "As We May Think" in The Atlantic Monthly, which described a hypothetical system of information storage and retrieval called "memex." Memex would allow readers to create personal indexes to documents, and to link passages from different documents together with special markers. While Bush's description was purely speculative, he gave a brilliant and influential preview of some of the features Nelson would attempt to realize in Xanadu.

The inventor's original hypertext design predicted most of the essential components of today's hypertext systems. Nonetheless, his talk to the Association for Computing Machinery had little impact. There was a brief burst of interest in this strange researcher, but although his ideas were intriguing, Nelson lacked the technical knowledge to prove that it was possible to build the system he envisioned.

I distinctly remember reading this 1995 Wired article on Ted Nelson and Xanadu when it was published. It had a profound impact on me. I've always remembered it, long after that initial read. I know it's novella long, but it's arguably the best single article I've ever read in Wired; I encourage you to read it in its entirety when you have time. It speaks volumes about the souls of computers-- and the software developers who love them.

Xanadu was vaporware long before the term even existed. You might think that Ted Nelson would be pleased that HTML and the world wide web have delivered much of the Xanadu dream, almost 40 years later. But you'd be wrong:

HTML is precisely what we were trying to prevent -- ever-breaking links, links going outward only, quotes you can't follow to their origins, no version management, no rights management.

I suspect Wikipedia may be closer to Ted's vision of Xanadu: a self-contained constellation of highly interlinked information, with provisions for identity, versioning, and rights management.

But enough about the history of the hyperlink. How can we use them effectively in the here and now? I thoroughly enjoyed Philipp Lenssen's recent link usability tips. I liked it so much, in fact, that I'm using it as a template for a visual compendium of link usability tips-- the art of hyperlinking.

Ensure your links are large enough to easily click. When building links, don't run afoul of Fitt's Law. If what you're linking is small, make it bigger. If you can't make it bigger, at least fluff it up a bit with clickable borders so it's easier for people to accurately click. In the below screenshot, only the numbers are linked, which is a shame.
The first link is the most important one. The first link will garner most of the reader's attention, and the highest clickthrough rates. Choose your first link appropriately. Start with the important stuff. Don't squander your first link on a triviality.
Don't link everything. Using too many links will turn your text into noise. This works in two dimensions: excessive linking makes text difficult to read, and excessive linking causes deflation in the value of all your existing links. Link in moderation. Only link things important enough to warrant a link.
Don't radically alter link behavior. Links are the cornerstone of the web. Users have built up years of expectactions based on existing behavior in their web browsers. When you change the way hyperlinks work, you're redefining a fundamental part of the web. Is this really what you want? Is this really what your readers want?
Don't title your link "Click Here". Don't even use the words "Click" or "Here" anywhere in your link text. Describe what the link will do for the user when they click on it.
Don't link things the user might want to select and copy. Woe upon the poor user who needs to select and copy hyperlinked text. It requires a complex ballet of very precise mouse movements to get it to work at all. Here, I'm trying to select the name "Ralph Waldo Emerson", which is part of the hyperlink. Granted, this is not a terribly common scenario-- it's probably the most subtle tip on Philipp's list. But when it happens, it's awkward and unpleasant, so do give it some consideration.
Don't include icons on every link. If we're linking in moderation, we should be using link icons in extreme moderation. If every other link has an icon, it's noise. Only highly unusual or irregular links should include icons. I'd also argue that your text, if written properly, can easily communicate the type of link as well as an icon can, but this gets into the realm of personal preference.
Don't make your content depend on links to work. Not everyone will click on your hyperlinks. Either they're too busy to click every single link you put in front of them, or maybe they're reading your article in another format where they can't click on the links: print, offline, or mobile. Either way, it's important to provide the context necessary to make your content understandable without the need to visit whatever is behind those hyperlinks. (If you're wondering what this example is about, I should warn you-- it's not worth it. For once the inanity of Digg comments was totally appropriate: "retarded blog war".)
Don't hide your links. Hyperlinks should look like hyperlinks. Give them a distinct style, so they cannot be confused with any of the other text on the page. Definitely choose a unique color not used anywhere else on your page, and consider using the well-worn convention of the link underline when necessary. What's clickable here?
Don't mix advertising and links. These look like hyperlinks, but they're actually advertising. Which type of link is which, again? And why should the user have to think about this?
Don't obfuscate your URLs. Users can preview where your link will ultimately send them by hovering their mouse over it and viewing the URL in the status bar. Avoid using redirects or URL shortening services which make the URL totally opaque. The user shouldn't have to take a leap of faith when clicking on your links.

To head off any potential hate mail headed my way, these are guidelines, not rules. If you know what you're doing, you also know that rules were made to be broken in the right circumstances. The problem is that most people writing HTML don't know what they're doing. A search for "click here" is ample proof of that.

Most of this is advice on writing HTML-- which, in my estimation, is basic writing advice in today's online world. Hyperlinking should be taught alongside Strunk & White as far as I'm concerned. Knowing how to hyperlink effectively is fundamental. But as software developers, we can go farther when writing code -- we can control the text of the links we generate, too. I touched on this briefly in Don't Devalue The Address Bar, but it's worthy of an entire blog post. In the meantime, Keyvan Nayyeri's Simplify your URLs is a fantastic starting point.

Libellés : hiperlinking, info, traffic rank, underpop, webmasters, WordPress, XOOPS

publié par mikhail | mercredi, novembre 07, 2007 | 0 commentaires, Liens vers ce message blog,

lundi 24 septembre 2007

Don't You (Forget The XOOPS Modules)

AMS Clock Ifrit M4X MadLiens MainMenuLink1 Multicounter OpenDirectory PDdownloads PDlinks RandomBabe T-TechTools TechThemeConfig WebFtp XP-Weather XUpgrade YahooNews about ac_counter access_log addresses admintheme adresses agendax agnitiovirusinfo aleatoire altern8news altsys amcontact amevents amhterror amreviews analogclock anni antidos archcontact arms articles as7ab2 asms auth avantgo avatarmaker avatars babe2 backpack backup barcode barweb4xoops bfstats bioreg bizdir blankpaper blockies blocksadmin blockutils bluesbb booklists bopcomments buddyfriends buddylist bulk bulletin buoniecattivi bwiki bxBBS bxNotepad c-html cadastros cafepress captcha carriere castpage catads cdbase chat chatmx cinema cjaycontent cjtagboard classifieds clientspace clock_calendar comics commentAny comment_search comments conring contact contact_plus content controlpanel couleurs count course_review cowball credits cricketstats d3forum d3pipes dclient debaser dictionary digest directfriends dmailer dms dokuwiki donations downloadse dpage dropdown eEmpregos eNoticias easy_amazon easyweb ecal ecotut edito efqdirectory eguide eltiempo enterprise ephemerids error404 errorhandler eskuel estadisticas evennews exFrame extcal extgallery fat fatalquery fckeditor fetedujour filemanager filemanagerm findusers fischher flashChat flashgames flickr formmail formulaire formulize freecontent freegames friendfinder fungames funpictures funvideos gafeeds gamaps gasearch gisboard globetrotter glossaire google2 googlemaps googlesearch googlestats groupadmin groups gsbbs gsdownloads gsearch guestbook231 hatenaauth historias home homeworld horoscope htmlarea humorgrafico humorvideo iDiary iMenu icontent icq_board images impressum inbetween incblocks index.html info installer ipcamera iradio irc irc-chat ircmod isearch istats jargon jobs kbdownloader khat komments kshop lang_tool language lanmod lastposts league legacy legacyRender liaise liens lingo link link2us linktous lykos_syndication m_online magazine mailusers mantis marquee mediawiki membership message meteo modthemeup modulesadmin movie mpmanager mrbs ms_weather msn multiMenu musicstore mx-directory myMedia myPinup myReferer myReviews myaddress myads myalbum myalbum-p mybbs myconference mydownloads myed2k myed2kfiles myfriend myguestbook myiframe mylinks mymenu myquiz net2ftp netproject netquery newbb newbbex news noah noticias npress obs_classroom obsclient opencontent optimize page pages pageworks pbboard pbdownloadlist pbmailsche pbmailschesend pbworkhist pgvxoops phadsnew php_stats phpads phpmyadmin phpmyadmin_260b3 phpsysinfo piCal picito pico pm popgen popnupblog popularity postdata pp-news preferences prensa pricelist productcatalog productcatalogue profile profiles project-manager protector quiz_icd quote4xoops radio randomquote ranking recommander reg_codes relations reprojects resmanager rha7downloads rightklick rmdp rmmf rss rssc rw_banner sample_module satzung savedb search sections securityimage serverbooking serveurcheck shiori shop short_msg shortcuts shoutbox simpleblog simplecounter simplerss sitelang sitemap skype smartblocks smartclient smartcontent smartfaq smartmedia smartobject smartpartner smartprofile smartsection smf smilies smsbiz snx_guestbook soapbox sound spaw spotlight sqmail ssiframe sstatus statistic03 statistics stdCache stockquotes stories subscription subsite supports symantecalert sysinfo system tabmod tag team tellafriend tellafriend_k tes.txt theaterman_2 theme_changer tinycontent tinyd0 tinyeditor tinyevent todomod tplsadmin tplsets trackback treeMenuEx treebbs treemenuxl tutorials tv uniconvert upanddown update uploader urgence user userinfo userpage userpoints userrank users usersearch uservisit uskolaxgallery utstats uu_cart ventrilo version virii virusalert votos waffle0 waiting wakka wakka3 webalizer webcam webchat webgame weblinks weblog webmail webmailfx webnews webring websearch webshow webtraffic wfchannel wfdownloads wffaq wflinks wfquotes wfsection wfsection02 wfsnippets whatnews whatsnew whosonline wikimod wiwimod wordbook wordpress wordpress1 works worldtime wowrosterx wsproject x.xtx x_movie xadmintools xamxbans xasset xbs_tags xcgal xcgallery xcomics xconv xdb xdirectory xdocman xdonations xentcareer xentcdmanager xentcpanext xentcvgen xentdynamicmenu xentgen xentintranet xentpark xentprojects xentspotlight xentteam xenttestimony xfaccount xfbugreport xfguestbook xfjobs xfmod xfmyxoopsforge xfnewproject xfnewrelease xfpatchreport xfsection xfsnippet xfsoftware xfstats xftrove xfwebservice xhelp xhld0 xhld1 xhld2 xhld3 xhlstats xhnewbb xhnewbbex xirc xjinzora xlanguage xmail xmap xmline xmmemberstats xmovietime xmspotlight xmyshell xoogle xoopscare xoopschat xoopsdigger xoopsfaq xoopsheadline xoopsinfo xoopslance xoopsmembers xoopsomp xoopspartners xoopspoll xoopstools xp-radio xp_syndication xphpbbi xplaincart xplayer xplayhistory xplorer xptblcheck xpwiki xroster xsurvey xtremguestbook xtremuserguestbook xtt xuhp xwhois xws yogurt yomi yybbs zeuploader zmagazine, and much more!

Libellés : Cube, Legacy, Modules, Modulos, WordPress, XOOPS, xoopsCube, xoops.net.br, YouTube

publié par mikhail | lundi, septembre 24, 2007 | 0 commentaires, Liens vers ce message blog,