/* Variable definitions ==================== */ /* Use this with templates/template-twocol.html */ body { background:#ffffff; margin:0; color:#333333; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; } a:link { color:#5588aa; text-decoration:none; } a:visited { color:#5588aa; text-decoration:none; } a:hover { color:#cc6600; text-decoration:underline; } a img { border-width:0; } /* Header ----------------------------------------------- */ #header-wrapper { width:660px; margin:0 auto 10px; border:1px solid #cccccc; } #header-inner { background-position: center; margin-left: auto; margin-right: auto; } #header { margin: 5px; border: 1px solid #cccccc; text-align: center; color:#666666; } #header h1 { margin:5px 5px 0; padding:15px 20px .25em; line-height:1.2em; text-transform:uppercase; letter-spacing:.2em; font: normal bold 200% Georgia, Serif; } #header a { color:#666666; text-decoration:none; } #header a:hover { color:#666666; } #header .description { margin:0 5px 5px; padding:0 20px 15px; max-width:700px; text-transform:uppercase; letter-spacing:.2em; line-height: 1.4em; font: normal normal 105% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif; color: #999999; } #header img { margin-left: auto; margin-right: auto; } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 660px; margin:0 auto; padding:10px; text-align:left; font: normal normal 90% Georgia, Serif; } #main-wrapper { width: 410px; float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar-wrapper { width: 220px; float: right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } /* Headings ----------------------------------------------- */ h2 { margin:1.5em 0 .75em; font:normal normal 77% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color:#999999; } /* Posts ----------------------------------------------- */ h2.date-header { margin:1.5em 0 .5em; } .post { margin:.5em 0 1.5em; border-bottom:1px dotted #cccccc; padding-bottom:1.5em; } .post h3 { margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:#cc6600; } .post h3 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color:#cc6600; font-weight:normal; } .post h3 strong, .post h3 a:hover { color:#333333; } .post p { margin:0 0 .75em; line-height:1.6em; } .post-footer { margin: .75em 0; color:#999999; text-transform:uppercase; letter-spacing:.1em; font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif; line-height: 1.4em; } .comment-link { margin-left:.6em; } .post img { padding:4px; border:1px solid #cccccc; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } /* Comments ----------------------------------------------- */ #comments h4 { margin:1em 0; font-weight: bold; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color: #999999; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block .comment-author { margin:.5em 0; } #comments-block .comment-body { margin:.25em 0 0; } #comments-block .comment-footer { margin:-.25em 0 2em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; } #comments-block .comment-body p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } .feed-links { clear: both; line-height: 2.5em; } /* Sidebar Content ----------------------------------------------- */ .sidebar { color: #666666; line-height: 1.5em; } .sidebar ul { list-style:none; margin:0 0 0; padding:0 0 0; } .sidebar li { margin:0; padding-top:0; padding-right:0; padding-bottom:.25em; padding-left:15px; text-indent:-15px; line-height:1.5em; } .sidebar .widget, .main .widget { border-bottom:1px dotted #cccccc; margin:0 0 1.5em; padding:0 0 1.5em; } .main .Blog { border-bottom-width: 0; } /* Profile ----------------------------------------------- */ .profile-img { float: left; margin-top: 0; margin-right: 5px; margin-bottom: 5px; margin-left: 0; padding: 4px; border: 1px solid #cccccc; } .profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif; color: #999999; font-weight: bold; line-height: 1.6em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } .profile-link { font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif; text-transform: uppercase; letter-spacing: .1em; } /* Footer ----------------------------------------------- */ #footer { width:660px; clear:both; margin:0 auto; padding-top:15px; line-height: 1.6em; text-transform:uppercase; letter-spacing:.1em; text-align: center; } /** Page structure tweaks for layout editor wireframe */ body#layout #header { margin-left: 0px; margin-right: 0px; } -->
span.fullpost {display:inline;}

Friday, January 25, 2008

Address-based News Site “EveryBlock”

The Internet made the Earth “flat”, as Thomas Friedman maintained in his 2005 book The World Is Flat: A Brief History of the Twenty-First Century. If a New Yorker makes a phone call to order pizza, an operator at the pizza company’s Mumbai call center answers it through the fiber-optic cables that connect the two cities across the Pacific. The Internet shortened the distance between the two of the biggest economies, the US and India, into a click away, totally reforming the international supply chains. This is why Friedman described the highly globalized 21st century world as “flat”.

On the other hand, another trend totally different from globalization has been clearly witnessed since the Internet began to connect people across the world - hyper-localization or cyber-balkanization. While flattening the world, the Internet have also developed further people’s interest in their own city, town and even street and preference to get along with a small, like-minded group. As a response to this trend, hyper-local media informing readers of what is happening in their next doors flourished.

A new form of hyper-local news website, EveryBlock, has recently been launched in three US cities, New York, Chicago and San Francisco, with a motto of “a news feed for your block”. EveryBlock is a kind of news search engine through which you can find local stories and information by address, postcode or neighborhood. The engine has algorithms developed to filter locations within free-form texts. If you type an address in the site’s search box, all information including photos and videos related to that location appears on screen.

I put Manhattan in the Search New York box on 25 January to test the process. Three photos uploaded on that day by Flickr users around Lenox Hill, Roosevelt Island and 25 business reviews including West Side Market and Nokia Theater Times Square were returned in addition to a long list of news items. If you click an item, the information is provided on a new window with a map of its location. On top of the screen appeared a list of nearby addresses such as Upper West Side, Yorkville, Queens and Precinct 19. News articles, blog entries, images and local authority information collected by the site can also be browsed by news topics.

The founder, Adrian Holovaty, is a journalist and Web developer who has worked for washingtonpost.com and developed in 2005 one of the original Google Maps mashups, chicagocrime.org. He could begin this EveryBlock project by winning $1.1 million in last year's Knight News Challenge competition. He said in an interview with Poynteronline: "We're interested in spreading the concept of 'geocoding' news - that is, classifying news articles by location. Currently, we do that by crawling news sites and applying algorithms and human editing efforts, but it'd be best for everybody if news organizations did this on their own."

1 comment:

Anonymous said...

If you want to take much from this paragraph
then you have to apply these techniques to your won webpage.


Also visit my webpage ... acoustic guitar chords for beginners