Płynne przewijanie strony.

Jak osiągnąć płynne przewijanie kolejnych sekcji na stronie internetowej? Bardzo prosto - wystarczy użyć prostej metody jQuery, która powoduje,  że po kliknięciu w hiperłącze zawierające odniesienie do pewnego elementu ID strony (#element), zostanie ona płynnie przewinięta we wskazane miejsce.

$(function() {
  $('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top
        }, 1000);
        return false;
      }
    }
  });
});

Przykład można zobaczyć tutaj.

Szablon CSS w stylu Windows 8.

Bardzo ciekawy i dobrze zaprojektowany interfejs CSS w stylu Windows 8. Interfejs CSS to może mało precyzyjne określenie bowiem paczka zawiera również skrypty JS. Aktualnie w sieci  pojawiła się nowa wersja Metro UI CSS, wcześniejsza była bardziej uboższa.  Jako strona internetowa taki interfejs nie jest oryginalny, ale śmiało można by go wykorzystać do budowy np panelu administracyjnego sytemu webowego.

Link: http://metroui.org.ua/
Licencja: darmowa