Archiwa tagu: css3

GroundworkCSS – Framework CSS na desktopy i mobile

GroundworkCSS

Elegancki i dobrze zaprojektowany framework CSS. Za jego pomocą nie bawiąc się zbytnio w pisanie CSS zbudujecie stronę wyświetlającą się poprawnie na wszystkich rodzajach urządzeń. Framework potrafi tworzyć elastycznego grida (szkielet) ustawiający poszczególne elementy w zależności od uradzenia. Można ustalić że niektóre elementy wyświetlają się na przykład tylko na tabletach a inne tylko na komputerach stacjonarnych. Dodatkowo framework posiada pomocne funkcje przy pisaniu skryptów JS, na przykład tooltipów czy przesuwanych galerii. GroundworkCSS zawiera również bogatą bibliotekę ikon. Na koniec dodam że jak niektórzy pewnie zauważyli strona zmieniła wygląd i nowy szablon został zbudowany właśnie na framoworku GroundworkCSS.

 

link: http://groundwork.sidereel.com/home

Pada śnieg, pada śnieg, dzwonią dzwonki sań…

snow

Za oknem w Warszawie śnieg, a właściwie to co z niego zostało czyli nic :) No ale jakby komuś śniegu brakowało, polecam bardzo ciekawy tutorial. Pokazuje on jak stworzyć padający śnieg na stronie WWW. Skrypt opiera się o warstwy przesuwane za pomocą animacji w CSS3, tak więc stare przeglądarki mogą sobie z tym nie radzić.

Demo: http://designshack.net/tutorialexamples/letitsnow/index.html
Licencja: Darmowa

KeyBoarder – skrypt do prezentacji przycisków klawiatury – CSS

KeyBoarder

Prosty skrypt za pomocą którego będziemy mogli prezentować klawisze klawiatury. Dokładnie mówiąc wystarczy użyć odpowiednich class, aby nasz znacznik przypominał przycisk klawiatury. Mamy do dyspozycji kilka stylów do wyboru. Dodatkowo możemy użyć „pusików” i w ten sposób prezentować skróty klawiszowe do jakiś programów. Paczka oprócz stylów zawiera skrypt JavaScript, dzięki któremu możemy sprawdzać kod danego przycisku.

Demo: http://metgate.org/KeyBoarder/
Github: https://github.com/lsauer/keyboarder
Licencja: MIT

CSSPrefixer – aplikacja webowa do poprawy kodu CSS3

cssprefixer css3

Aplikacja webowa, która poprawia kod CSS, tak aby był poprawnie wyświetlany na wszystkich przeglądarkach.  CSSPrefixer sprawdza kod CSS i przepisuje niektóre style uzupełniając je o odpowiednie przedrostki. Chodzi oczywiście  o style wchodzące w skład CSS3, które nie są jeszcze obowiązującym standardem, dlatego niektóre przeglądarki korzystają ze swoich przedrostków do ich obsługi.

 

cssprefixer css3

link: http://cssprefixer.appspot.com/

CSS3 Generator – aplikacja web do generowania CSS3, również w IE

css3 generator

Świetnie zaprojektowana i zrobiona aplikacja do generowania kodu CSS3. Intuicyjny interfejs, przyciski i suwaki pozwolą nam szybko wygenerować żądany kod. W aplikacji możemy ustawić grubość ramki jego kolor oraz kolor tła. Możemy ustawiać zaokrąglenia rogów, rzucać cienie, ustalać gradienty oraz przezroczystość.  Z prawej strony możemy na bieżąco śledzić docelowy wygląd. Dodatkową zaletą aplikacji jest to, że umożliwia wygenerowanie kodu dla IE.

css3 generator

 

Link: http://www.thisiserichoffman.com/css3-generator/