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

Wpisy otagowane ‘kolory’

Filtrowanie obrazków w locie

środa, 16 Styczeń 2013


CanvasQuery jest biblioteką dla elementu HTML5 ‚Canvas’, która pozwala na stosowanie z jQuery. Umożliwia stosowanie różnych metod manipulacji na grafikach, przeznaczonych co prawda dla developerów gier, ale moze webdesignerzy też coś z tym zrobią… Można na przykład w locie zapodać efekt grafiki z C64 :)

Na stronie CanvasQuery znajdziemy full-wypas rozpiskę, jak stosować tą sztuczkę, gdzie stosować, oraz wdrożenia popularnych efektów.

Fajna sprawa – zerknij na demo, aby się przekonać. ;)

Classic Color

wtorek, 16 Październik 2012

<a href=”http://www official site.classic-color.com”>Kolejna „prosta” witryna, która wiele zyskuje przy przewijaniu… Fajna animacja, w HTML5, CSS3 i JS… W związku z takimi stronami (choć chyba należałoby wymyślić nowe określenie na takie prezentacje multimedialne), bardzo podoba mi się kierunek, w którym podąża sztuka internetowa. :)

Psychologia kolorów

piątek, 18 Maj 2012

Chyba nic więcej tłumaczyć nie trzeba. Świetna infografika, którą w sumie warto wkuć na pamięć. Znalezione na Wykopie.

Neon flames – kolejny generator teł

niedziela, 11 Marzec 2012

Pamiętacie Silk? Była to zabawka/eksperyment – mini aplikacja graficzna, w której można było generować trójwymiarowe półprzezroczyste „materie”. Efektem kilkunastu sekund bezładnego machania myszką jest obrazek wart zastosowania jako tło w dowolnej aplikacji rozrywkowej lub na stronie internetowej … lub jako tło na pulpit.

Otóż teraz mamy do czynienia z podobną zabawką – „Neon Flames” to webaplikacja (btw., napisana w HTML5 przez szwacarskiego programistę, który popełnił wiele innych ciekawych eksperymentów webowych) umożliwiająca stworzenie form graficznych, których wygląd można porównać do widoku galaktyk i mgławic. Wychodzi toto świetnie, a zabawa jest przednia, tym bardziej że do dyspozycji mamy, oprócz kolorów, także inne parametry „pędzla”.

ColorHexa – kolorystyczny kombajn

sobota, 25 Luty 2012

<a href=”http://www check this link right here now.colorhexa.com/”>Narzędzi kolorystycznych w Sieci jest wiele, i na tym blogu ten temat był już poruszany wielokrotnie (jeśli nie wierzysz – przeklikaj się przez powiązane tagi). jednak to narzędzie – ColorHexa – zasługuje na wzmiankę głównie ze względu na swoją przejrzystość i użyteczność. Niby jest to kombajn – można mieszać kolory, palety, generować gradienty i kombinować na wiele innych sposobów. A jednak, mimo mnogości funkcji – aplikacja przedstawia się i działa bardzo funkcjonalnie. Wszystko co potrzebne – jest na swoim miejscu, dostępne wtedy gdy powinno być dostępne. Po prostu witryna napisana w sposób przemyślany i przetestowany. Korzystanie z takich rozwiązań przyspiesza tworzenie twoich projektów, a więc pozwala Ci więcej zarabiać. decydowanie warto porzucić kilka innych narzędzi, dla ColorHexy.

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.

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.

Kolorowe kombinacje

wtorek, 15 Czerwiec 2010

Nie lejąc wody: colorcombos.com to jeden z serwisów zajmujących się schematami kolorystycznymi stron www i publikacji. Posiada bazę schematów, tester kolorów i kikla innych opcji, ale dla mnie najważniejszą jest możliwość „ściągnięcia” schematu kolorystycznego dowolnej strony poprzez podanie jej adresu URL. Nie wiem, jak to działa, ale działa i jest fajne i przydatne. :)

What the Hex?

czwartek, 27 Maj 2010

Oto gra przeznaczona dla niewielu grup zawodowych, w tym głównie dla webdesignerów, webmasterów, programistów css :)

What The Hex?

Jak dobry(a) jesteś?

Jeszcze o tworzeniu żałobnych wersji

sobota, 15 Maj 2010

Jakiś czas temu pisałem o  tworzeniu czarno-białej wersji strony, na przykład na potrzeby żałobnej szaty graficznej witryny.

Ostatnie tragiczne wydarzenia spowodowały m.in., że musiałem w krótkim czasie stworzyć żałobne wersje kilkunastu witryn internetowych, które prowadzę. Okazało się, że opisywana przeze mnie webaplikacja GrayBit nie spełnia moich oczekiwań – jest bardzo powolna i lubi się zawiesić przy większej ilości kodu i grafik.

Dlatego postanowiłem zadziałać i, mimo że programista ze mnei raczej marny, zdołałem napisać sobie prosty skrypt PHP przekształcający w dowolnym pliku wartości kolorów zapisane w formacie #HHH lub #HHHHHH na skalę szarości.

Postanowiłem się nim podzielić, bo może komuś jeszcze się przyda – dlatego przedstawiam pchełkę css2gray.  Enjoy.

(uwaga: css2gray nie rozpoznaje definicji kolorów innych niż podane powyżej – być może inne obsługę innych definicji dodam w terminie późniejszym)

Tworzenie czarno-białej wersji strony www

czwartek, 21 Styczeń 2010

GrayBitPewien Klient, któremu wykonałem dosyć złożoną szatę graficzną i szablon portalu www (ponad 2000 linii kodu CSS, około 200 pilków graficznych) zlecił mi wykonanie jej wersji w odcieniach szarości. Czarno-białe miało być wszystko – od kolorów zdefiniowanych w CSS, poprzez grafiki, a kończywszy na favikonce.

