Daily Archives: June 18, 2011

Odoriferous Style Sheets

Odoriferous Style Sheets

W3C Recommendation 01 Apr 1999

Document identifier: REC-odor-19990401
This version: http://www.w3.org/TR/1999/REC-odor-19990401
Latest version: http://www.w3.org/TR/1999/REC-odor
Previous version: http://www.w3.org/TR/1999/REC-odor-19980401
Authors: Håkon Wium Lie (howcome@w3.org)
Bert Bos (bert@w3.org)

Status of this document

This document is not a real W3C Recommendation. It has been written by W3C (http://www.w3.org/) staff and there is general consensus that all W3C specifications should use this document as a template. When you publish W3C Technial Reports, this document should be your template. The first part of the Technical Report you publish should be structurally identical to this document. You must change the content according to the specification you are publishing, but the elements and the attributes (except the “href” attributes) should be the same. This is to ensure consistent presentation of W3C Technical Reports. If you have requests for changes to the markup or the associated style sheet, please send them to webreq@w3.org. For more information about how to prepare W3C Technical Reports, see the How to Release a W3C Technical Report.

Abstract

It ain’t multimedia till it smells.

via w3.org

Odoriferous Style Sheets W3C Recommendation 01 Apr 1999 Status of this document This document is not a real W3C Recommendation. It has been written by W3C ( http://www.w3.org/) staff and there is general consensus that all W3C specifications should use this document as a template. When you publish W …http://whatgetsmehot.posterous.com/odoriferous-style-sheets» more

Leave a comment

Charles Poynton Invented HDTV Square Pixels

Charles Poynton Invented square pixels and 1080

It was 20 years ago today (approximately) that I launched the effort – ultimately successful – to establish square sampling (“square pixels”) as the standard for HDTV.

I am the inventor of the number 1080 found in HDTV standards. My efforts resulted in my being awarded SMPTE’s David Sarnoff Gold Medal. See the entries toward the bottom of my Video Engineering page. (My pal Don Craig, who received a Sarnoff medal for a different and well-deserved reason, tells me that his density check reveals that it’s gold plated, not solid gold. However, the company that he and a few of his colleagues founded was just sold for USD 306 M, so he’s not too upset.)

Charles
2010-05-09

via poynton.com

Charles Poynton Invented square pixels and 1080 It was 20 years ago today (approximately) that I launched the effort – ultimately successful – to establish square sampling (“square pixels”) as the standard for HDTV. I am the inventor of the number 1080 found in HDTV standards. My efforts resulted in …http://whatgetsmehot.posterous.com/charles-poyntoninvented-hdtv-square-pixels» more

Leave a comment

FIRST VALID HTML5/CSS3 Inline Template, thanks to Premailer and NoCSSterous ‘the Blog that strips everything!’ ‘

HEY LOOK! IT’S THE FIRST VALID HTML5/CSS3 Inline Template, thanks to Premailer and NoCSSterous, ‘the Blog that strips everything!’

Dogmeat_and_tbl_invented_the_internet_have_you_seen_it

home

This is the global <header> element for this page, including the <hgroup> and <nav> elements.

  •   0° Reds
      Saturation
      100% 75% 50% 25% 0%
    100          
    88          
    75          
    63          
    50          
    38          
    25          
    13          
    0          
      30° Red-Yellows (=Oranges)
      Saturation
      100% 75% 50% 25% 0%
    100          
    88          
    75          
    63          
    50          
    38          
    25          
    13          
    0          
      60° Yellows
      Saturation
      100% 75% 50% 25% 0%
    100          
    88          
    75          
    63          
    50          
    38          
    25          
    13          
    0          
      90° Yellow-Greens
      Saturation
      100% 75% 50% 25% 0%
    100          
    88          
    75          
    63          
    50          
    38          
    25          
    13          
    0          
      120° Greens
      Saturation
      100% 75% 50% 25% 0%
    100          
    88          
    75          
    63          
    50          
    38          
    25          
    13          
    0          
      150° Green-Cyans
      Saturation
      100% 75% 50% 25% 0%
    100          
    88          
    75          
    63          
    50          
    38          
    25          
    13          
    0          
      180° Cyans
      Saturation
      100% 75% 50% 25% 0%
    100          
    88          
    75          
    63          
    50          
    38          
    25          
    13          
    0          

Section header

This line should be green.

This line should be green. CSS 3 Module <== Test # ==> W3C Selectors 53 of 172 Testing Date Revision

::first-letter pseudo-element (ID #39) 2005-09-17 1.2This very long paragraph should have a big first letter T with a green background. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy

This paragraph is here only to fill space in the DOM

And this address too..

So does this paragraph !

Article header

Download the HTML and asset files
(ZIP does not include audio or video to reduce file size.
You can download them from this page using your browser.)

Purpose of this document:

  • Includes all the HTML5 elements as listed in the side column.
  • Minimal styling has been used. Use this document to test CSS files (base, reset, custom, etc.) on desired elements in various browsers.
  • Use this document to create comprehensive templates that need to use many of the common HTML5 elements.
  • Includes jQuery because it comes in handy.
  • Includes HTML5 compatibility for Internet Explorer.
  • Includes CSS files for screen, print, mobile and smart phones.
  • See reference links below for more information.
  • This page validates as HTML5.

Note: This is only a guide – a starting point – if you will.

Header 1 <h1>

This is an example paragraph used within this article for this document.

Header 2 <h2>

This is an example paragraph used within this article for this document.

Header 3 <h3>

This is an example paragraph used within this article for this document.

Header 1 <h4>

This is an example paragraph used within this article for this document.

Header <h5>

This is an example paragraph used within this article for this document.

Header <h6>

This is an example paragraph used within this article for this document.

Unordered list

  • Unordered list item
  • Unordered list item
    • Unordered list item
    • Unordered list item
      • Unordered list item
      • Unordered list item
      • Unordered list item
    • Unordered list item
  • Unordered list item

Ordered list

  1. Ordered list item
  2. Ordered list item
    1. Ordered list item
    2. Ordered list item
      1. Ordered list item
      2. Ordered list item
      3. Ordered list item
    3. Ordered list item
  3. Ordered list item

Address and blockquote:

700 Address Element Road
Town, State Zip

This is a blockquote.

Audio and video:

Example of the <audio> element:

Your browser does not support OGG audio. Try using Safari, Chrome or Firefox.

Example of the <video> element:

Example of the <video> element for IE9:

Figure:

Use an <img>, <video> or <table> as content for the <figure> element.

Watching the Sky by Nathaniel Reinhart
Watching the Sky by Nathaniel Reinhart (<figcaption>)

Form:

Form legend

Text (required & autofocus)
Text with place holder
Text with Datalist

Number
Email
URL
Date
Date Time
Date Time-local
Month
Time
Week
Telephone
Range output: 0
Nashville This digital adaptation of wood-type, with a Wild West twang, was designed by Matthew Austin Petty of Disturbed Type. Like a cowboy’s stubble, rough edges and scruffy surfaces make this font a more masculine antique.

Color

Submit

Menu type=”toolbar” with command elements type=”radio” and type=”command”

Progress

Progress: 50%

KeyGen

High GradeMedium Grade

Inline text formatting:

This is the ABBR element.

This is the b element.

This is the cite element.

This is the code element.

This is the del element.

This is the dfn element.

This is the em element.

This is the i element.

This is the ins element.

This is the kbd element.

This is the mark element.

This is the samp element.

This is the small element.

This is the strong element.

This is the sub element.

This is the sup element.

This is the var element.

Meter:

An example of the <meter> element: Your score is: A+

Pre and span:

This is the <pre> element:

pre

This is the span element. All <span> elements within this demo are set to bold for styling purposes only.

W3C CSSn Test Suite

The CSSn Test Suite is provided as a way for vendors and page authors to test their browser’s conformance to the CSSn specification.

For each feature, there is at least one page which tests the feature in various ways, using HTML 4.0 markup. The test pages are broken out into a number of sections which reflect the structure of the CSSn specification itself, in addition to a Prologue and a few appendicies.

Table of Contents

Feedback regarding the CSSn Test Suite should be sent to public-css-testsuite@w3.org.

Valid HTML 4.0! Valid CSS!

The CSS1 Test Suite is a joint effort of the World Wide Web Consortium, and the (your company/organization name here). W3C (your logo here)

Time:

The following is an example of the <time> element:

11AM in Texas on March 22, 2010

Hidden content (hidden attribute)

this should not be displayed. This link should not be in the tab order

This is the <footer> for this <article>.

Details and summary:

Article Summary

Details: some useful links to HTML5 and related specification documents. This uses the <details> and <summary> elements.

This is the <footer> for this <section> of this page/site.

The <aside> to the <section>

Elements included in this demo:

View / hide list of elements

Note: Some elements are only used within the source code and not as examples.

  • <!-- Comments -->
  • <!DOCTYPE>
  • <a>
  • <abbr>
  • <address>
  • <article>
  • <aside>
  • <audio>
  • <b>
  • <blockquote>
  • <body>
  • <br>
  • <button>
  • <cite>
  • <code>
  • <del>
  • <details>
  • <dfn>
  • <div>
  • <em>
  • <fieldset>
  • <figcaption>
  • <figure>
  • <footer>
  • <form>
  • <h1> – <h6>
  • <head>
  • <header>
  • <hgroup>
  • <hr>
  • <html>
  • <i>
  • <img>
  • <input>
  • <ins>
  • <kbd>
  • <label>
  • <legend>
  • <li>
  • <link>
  • <mark>
  • <meta>
  • <meter>
  • <nav>
  • <noscript>
  • <ol>
  • <optgroup>
  • <option>
  • <p>
  • <pre>
  • <q>
  • <samp>
  • <script>
  • <section>
  • <select>
  • <small>
  • <source>
  • <span>
  • <strong>
  • <style>
  • <sub>
  • <summary>
  • <sup>
  • <table>
  • <tbody>
  • <td>
  • <textarea>
  • <tfoot>
  • <th>
  • <thead>
  • <time>
  • <title>
  • <tr>
  • <ul>
  • <var>
  • <video>

Elements not included in this demo:

View / hide list of elements

  • <area>
  • <base>
  • <bdo>
  • <canvas>
  • <caption>
  • <col>
  • <colgroup>
  • <dd>
  • <dl>
  • <dt>
  • <iframe>
  • <map>
  • <object>
  • <param>
  • <rp>
  • <rt>
  • <ruby>

Elements not supported by HTML5:

View / hide list of elements

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <s>
  • <strike>
  • <tt>
  • <u>
  • <xmp>

Back to index…

Lorem ipsum

The ipsum of all lorems

A dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip e xea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Back to index…

But this one should have green background

This paragraph is here only to fill space in the DOM And this address too.. So does this paragraph ! But this one should have green background First definition term that should have green background First definition that should have green background Second definition term Second definition Third definition term Third definition Fourth definition term that should have green background Fourth definition that should have green background Fifth definition term Fifth definition Sixth definition term Sixth definition
First definition that should have green background
Second definition term
Second definition
Third definition term
Third definition
Fourth definition term that should have green background
Fourth definition that should have green background
Fifth definition term
Fifth definition
Sixth definition term
Sixth definition

text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text.

This very long paragraph should have a big first letter T with a green background. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text.

( ||| || ). | |||| || |||| ( ||| |||||| || || |||| ||| | |||| ( ||| || ). | |||| | || |||| ( |||||| ||| | || |||| ||| || |||| | | ||| || || |||| || || || || || || ||

In his famous 1908 essay, ‘Ornament and Crime,’ modern architect Adolf Loos wrote: The evolution of culture marches with the elimination of ornament from useful objects. This pronouncement banished many of the frilly, decorative fonts of

Dogmgeat_metro

centuries past from the realm of High Design. Fast forward to the present day: Web 3.0 is awash in enough sleek sans serif and classic roman typefaces to make designers long for the typographic indulgences of yesteryear.

Wood Type and Display Fonts This distressed, wood-type-inspired font has the shabby charm of an old sideshow banner. Equal parts macabre and cheeky, it is appropriate for graphics ranging from the irreverent to the horrific.Carn in 45 Outstanding Free Vintage Fonts
Circus Ornate

Dieter Steffmann’s Circus Ornate captures the spirit of classic circus graphics, but still stands on its own as an ornamental, boisterous display font.

Circusornate in 45 Outstanding Free Vintage Fonts
Coffee Tin (similar to the Rosewood font) Inspired by fonts like Rosewood and Ponderosa, which are modeled after the display fonts of the late 18th century, Coffee Tin reinterprets old-fashioned advertising graphics with contemporary clarity.
Coffeetin in 45 Outstanding Free Vintage Fonts
Dirty Ames This is another beautiful distressed font that draws inspiration from 19th century display types. The Typeology foundry based this font and its name on an 1884 typeface by D.T. Ames.
Dirtyames in 45 Outstanding Free Vintage Fonts
Egyptienne Another antique beauty by Dieter Steffmann, Egyptienne Zierinitialen turns two-dimensional letters into florid three-dimensional sculptures.
Egyptienne in 45 Outstanding Free Vintage Fonts
JF Ringmaster A vintage beauty by Jester Font Studio.
Jfring in 45 Outstanding Free Vintage Fonts
Nasty Nasty is Eduardo Recife’s dilapidated “remix” of the Extra Ornamental typeface created by House of Lime. It comes in two styles: Recife suggests mixing them, too.
Nasty in 45 Outstanding Free Vintage Fonts
Showboat Shareware designer, David Rakowski, designed this font in 1991. 17 years later, its balance of monumentality and delicacy makes it a blast from the past that looks memorable in the present.
Showboat in 45 Outstanding Free Vintage Fonts
Tuscan Rick Mueller’s Tuscan is one of his many vintage-inspired fonts, though its combination of sinuous contours and ample weight makes it memorable. This font has the flair of an antique display face without the fuss.
Tuscan in 45 Outstanding Free Vintage Fonts
Fusty Saddle Inspired by Sideshow, from Harold’s Fonts, Fusty Saddle is a hand-drawn, Wild West-inspired font made digital. Bittbox not only provides you with a font but a definition: “fusty,” according to their site, means “old-fashioned in attitude and style.”
Fustysaddle in 45 Outstanding Free Vintage Fonts
Nashville This digital adaptation of wood-type, with a Wild West twang, was designed by Matthew Austin Petty of Disturbed Type. Like a cowboy’s stubble, rough edges and scruffy surfaces make this font a more masculine antique.
Nashville in 45 Outstanding Free Vintage Fonts
Azteak From the independent digital type foundry, Fountain, Azteak combines traces of the past with dreams from the future. Underneath this font’s embellishments are mechanical footprints, adding a hint of steampunk.
Azteak in 45 Outstanding Free Vintage Fonts
AngeGardien The name of this font is derived from the French for “guardian angel,” and its capital letters are indeed guarded by winged figures. AngeGardien’s combination of daintiness and strength, shared with other great vintage typefaces, might be what makes it worthy of protection.
Bujardet in 45 Outstanding Free Vintage Fonts

Antique and Renaissance Fonts

Caslon Antique Caslon Antique is what an original, 18th century Caslon type might look like now: a little worn around the edges, but no less steadfast. This interpretation of the classic Caslon serif adds age and wisdom to a text without sacrificing legibility.
Caslonantique in 45 Outstanding Free Vintage Fonts
Dominican Another decayed antique face with loads of personality, Dominican is inspired by the time-battered beauty of antiquarian books.
Dominican in 45 Outstanding Free Vintage Fonts
Old Dog New Tricks An unusual all-caps font, Old Dog New Tricks dips below the baseline to add interest to an otherwise classic serif. Its combination of Deco and antiquarian influence may make its pedigree murky, but remix culture dictates that the offspring of unexpected unions can create truly singular forms.
Olddognewtricks in 45 Outstanding Free Vintage Fonts
Cardo Designed by David J. Perry in 2003, Cardo was created for scholarly use in classical and medieval languages. The slight angularity of this font recalls manuscripts and stone inscriptions alike.
Cardo in 45 Outstanding Free Vintage Fonts

Blackletter and Calligraphic Fonts

Faith Collapsing The shaky baseline and faded letters might make it seem disorderly, but this font is strong enough to support any layout that is incorrigible enough to merit it.
Faithcollapsing in 45 Outstanding Free Vintage Fonts
Kraut Type-A-F**k Based on the title typeface for P.T. Anderson’s 2007 film, this font demonstrates the effect that the Wild West can have on a traditional blackletter.
Kraut in 45 Outstanding Free Vintage Fonts
Olde English The Olde English typeface is an interesting example of how a typeface, despite its associations in one time and place, can easily become affiliated with another. Though its forms are inspired by medieval German blackletter types, Olde English is actually named for the Old English language-which was printed in Insular script.
Oldeenglish in 45 Outstanding Free Vintage Fonts
Alte Schwabacher The Schwabacher typeface got its name from the German village of Schwabach, and its appearance from manuscript calligraphy. Though it was used only occasionally in Germany after the 16th century, its legacy is central to the history of the printed book.
Ulteschawabacher in 45 Outstanding Free Vintage Fonts
Fette Fraktur Fraktur was used extensively in German printing up through the 20th century, and comes in many variations. Fette Fraktur is a heavy, relaxed version that manages to be legible to the Antiqua-trained eye without losing its distinctive appearance.
Fettefraktur in 45 Outstanding Free Vintage Fonts
FLW Script This font was designed to induce nostalgia for the early years of baseball, when stadiums were still named after neighborhoods and people. In the spirit of vintage baseball jerseys, this script is as jaunty as it is rugged.
Flwscript in 45 Outstanding Free Vintage Fonts
Wrexham Script Wrexham Script is a more condensed and angular sports-inspired font with a vintage flair.
Wrexham in 45 Outstanding Free Vintage Fonts
ALS Script With the abundance of handwriting fonts available on the web, it can be easy to forget that the simple script typeface has its precedents in centuries of practiced and often professional penmanship. ALS Script, with its balance and elegance, is a font worthy of this heritage: its forms recall the official handwriting of the 18th and 19th centuries.
Alsscript in 45 Outstanding Free Vintage Fonts
Adine Kirnberg Despite Loos’ warnings against ornament, the decorative curlicues of Adine Kirnberg do not disrupt its readability or its effectiveness. This well-designed cursive, with its delicate hint of the antique, is not mere wedding-invitation fare.
Adinekirnberg in 45 Outstanding Free Vintage Fonts
Ecolier This upright cursive is as architectural as it is ornate. The Deco-tinged contours of Ecolier seem to draw their inspiration from the delicate curves of calligraphy as well as the towering forms of modern engineering.
Ecolier in 45 Outstanding Free Vintage Fonts
Olho de Boi According to designer Billy Argel, Olho de Boi is a font inspired by the first Brazilian postage stamp released on August 1, 1843. The idiosyncratic scratches and loops make this script seem to come straight out of old letters.
Olhodeboi in 45 Outstanding Free Vintage Fonts
Treasure Map Deadhand There may only be one International Talk Like A Pirate Day, but why not write like a pirate every other day? This font is aptly named: the pirate-inspired scrawl resembles the waterlogged italics of a lost treasure map.
Treasuremapdeadhand in 45 Outstanding Free Vintage Fonts

Nouveau and Deco Fonts

Fletcher Gothic From Casady & Greene, Fletcher Gothic is an Art Nouveau font with clean lines and striking details: use it to bring turn-of the-century style to this century’s graphics.
Fletchergothic in 45 Outstanding Free Vintage Fonts
Hadley The curvilinear forms of this font recall the plant-like contours of Art Nouveau. Hadley brings an organic quality to text that allows it to refer to the past without losing its contemporary relevance.
Hadley in 45 Outstanding Free Vintage Fonts
Secesja If Alphonse Mucha had designed a font, Secesja might be it. Sinuous serifs and spiraling ornaments make the letterforms burst with life.
Secesja in 45 Outstanding Free Vintage Fonts
Trinigan In the early 1900s, Charles Dana Gibson’s pen and ink drawings of corseted women with bouffant hairstyles came to be known as “Gibson Girls.” Trinigan, with its undulating arms and hourglass stems, revives this classic figure in typographic form.
Trinigan in 45 Outstanding Free Vintage Fonts
Parisian George Williams’ Parisian font at once evokes a sidewalk café, a theater marquee, and the hushed crackle of a phonograph.
Parisian in 45 Outstanding Free Vintage Fonts
Michelle FLF The geometric winding of this all-caps font almost resembles musical notation. Still, Michelle’s typographic potential is clearly not limited to ragtime and jazz.
Michelle in 45 Outstanding Free Vintage Fonts
Bodoni Ultra Though there are many modern revivals of Bodoni’s orginal typeface that align it more readily with Times New Roman than times past, Bodoni Ultra is a striking exception. The dramatic alternation between thick and thin strokes echoes Chauncey H. Griffith’s 1929 Bodoni Poster typeface, used widely in popular print media.
Bodoniultra in 45 Outstanding Free Vintage Fonts
Sesame Jugend magazine, the publication that helped launch the German Art Nouveau movement (“Jugendstil”), was a trendsetter when it came to the graphic and decorative arts of the late 19th century. Sesame is a font in the spirit of a Jugend cover: lavish, distinctive, and eccentric.
Sesame in 45 Outstanding Free Vintage Fonts
Conga Line Betty Boop meets Broadway in a Conga Line: the 1930s charm of this font comes from its blend of cartoonish bounce and cinematic monumentality.
Congaline in 45 Outstanding Free Vintage Fonts
Tall Deco Another architectural font, Tall Deco suggests the glass and ironwork of modern skyscrapers.
Talldeco in 45 Outstanding Free Vintage Fonts

Modern and Avant Garde Fonts

Engimatic Enigmatic and Waukegan echo the softened rectangular shapes of Bell Gothic, a typeface ommissioned by AT&T in the 1930s for use in telephone directories. Bell Gothic was and is a highly recognizable typeface that has been used for avant garde as well as popular graphics.
Enigmatic in 45 Outstanding Free Vintage Fonts
Waukegan in 45 Outstanding Free Vintage Fonts
akaChen (in the spirit of Clarendon) This font bears a marked resemblance to the Clarendon typeface, which was first designed in the mid-19th century and has been used frequently in display work.
Akachen in 45 Outstanding Free Vintage Fonts
Pardoes (echoes De Stijl typefaces) Reminiscent of De Stijl artwork of the 1920s, such as the paintings of Piet Mondrain, Pardoes is abstract and geometric without being illegible.
Pardoes in 45 Outstanding Free Vintage Fonts
Agit Prop A font in the spirit of Soviet Constructivism, Agit Prop is intended to convey the graphic essence of Bolshevist agitation and propaganda. Whether or not you agree with the politics behind the design, it’s difficult to deny this font’s stark and monumental beauty.
Agitprop in 45 Outstanding Free Vintage Fonts

Further Resources

*******

“The evolution of culture marches with the elimination of ornament from useful objects”

|| ( ||| || ). | ( ||| || ). | || ). | || |||| |||||| || || | ( ||| || ). | || |||| || |||||| |||| || |||| |||||| ( ||| || ). | | ?| || || | | |||| || |||| || |||| |||||| || || | || |||| || ( ||| || ). | |||| || |||| ( ||| |||||| || || |||| ||| | |||| ( ||| || ). | |||| | || |||| ( |||||| ||| | || |||| ||| ******* Dogmeat

Parisian.ttf

5 Comments

RandyMoon

RandyMoon October 7, 2008

Love this simple yet creative style!

kennan_lee March 22, 2009

good

reagan1 September 29, 2009

Matches our party theme perfectly!

daynion

daynion May 27, 2010

i like this one. its simple, and cute

rocky1 May 28, 2010

I love this one!

In his famous 1908 essay, ‘Ornament and Crime,’ modern architect Adolf Loos wrote: The evolution of culture marches with the elimination of ornament from useful objects. This pronouncement banished many of the frilly, decorative fonts of centuries past from the realm of High Design. Fast forward to …»See Ya

text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text.

::first-letter pseudo-element (ID #39) 2005-09-17 1.2

This very long ::first-letter pseudo-element (ID #39) 2005-09-17 1.2 should have a big first letter T with a green background. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text.

HTML5 block link tests

Software used

  • JAWS 12
  • NVDA 2011
  • Window Eyes 7.2
  • VoicOver
  • Mac OSX 10.6.7
  • Windows Vista
  • Firefox 4.01 (Windows)
  • Internet Explorer 9 (Windows)
  • Safari 5 (Mac)
  • Chrome 12 (Mac)

Note: testing was conducted using several browsers of each platform, no discernible difference between combinations of AT and browser was found.

test cases

block level element only

paragraph element

block level element and inline text

paragraph element

and some text

text with line breaks

image only with alt text

image only

text and image with alt text

text and image with null alt text (alt=””)

Results

test cases JAWS 12 NVDA Window eyes 7.2 VoiceOver
block level element only link text link text link text link text
block level element and inline text When using the link shortcut keys, or cursoring by line: text inside and outside of paragraph treated as seperate links. When cursoring by line: text inside and outside of paragraph treated as seperate links. Text inside and outside of paragraph treated as seperate link. Repeats text
text with a line break link text When cursoring by line: each line is treated as a seperate link. link text Repeats text
image only with alt text link text link text link text link text
text and image with alt text link text link text link text Repeats text
text and image with null alt text (alt=””) link text link text link text link text

Author: steve faulkner The Paciello Group
contact: sfaulkner@paciellogroup.com

Creative Commons License
This work is licenced under a Creative Commons Licence.

last modified 18/06/2011

This paragraph is here only to fill space in the DOM
And this address too..
So does this paragraph !
But this one should have green background
This paragraph is here only to fill space in the DOM And this address too.. So does this paragraph ! But this one should have green background First definition term that should have green background First definition that should have green background Second definition term Second definition Third definition term Third definition Fourth definition term that should have green background Fourth definition that should have green background Fifth definition term Fifth definition Sixth definition term Sixth definition
First definition that should have green background
Second definition term
Second definition
This line should be green. CSS 3 Module W3C Selectors 53 of 172 Testing Date Revision
Third definition
Fourth definition term that should have green background
Fourth definition that should have green background
Fifth definition term
Fifth definition
Sixth definition term
Sixth definition
This very long paragraph should have a big first letter T with a green background. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text.

text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy …» more Dogmeat

HEY LOOK! IT’S THE FIRST VALID HTML5/CSS3 Inline Template, thanks to Premailer and NoCSSterous, ‘the Blog that strips everything!’ home This is the global

element for this page, including the

and elements. Section header This line should be green. This line should be green. C …http://whatgetsmehot.posterous.com/first-valid-html5css3-inline-template-thanks» more

Leave a comment

p::before Dummy Friday

text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text.

::first-letter pseudo-element (ID #39) 2005-09-17 1.2

This very long ::first-letter pseudo-element (ID #39) 2005-09-17 1.2 should have a big first letter T with a green background. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy

This paragraph is here only to fill space in the DOM

And this address too..

So does this paragraph !

But this one should have green background

This paragraph is here only to fill space in the DOM And this address too.. So does this paragraph ! But this one should have green background First definition term that should have green background First definition that should have green background Second definition term Second definition Third definition term Third definition Fourth definition term that should have green background Fourth definition that should have green background Fifth definition term Fifth definition Sixth definition term Sixth definition
First definition that should have green background
Second definition term
Second definition
This line should be green. CSS 3 Module W3C Selectors 53 of 172 Testing Date Revision
Third definition
Fourth definition term that should have green background
Fourth definition that should have green background
Fifth definition term
Fifth definition
Sixth definition term
Sixth definition

This very long paragraph should have a big first letter T with a green background. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text.

text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy …http://whatgetsmehot.posterous.com/pbefore-dummy-friday» more

Leave a comment