Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
zinas committed May 11, 2014
1 parent e6855fe commit 3745a98
Showing 1 changed file with 32 additions and 5 deletions.
37 changes: 32 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,20 +6,47 @@ And then, there are people who take all those efforts and use them to bring chao

Ever worked in the 90s? What is your opinion about blinking text, obstrusive popups welcoming you to the page or snappy under construction animated images? If you miss those times and you wish that you could use all those cool and awesome tools today, but you don't know how, <b>The 90s Polyfil</b> is exactly what you need!

###The bitter truth
##The bitter truth
The truth is, that there are no maniacs, trying religiously to bring the 90s web into our lives again. The 90s Polyfil is not about that. It's about providing fun and simple examples for those who want to start working with Web Components, but while trying, they face problems and can't find more information. Each of the Web Components here, shows something different that you can do.

Exactly because this is not meant to be used in any real website, all elements created are meant to work only on the latest Chrome, with the HTML Imports enabled (it's a flag), and they use no polyfil.

###Custom Elements
##### 90s Welcome
##Custom Elements
### 90s Welcome
A very simple custom element. Anything you put inside the element, becomes an alert box.
<b>Things that you can learn by reading the code</b>

####Things that you can learn by reading the code
- How do you register a custom element
- How do you use html imports
- How do you cope with unstyled content, while the element is being registered?
- How do you use the equivalent of the "onload" event.
<b>Usage</b>

####Usage
```html
<nineties-welcome>Hello there, Nikos!</nineties-welcome>
```

### 90s Under Construction
Show an "Under Construction" animated icon, along with some custom text.

####Things that you can learn by reading the code
- Everything included in the 90s Welcome element
- How to render content from a template
- How to access elements inside an imported document
- How to write styles specific for a template's contents
- How to add nodes in the Shadow DOM

####Usage
```html
<nineties-under-construction>This page is under construction!</nineties-under-construction>
```

### 90s Spacer
_Not implemented yet_

### 90s Blink
_Not implemented yet_

### 90s Marquee
_Not implemented yet_

0 comments on commit 3745a98

Please sign in to comment.