background preloader


Last week the community celebrated its 7th birthday at a gathering hosted by Mozilla in San Francisco and recognized accomplishments, challenges, and opportunities. Humans First: Admin Emeriti & New Admins The microformats tagline “humans first, machines second” forms the basis of many of our principles, and in that regard, we’d like to recognize a few people and thank them for their years of volunteer service as community admins: They’ve each been essential positive community contributors and guides over the years, and as admin emeriti are always welcome back should they decided to become admins again. We’re also pleased to announce two new community admins: Both have similarly been consistent positive contributors to microformats for years, and we’re very happy they’ve stepped up as community admins.

Related:  css-deliciousWebdevMicrodata

Frameworks for Designers These days, “framework” is quite a buzzword in web development. With JavaScript frameworks like the Yahoo User Interface library, jQuery, and Prototype getting a lot of attention and web application frameworks like Rails and Django getting even more, it seems like everyone is using some kind of framework to build their sites. But what exactly is a framework? And are they only useful to programmers, or can we web designers benefit from the concept, as well? What is a framework?

Designing Effective User Interfaces by Suzanne Martin The use of typography, symbols, color, and other static and dynamic graphics are used to convey facts, concepts and emotions. This makes up an information-oriented, systematic graphic design which helps people understand complex information. Search engine optimization As an Internet marketing strategy, SEO considers how search engines work, what people search for, the actual search terms or keywords typed into search engines and which search engines are preferred by their targeted audience. Optimizing a website may involve editing its content, HTML and associated coding to both increase its relevance to specific keywords and to remove barriers to the indexing activities of search engines. Promoting a site to increase the number of backlinks, or inbound links, is another SEO tactic. The plural of the abbreviation SEO can also refer to "search engine optimizers", those who provide SEO services.

Comet (programming) Comet is a web application model in which a long-held HTTP request allows a web server to push data to a browser, without the browser explicitly requesting it.[1][2] Comet is an umbrella term, encompassing multiple techniques for achieving this interaction. All these methods rely on features included by default in browsers, such as JavaScript, rather than on non-default plugins. The Comet approach differs from the original model of the web, in which a browser requests a complete web page at a time.[3] The use of Comet techniques in web development predates the use of the word Comet as a neologism for the collective techniques. Comet is known by several other names, including Ajax Push,[4][5] Reverse Ajax,[6] Two-way-web,[7] HTTP Streaming,[7] and HTTP server push[8] among others.[9]

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? Tutorial 8 - Step 1 Tutorial 8 - Liquid two column layout Step 1 - Start with the semantically marked up code To lay out a page into two columns, you need to start with the basic page structure. In this case we will use some dummy content to create a two column template. A Web Designer's Guide to Font Replacement Methods Fed-up with Arial? Tired of Times New Roman? Font-replacement methods have improved dramatically over the past 2 years, but it can be often hard to sort out the different methods if you're not constantly reading about it. This article will discuss various font replacement techniques that are out there right now. Republished Tutorial

RDF 1.1 Lite Issue # 2: property vs rel from Guha on 2011-10-22 ( from October 2011) RDF 1.1 Lite Issue # 2: property vs rel Jason Douglas brings up one of the main points that lead us at to support Microdata in favor RDFa, namely the distinction between rel and property. Google announced supported RDFa in 2009. One of the startling discoveries we made was that the error rate (i.e., webmasters marking up their pages to say X when the really meant to say Y) was about 3 times as much as it was for other formats (which include microformats, sitemaps, Google shopping feeds, etc.).

HTML WebSockets WebSocket is a protocol providing full-duplex communications channels over a single TCP connection. The WebSocket protocol was standardized by the IETF as RFC 6455 in 2011, and the WebSocket API in Web IDL is being standardized by the W3C. Technical overview[edit] Browser implementation[edit] Microformat A microformat (sometimes abbreviated μF) is a web-based approach to semantic markup which seeks to re-use existing HTML/XHTML tags to convey metadata[1] and other attributes in web pages and other contexts that support (X)HTML such as RSS. This approach allows software to process information intended for end-users (such as contact information, geographic coordinates, calendar events, and similar information) automatically. Although the content of web pages is technically already capable of "automated processing", and has been since the inception of the web, such processing is difficult because the traditional markup tags used to display information on the web do not describe what the information means.[2] Microformats can bridge this gap by attaching semantics, and thereby obviate other, more complicated, methods of automated processing, such as natural language processing or screen scraping. Background[edit] Neither CommerceNet nor operates as a standards body.

The Perfect 3 Column Liquid Layout: No CSS hacks. SEO friendly. iPhone compatible. Download this layout (25kb zip file). Percentage dimensions of the holy grail layout All the dimensions are in percentage widths so the layout adjusts to any screen resolution. Vertical dimensions are not set so they stretch to the height of the content. Introducing Rich Snippets Webmaster Level: All As a webmaster, you have a unique understanding of your web pages and the content they represent. Google helps users find your page by showing them a small sample of that content -- the "snippet." We use a variety of techniques to create these snippets and give users relevant information about what they'll find when they click through to visit your site. Today, we're announcing Rich Snippets, a new presentation of snippets that applies Google's algorithms to highlight structured data embedded in web pages.

HTML Microdata Abstract This specification defines the HTML microdata mechanism. This mechanism allows machine-readable data to be embedded in HTML documents in an easy-to-write manner, with an unambiguous parsing model. Web Service Architecture A Web service is a method of communications between two electronic devices over a network. It is a software function provided at a network address over the web with the service always on as in the concept of utility computing. The W3C defines a Web service as: a software system designed to support interoperable machine-to-machine interaction over a network. It has an interface described in a machine-processable format (specifically WSDL). Other systems interact with the Web service in a manner prescribed by its description using SOAP messages, typically conveyed using HTTP with an XML serialization in conjunction with other Web-related standards.[1]

Related:  Web sémantique & formats standardsMicroformatscool stuffsjablonenWebDev | Development/Etcsemantic webMOOC Web Semantiquewebbiedeveloper resourcesMicroData