Początkowo szukałem w Internecie webaplikacji, która by to wszystko (albo prawie wszystko) zrobiła za mnie automatycznie. Może źle szukałem, może za krótko, ale – nie znalazłem. Znalazłem jedynie webaplikację GrayBit, która rzeczywiście przekształca stronę na pozbawioną kolorów, ale 1) działa strasznie wolno, 2) robi to dla celów podglądu, a nie użycia w dodatkowej wersji strony 3) pobieranie przekształconych przez to narzędzie plików jest bardzo utrudnione.

Mimo to postanowiłem z tej aplikacji skorzystać i udało się – po zabawie z pobieraniem wielu plików, zmianie adresów w pobranych plikach CSS i HTML udało mi się w ciągu kilkunastu minut stworzyć wersję szarą portalu (cz-b pliki JPG ze względu na stratę jakości stworzyłem od nowa). Jednak wciąż nie mogę uwierzyć że w Internecie nie istnieje webaplikacja robiąca to szybko, łatwo i przyjemnie. Marzeneim jest narzędzie pobierające pakiet zip z szablonem i „wypluwające” taki sam pakiet, tyle że z plikami i definicjami kolorów przekształconymi w odcienie szarości.

Jeśli znasz taką aplikację – daj znać w komentarzach. Zapewne nie tylko ja będę Ci wtedy wdzięczny.

Jak dobrać kolorystykę strony?

środa, 18 Listopad 2009

Color Scheme Designer Podczas projektowania szaty graficznej zdarza się często, że brakuje nam odpowiedniego schematu barw. Czasami bywa też tak, że zmiana jedynie kolorystyki w gotowym już layoucie znacząco poprawia jego wygląd i czytelność.

Webaplikacja Color Scheme Designer to przejrzysty interfejs, umożliwiający szybkie i łatwe określenie kolorów w schemacie, w którym dominują dwa, trzy lub cztery kolory główne (w różnych konfiguracjach wzajemnych). Dodatkowo otrzymujemy kolory dodatkowe, których warto używać do tworzenia np. gradientów lub ikon.

Nie wiem jak Wy, ale ja od dziś będę korzystał prawie codziennie z tej aplikacji. Problem doboru barw od zawsze był dla mnie barierą trudną do przeskoczenia.

Nowa metoda kolorowania zdjęć B&W

niedziela, 16 Grudzień 2007
Colorization Using Optimization Nie tak dawno pisałem o nowatorskiej metodzie skalowania zdjęć z zachowaniem szczegółów, a dziś wpadłem na stronę opisującą kolejny nowatorski algorytm, który może być używany do obróbki grafiki, a konkretniej – do szybkiego i dokładnego kolorowania czarno-białych zdjęć i filmów video.
Jak to zwykle w takich przypadkach bywa, całość opiera się na bardzo prostym pomyśle – „rozmalowywania” barw ręcznie zaznaczonych linią lub plamą w obszarze ograniczonym załamaniami kontrastu czarno-białego obrazu.
Metoda jest prosta, łatwa i szybka. Na opisującej ją stronie znajdziemy sporo przykładów zastosowania – zarówno na zdjęciach jak i filmach, oraz źródła algorytmu dla MATLABa. Cóż – Świat idzie do przodu, a z nim technologie, także te dotyczące obróbki obrazu.

17 przydatnych narzędzi kolorystycznych on-line

piątek, 1 Czerwiec 2007

… czyli rozszerzenie mojego styczniowego wpisu o tytule „Kolorowe narzędzia„. Linków tego typu trochę mi przybyło, postanowiłem je więc razem wylistować w jednym poście.

Kilka ostatnich pozycji jest ciekawostkami lub narzędziami „z przymrużeniem oka”… W każdym razie na pewno kliknąć warto :)

Kolorowe narzędzia

piątek, 5 Styczeń 2007

Color Scheme GeneratorPodczas tworzenia layoutu czasem bywa tak, że masz już jeden lub dwa kolory, które „grają”, ale czegoś jeszcze brakuje…
Oto Color Scheme Generator 2. Świetne narzędzie dostępne on-line w każdej chwili, gdy musisz określić kolorystykę dla nowego projektu graficznego.

Jeszcze kilka przydatnych narzędzi kolorystycznych w Sieci: Colorschemer, 4096 Color Wheel, Unsafe Colormatch, Color Toy, Kuler. I, aby wypełnić temat: Wszystko o teorii koloru. Miłej lektury :)

edit: jeszcze tu: www.colorjack.com/sphere :)

Pantone

wtorek, 28 Listopad 2006

Paleta kolorów Pantone to zestaw kilku(nastu?) tysięcy barw powstałych przez procentowe zmieszanie innych. Podczas realizacji pewnego zlecenia dostałem nazwę i oznaczenia barwy Pantone do użycia w projekcie. Nie wiedząc, jak przekształcić tą barwę na znany wszystkim system RGB, zacząłem przekopywać Internet. Wynikiem było założenie nowego wątku na Forum IM/MI oraz znalezienie tabeli przybliżonych wartości RGB dla kolorów Pantone.

Wyszukiwarka obrazków wg odcienia kolorystycznego

wtorek, 19 Wrzesień 2006

Ktoś na Wykopie wkleił ten kąsek: Aplikacja wyszukująca (i wyświetlająca rzecz jasna) obrazki z serwisu Flickr, tyle że.. w zadanej przez usera tonacji barwy! Przednia zabawa, a i wielce użytecznym pewnie się narzędziem toto okaże. Przynajmniej w poszukiwaniu pomysłów na grafikę o takiej a takiej barwie…