<autoreklama>
Rewolucyjne Witryny Internetowe tani CMS szablony dla stron www retusz zdjec
</autoreklama>

Archiwum z Czerwiec 2011

Kartki CSS3

piątek, 24 Czerwiec 2011

To taki dodatek do poprzedniego wpisu – bo w tym samym temacie znalazłem podobny materiałs. Oto Pure CSS3 Frame Boxes, czyli świetnie wykonane projekty kartek pojedyńczych lub wielu, z zawiniętymi rogami, przyklejonych w różnych miejscach taśmą, itd. Efekt robi wrażenie, szczególnie gdy uświadomisz sobie, że te grafiki zostały w całości wygenerowane w CSS3… BTW. Czy jest już jakiś wizualny edytor grafiki, który efekt zapisuje w kodzie CSS? :)

Efektowne cienie warstw w CSS

sobota, 18 Czerwiec 2011

Nowy CSS umożliwia dodanie każdej warstwie cienia – wewnętrznego lub zewnętrznego, o określonym rozmiarze, natężeniu, kolorze i przesunięciu. Ale już przy minimalnej wyobraźni i stosunkowo niewielkich modyfikacjach w samym kodzie CSS – możemy uzyskać o wiele bardziej efektowne efekty cieni. Udowodnił to w swoim blogu Nicolas Gallagher, opisując dokładnie (acz po angielsku) tworzenie takich wypaśnych cieni i serwując smakowity przykład.

Layer Styles

czwartek, 16 Czerwiec 2011

Oszukałem Was – przepraszam.

Ale bezwiednie. :) Bo pisząc notkę o Ultimate CSS Gradient Generator (dwie notki niżej) jako o rewelacyjnym narzędzi do tworzenia gradientów css, nie wiedziałem o webaplikacji Layer Styles more info here.

A Layer Styles potrafi o wiele więcej – możesz edytować cień zewnętrzny i wewnętrzny, gradient tła, obwiednię i zakrzywienie rogów. To wszystko ze wszystkimi możliwymi opcjami, z podglądem w czasie rzeczywistym, i w megawygodnej formie przesuwalnego okna efektów, takiego samego jak w Photoshopie. I to jest naprawdę rewelacja. Wygoda, intuicja, szybkość działania. Tego szukamy. :)

Silk – zabawka, czy generator grafiki?

poniedziałek, 13 Czerwiec 2011

Wpadłem ostatnio na webaplikację „Silk”, dzięki której można kilkoma kliknięciami i pociągnięciami myszy wygenerować efektowną, kolorową grafikę. Grafika „rysuje się” w ciekawy sposób, podczas której istnieje możliwość sterowania wiatrem (shift+ruchy myszką) a efekt możemy zapisać. Można też powtórzyć animację. Zabawa przednia, przynajmniej na kilka minut. Lubię takie interaktywne dema, pokazują one moc komputerów i Internetu jako narzędzi.

Jednak zastanawiam się, czy grafik wygenerowanych za pomocą „Silka” nie użyć przy projektowaniu stron. A jak wygląda sprawa praw autorskich? Co prawda pierwszą kreskę narysowałem ja, ale resztę wykonał algorytm, który zaprojektował twórca narzędzia. Tak czy owak – rzecz ciekawa przynajmniej do obejrzenia.

O mnie

poniedziałek, 13 Czerwiec 2011

« Powróć do strony głównej bloga

 

Kim jestem?

Staram się być człowiekiem. Lubię tworzyć grafikę, muzykę, wspinać się i gotować, ale miewam wiele mniejszych lub większych słomozapłonów i fascynacji – lubię też setki innych rzeczy. Często przedkładam styl i wygląd nad pragmatykę. Czasem łapie mnie lenistwo, ale staram się pracować nad samym sobą. Lubię książki i pomidory. :) Z wykształcenia jestem chemikiem. Mieszkam w niewielkiej, gorącej miejscowości w Lubuskim. Od niedawna jestem mężem. :)

 

Czym się zajmuję?

Lubię muzykę. Jazz, funk, ska, reggae. Gram na gitarze w zielonogórskim zespole ONL. Popełniłem kiedyś także dwa całkowicie autorskie, ale też całkowicie amatorskie, utwory (o wątpliwej jakości i wartości artystycznej ale jestem z nich dumny) Flying in time (mp3), Klima (mp3) .

Jestem grafikiem/webdesignerem. Pracuję jako webmaster w firmie RevolWEB. W wolnym czasie tworzę i prowadzę inne projekty internetowe, rozwijam też swoje strony.

 

Jeśli chcesz ze mną współpracować lub skorzystać z mojej pomocy – napisz do mnie: piotr.sadowski@revolweb.pl. Odpowiem na każdą sensowną wiadomość w ciągu doby.

Rewelacyjny generator gradientów CSS

sobota, 11 Czerwiec 2011

Jak wiadomo, tworzenie zaawansowanych gradientów „z palca” nie jest łatwe. Dlatego szukałem dobrego generatora. I w końcu znalazłem czego szukałem.

Webnarzędzie do generowania różnorakich gradientów kolorystycznych dla elementów CSS3, ze wszystkimi przydatnymi opcjami i bajerami. Intuicyjne, łatwe w obsłudze, szybkie i skuteczne. Oparte na rozwiązaniach GUI znanych z programów graficznych. Generujące w czasie rzeczywistym kod CSS kompatybilny ze wszystkimi nowoczesnymi przeglądarkami. Umiejące także importować gradient z kodu CSS, a nawet z obrazka. No i posiadające zbiór predefiniowanych  gradientów – rewelacja. Są tam także gradienty z efektem szkła, odbić, gładkie delikatne przejścia kolorystyczne (trudne do uzyskania i „wyczucia”) itp. cuda. Można także zapisać swoje gradienty.

Zdecydowanie przyda się każdemu tworzącemu nowoczesne strony WWW.

Ale o czym mowa? O narzędziu Ultimate CSS Gradient Generator. Polecam.

Nietypowe kształty w CSS

piątek, 10 Czerwiec 2011

Nowa generacja języka CSS daje nam bardzo dużo możliwości – między innymi generowanie różnych kształtów boksów za pomocą jedynie kodu CSS. Możliwości jest naprawdę wiele – od prostokątów, rombów, równoległoboków, poprzez koła, elipsy, różnorakie trójkąty, wielokąty, gwiazdy, do kształtu kropli, symbolu nieskończoności lub innych (nawet wymyślnych) kształtów.

Dzięki tym (i innym nowym) możliwościom nowego CSS (i HTML5) – tworzenie stron staje się bardziej programowaniem niż projektowaniem. Ale to temat na inny wpis :)

Wracając do tematu: Jak na razie znalazłem dwa miejsca gdzie opisane są przykłady tworzenia nietypowych kształtów. Jedno z nich to odpowiednia sekcja niezawodnego kursu HTML  i CSS Pawła Wimmera. Drugie źródło, o nieco innej formie i podejściu – to The Shapes of CSS – Wpis na stronie css-tricks.com. Treść obu tych źródeł każdy szanujący się webmajster powinien sobie przyswoić w stopniu znacznym. ;)