Rule-based Adaptive Web Navigation introducing a Firefox extension creating semantic links next > start > a semantic navigation project using Semantic Web and Rules is a Firefox plugin simple to be used by any people has simple installation and automatically receive new features you can setup your own preferences too more and more services will be supported and many more Interested? enjoy Mary is searching for entertainment: she navigates the web looking for a screencast movie. Mary likes stories, music, movies, news. Web searching is NOT much fun and time intensive... in the journal RuleTheWeb! This version does NOT include all of the planned features! The short RuleTheWeb! FIRST install the extension Simply click on download and let Firefox guide you. When navigating on some web sites an avatar appears offering you That's all! Do even more cool: set up your preference rules! Click on the extension icon and find "setup your rules" Combine this with Social Rules Available soon YES - Write your own rules! keep them private or Learn more about that
Microdata (HTML5) Microdata is a WHATWG HTML specification used to nest metadata within existing content on web pages.[1] Search engines, web crawlers, and browsers can extract and process Microdata from a web page and use it to provide a richer browsing experience for users. Search engines benefit greatly from direct access to this structured data because it allows search engines to understand the information on web pages and provide more relevant results to users.[2][3] Microdata uses a supporting vocabulary to describe an item and name-value pairs to assign values to its properties.[4] Microdata is an attempt to provide a simpler[citation needed] way of annotating HTML elements with machine-readable tags than the similar approaches of using RDFa and microformats. Microdata vocabularies provide the semantics, or meaning of an Item. The following HTML5 markup may be found on a typical “About” page containing information about a person: Here is the same markup with added Schema.org[5][6][7] Microdata:
Unobtrusive JavaScript Unobtrusive JavaScript is a general approach to the use of JavaScript in web pages. Though the term is not formally defined, its basic principles are generally understood to include: A new paradigm[edit] JavaScript historically has had a reputation for being a clumsy, hackish language unsuitable for serious application development.[3][4] This has been largely due to inconsistent implementations of the language itself and the Document Object Model[5] in various browsers, and the widespread use of buggy copy-and-paste code. Runtime errors were so common (and so difficult to debug) that few programmers even tried to fix them, as long as the script behaved more or less the way it was supposed to;[6] scripts often failed completely in some browsers. Other authors have tried to refine and define the essential elements of the unobtrusive paradigm. The Web Standards Project describes four benefits of unobtrusive DOM scripting in their JavaScript Manifesto. Separation of behavior from markup[edit]
Microformats schema.org Most webmasters are familiar with HTML tags on their pages. Usually, HTML tags tell the browser how to display the information included in the tag. For example, <h1>Avatar</h1> tells the browser to display the text string "Avatar" in a heading 1 format. Schema.org provides a collection of shared vocabularies webmasters can use to mark up their pages in ways that can be understood by the major search engines: Google, Microsoft, Yandex and Yahoo! 1. 1a. Your web pages have an underlying meaning that people understand when they read the web pages. 1b. itemscope and itemtype Let's start with a concrete example. <div><h1>Avatar</h1><span>Director: James Cameron (born August 16, 1954)</span><span>Science fiction</span><a href=".. To begin, identify the section of the page that is "about" the movie Avatar. <div itemscope><h1>Avatar</h1><span>Director: James Cameron (born August 16, 1954) </span><span>Science fiction</span><a href=".. Back to top 1c. itemprop 1d. 2. 2b. 2c. 3. 3a. 3b. Enumerations
Semantic HTML Semantic HTML is the use of HTML markup to reinforce the semantics, or meaning, of the information in webpages rather than merely to define its presentation or look. Semantic HTML is processed by regular web browsers as well as by many other user agents. CSS is used to suggest its presentation to human users. As an example, recent HTML standards discourage use of the tag <i> (italic, a typeface)[1] in preference of more accurate tags such as <em> (emphasis); the CSS stylesheet should then specify whether emphasis is denoted by an italic font, a bold font, underlining, slower or louder audible speech etc. History[edit] HTML has included semantic markup since its inception.[4] In an HTML document, the author may, among other things, "start with a title; add headings and paragraphs; add emphasis to [the] text; add images; add links to other pages; [and] use various kinds of lists".[5] At one time, HTML also included presentational markup such as <font>, <i> and <center> tags. See also[edit]
Optimus—Microformats Transformer What is it? Optimus—is a microformats transformer. Easily transform your microformatted content to nice, clean, easily digestible, XML, JSON or JSON-P. You can also easily set filters to only receive particular formats. Now your web site could really be your API with goodness of microformats and power of Optimus. How to use it? Where: web site URI An address of the page you want to transform format Format should be either “xml”, “json” or “rss”. function Callback function for JSON filter Space-separated list of microformats. Example The result will be XML: <? How Schema.org Will Change Your Search Results & What it Means for Marketers Jeff Ente is the director of Who's Blogging What, a weekly e-newsletter that tracks over 1,100 social media, web marketing and user experience blogs to keep readers informed about key developments in their field and highlight useful but hard to find posts. Mashable readers can subscribe for free here. Algorithms aren’t going away anytime soon now that websites have a better way to directly describe their content to major search engines. Earlier this month, Google, Bing and Yahoo came together to announce support for Schema.org, a semantic markup protocol with its own vocabulary that could provide websites with valuable search exposure. Nothing will change overnight, but Schema.org is important enough to bring the three search giants together. Schema.org attempts to close a loophole in the information transfer from website data to presentation as search results. How Schema.org Works Schema.org was born out of conflict between competing standards. Until this month. Feb. 12, 1809.
Progressive enhancement Progressive enhancement is a strategy for web design that emphasizes accessibility, semantic HTML markup, and external stylesheet and scripting technologies. Progressive enhancement uses web technologies in a layered fashion that allows everyone to access the basic content and functionality of a web page, using any browser or Internet connection, while also providing an enhanced version of the page to those with more advanced browser software or greater bandwidth. History[edit] "Progressive Enhancement" was coined by Steven Champeon in a series of articles and presentations for Webmonkey and the SXSW Interactive conference between March and June 2003.[1][2] Introduction and background[edit] The strategy is an evolution of a previous web design strategy known as "graceful degradation", wherein designers would create Web pages for the latest browsers that would also work well in older versions of browser software. Core principles[edit] Support and adoption[edit] Criticism and responses[edit]
Home - schema.org