Noen ressurser

KBleivik
Site Admin
Innlegg: 30
Registrert: fre mar 29, 2013 7:52 pm

Noen ressurser

Legg innav KBleivik » fre mar 29, 2013 9:55 pm

1. Hjemmeside

http://www.modernizr.com/

Relatert JS bibliotek: http://yepnopejs.com/ som kan inkluderes i modernizr ved å hake av for det under tilpasningen ved nedlastingen av modernizr. Så du trenger ikke laste ned yepnode som et separat bibliotek om det da ikke er slik at du kan få siste versjon ved å laste ned bibilotektet separat. Personlig laster jeg ned en skreddersydd versjon av modernizr som du ser ved å sturder hodet av kildekoden på denne http://www.dinitside.no/ siten, nemlig slik:

Kode: Velg alt

<html class="no-js" lang="no" manifest="cache.manifest">
<head>
        <meta charset="utf-8">
        <script src="http://www.forumnorway.com/javascript/modernizr.custom.js"></script>


Merk at class="no-js" må være med på HTML taggen. Det skal sikre "graceful degradation" for de som ikke har aktivert JavaScript.

What does this have to do with Modernizr? ( or What is Modernizr.load ? )

Currently yepnope is being included in special builds of Modernizr, because it's such a good companion to a feature testing library. The output of Modernizr is a fantastic input to yepnope. Yepnope is currently included unmodified from its original state, but is also aliased as Modernizr.load - you can use the two interchangeably, though we suggest that you stick to one or the other.


Et enkelt eksempel fra Yepnode Guide (bla nedover på siden).

In the following example, assume your browser does not support geolocation (and the 'nope' array is what gets loaded):

Kode: Velg alt

yepnope({
  test: Modernizr.geolocation,
  yep: 'regular-styles.css',
  nope: ['modified-styles.css', 'geolocation-polyfill.js'],
  callback: function (url, result, key) {
    alert(url);
  }
});


This will cause TWO separate alerts to occur. They will each contain the exact string (minus any prefixes, if you add those in the future) of the url that was loaded from the `nope` array.


Du finner flere eksempler lenger nede på siden.

(http://yayquery.com/)

2. Nedlasting

http://www.modernizr.com/download/ Merk at du kan skreddersy ("customize") den funksjonaliteten du trenger.

3. Hvordan bruke modernizr.

http://webdesignernotebook.com/css/how- ... modernizr/

4. Dokumentasjon

http://www.modernizr.com/docs/

5. Nyheter

http://www.modernizr.com/news/

http://www.modernizr.com/news/modernizr-2

6. Ressurser.

http://www.modernizr.com/resources/

7. Litteratur.

http://www.amazon.com/HTML5-Games-Creat ... 119975085/

http://www.sitepoint.com/books/htmlcss1/

http://www.sitepoint.com/books/mobile1/

Gå tilbake til «modernizr»

Hvem er online

Brukere i dette forumet: Ingen registrerte brukere og 1 gjest