Archiwa tagu: css3

3D Ribbon Generator – generator wstążek w CSS3

3D Ribbon Generator

3D Ribbon Generator to aplikacja webowa pozwalająca na generowanie ciekawych nagłówków, działów itp. w formie wstążki. Kod generowany jest w CSS3, tak więc będzie on lepiej odczytywany przez wyszukiwarki. Aplikacja ma zdefiniowane cztery rodzaje wstążek,  jednak możemy modyfikować dowolnie parametry oraz kolory. Możemy również dodać cienie do wstążki. Kod działa na wszystkich popularnych przeglądarkach, na IE działa od wersji 7.

 

3D Ribbon Generator

 

Link: http://www.css3d.net/ribbon-generator/

CSSWarp – generator krzywego tekstu w CSS3

CSS Warp

Dzięki generatorowi CSSWarp możemy tworzyć tekst ułożony na prowadnicy. Prowadnice można dowolnie modyfikować i wykrzywiać. Możemy również wybrać niestandardową czcionkę która jest pobierana z usługi Google Fonts (@font-face). CSSWrap generuje następnie kod, który można umieścić na własnej stronie. Co najważniejsze generator działa nawet na IE9 to dobry znak, ponieważ wcześniej wydawało mi się że tworzenie krzywionych elementów nie było możliwe w IE9.

 

CSS Warp

 

Link: http://csswarp.eleqtriq.com/

Super nowoczesne kontrolki w CSS3 i HTML5

boxtuffs CSS3 HTML5

Kolekcja sześciu kontrolek zaprojektowany przy użyciu css3 i HTML5. Mamy do dyspozycji komponent do wyszukiwania, przełącznik, przycisk download, wybieranie, albumu, notatnik. Nie we wszystkich komponenty są wbudowane formy, które odbierają dane, trzeba je samemu zaprogramować. Niestety komponenty nie działają na IE, nawet na najnowsze IE9 Beta.

boxtuffs CSS3 HTML5

Link: http://boxtuffs.com/
Licencja: Darmowe

Jak zrobić gradient w IE – dwa generatory

css3-Generator-2

Gradient zawsze sprawia kłopoty w przeglądarce Internet Explorer. IE nie obsługuje go z wykorzystaniem stylów CSS. Aby uzyskać gradient w IE możemy to zrobić na dwa sposoby. Pierwszy trudniejszy, polega na użyciu filtrów dostępnych tylko w IE. Drugi łatwiejszy sposób to użyć wcześniej przygotowanego tła. Bez względu na to jakiego sposobu użyjemy, możemy skorzystać z dwóch generatorów, które pomagają nam wygenerować gradient dla IE, właśnie z wykorzystaniem tych metod, omawianych wyżej.

css3-Generator

css3-Generator-2

Ultimate CSS Gradient Generator (filtry IE)
Link: http://www.colorzilla.com/gradient-editor/

CSS gradient generator
Link: http://www.display-inline.fr/projects/css-gradient/

CSS3 menu – Darmowa aplikacja do generowania menu w CSS3

css3menu

Bardzo ciekawa aplikacja, dzięki której będziemy mogli wygenerować memu na naszą stronę. Program daje możliwość dowolnego zagnieżdżania pozycji w menu. Do wyboru mamy kilkanaście rodzai szablonów w stylu MAC i Android. W każdym szablonie możemy zmieniać kolory, wielkość i rodzaj czcionek, zaokrąglenia rogów. Każde z menu widać dobrze na wszystkich przeglądarkach. Na koniec warto wspomnieć, że kod memu nie zawiera kodu JavaScript., wszystko działa w oparciu o kod CSS3 i zdjęcia tła.  Program dostępny jest na systemach operacyjnych Windows i MAC za darmo.

css3menu

Wymagania: Windows lub MAC
Link: http://www.css3menu.com

BonBon – Słodziutkie przyciski w CSS3

bonbon css3

„Wszyscy lubią moje cukierasy” – mówił Czesio z „Władców Much”. Tych słodkich cukierkowych przycisków, też nie da się nie lubić. Przysieki wykonane są z użyciem stylów CSS3, bez użycia jakichkolwiek obrazków. Jenak tak to jest z CSS3, że Internet Explorer na razie nie wyświetla ich w ogóle. Zobaczymy jak to będzie w następnej odsłonie IE9 beta 15 września.

bonbon css3

Wymagania: CSS3, HTLM5
Link: http://lab.simurai.com/css/buttons/
Download: http://lab.simurai.com/css/buttons/download/bonbon_buttons.zip
Licencja: Darmowa

CSS3 dla IE plik – pliki *.htc

css3 dla IE

Powszechnie wiadomo że internet explorer nie jest najlepszą przeglądarka na świcie. Nie zmienia to jednak faktu że jest najpowszechniej używaną. No ale monopol robi swoje. Jedną z wad przeglądarki IE jest to że nie obsługuje stylów CSS3. Style w wersji trzeciej nie są jeszcze standardem, ale widać duży nacisk na ich używanie. Z tego względu większość przeglądarek zaimplementowała obsługę CSS3. Dziki temu możemy tworzyć zaokrąglenia rogów oraz cienie na obiektach. W IE można uzyskać taki efekt korzystając z filtrów VML. Na stronie, którego link znajduje się na dole znajduje się się skrypt z rozszerzeniem .htc. Zawiera on kod napisany w JavaScript dzięki uruchamia za nas odpowiednie filtry VML. Dzięki temu wystarczy użyć stylów tak samo jak do Firefox, Opery, czy Chrome a na koniec stylów dodać właściwość behavior: url(ie-css3.htc); a jako parametr URL dodać ścieżkę do pliku .htc. Dzięki temu można zaoszczedzić dużo nerwów ze stylami css3. Polecam.

css3 dla IE

Link: http://fetchak.com/ie-css3/