Archiwa kategorii: CSS

shine.js – skrypt który rzuci trochę cienia na sprawę

shine.js

Fajniusi skrypcik który doda trochę bajeru do waszych stronek WWW. Dzięki niemu stworzymy ma obiektach HTML efekt padania cienia. Jednak przeciwieństwie do zwykłego efektu cienia zrobionego w CSS3, nasz cień będzie padał przeciwnie do poruszanej myszy. To tak jak by mysz była źródłem światła i przedmioty, które stoją na drodze padania światła dają cień z tyłu. Jak zobaczycie demo, to z boku jest mały panel przy pomocy którego można zmieniać różne rzeczy. Fajniutkie :)

link: http://bigspaceship.github.io/shine.js/

UIKit – rewelacyjny framework CSS

uikit

Jak za pewnie zauważyliście zmienił się wygład strony. Jest teraz dużo ładniejszy i czytelniejszy. Interfejs został napisane na podstawie frameworka CSS  UIKit.  Jest to naprawdę elegancko napisany framework, który umożliwia  zastosowanie go praktycznie w każdej sytuacji. Oczywiście framework jest responsywny, co znaczy że można tworzyć interfejsy na urządzenia mobilne i robi się to naprawdę w prosty sposób. Style po załączeniu nie zmieniają wyglądu strony ani poszczególnych elementów. Robi się to dopiero po przypisywaniu znacznikom odpowiednich class. Na uwagę zasługuje również pokaźna kolekcja ikon których możemy zmieniać wielkość i kolor. UIKit oprócz CSS ma również wiele komponentów JavaScript np przycisk file, animowane menu, tolltip, okno modalne i wiele innych. Na stronie skryptu znajduje się również narzędzie do zmiany kolorystyki dzięki któremu możemy zmienić sobie kolor poszczególnych komponentów i pobrać zmodyfikowany framework pliki.

 

Dla tych co nie abla:

Framework CSS to taki szkielet w postaci gotowych schematów stylów CSS dzięki którym szybciej i łatwiej można tworzyć interfejsy. Początkowo może trudno się z niego korzysta bo trzeba się odpowiednio nastawić, ale warto bo potem można sobie zaoszczędzić sporo pracy.

http://getuikit.com/docs/components.html

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