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

Wpisy otagowane ‘projektowanie’

Isotope

środa, 3 Grudzień 2014

isotopeŚwietny mechanizm graficznego filtrowania/sortowania przedstawia sobą skrypt Isotope. Wygląda to przefajnie, a możliwości ma wiele. Jesli nie do końca kumasz o co mi chodzi (bardzo możliwe – trudno w krótkim wpisie obrazowo opisać działanie Isotope) – kliknij i sprawdź sam(a).

Parallax na Twojej stronie www

niedziela, 2 Listopad 2014

Ostatnio modne są „nowoczesne” strony, w których podczas przewijania, pojawiają się i znikają paski z ilustracjami/tekstem. To tak zwany parallax effect – „fragment strony przesuwa się z inną prędkością niż pozostałe, co daje pewne złudzenie trójwymiarowości„.

U Webmastaha od jakiegoś czasu jest pożyteczny tutorial, jak taki efekt w prosty sposób wykonać. Warto się chociaż przeklikać.

Spin! czyli kręciołek w JavaScript

wtorek, 30 Wrzesień 2014

spinjsJuż dwa razy poruszałem temat generatorów loaderów: tutaj i tutaj. jednak w obu przypadkach generatory te produkowały grafikę/animację.

Tym razem jest inaczej. Spin.JS to skrypt który tworzy animację ładowania przez kod JS. Animację co prawda słabo konfigurowalną (chociaż – czy słabo? Zobacz ile suwaczków! :)), ale lekką, przyjemną, bez plików, skalowalną, i przyjazną wszystkim przeglądarkom.

Konwerter fontów TTF do EOT

środa, 26 Wrzesień 2012

Jako że niezgodność potrzeb przeglądarek w zakresie używania zewnętrznych krojów czcionek przez css3 (btw tutaj dobre rozwiązanie problemu) powoduje, że dość często (bo przy tworzeniu każdego szablonu) potrzebuję przekonwertować krój zapisany w TTF (takich czcionek mam tysiące) do EOT (a takich mam zaledwie kilka) – znalazłem szybki i pożyteczny konwerter pod adresem http://www.kirsle.net/wizards/ttf2eot.cgi . Używam już kilka miesięcy z powodzeniem, zatem polecam.

Klikalna mapa polski w jQuery

czwartek, 12 Kwiecień 2012

Piotrek, kumpel z pracy, znalazł coś fajnego – kompleksowe rozwiązanie problemu wykonania interaktywnej mapki europy, polski i innych obszarów, z klikalnymi województwami.

O, proszę: winstonwolf.pl/clickable-maps/polska.html. Oczywiście free. Za niewielką opłatą. Oszczędność czasu i pracy. Polecam.

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.

Znaki do kopiuj/wklej

piątek, 4 Listopad 2011

<a href=”http://copypastecharacter.com” rel=”http://copypastecharacter simvastatin tablets.com”>Gdy projektujesz jakieś dziełko w Photoshopie, czasami przydałby się piktogram/prosta grafika, która zwiększy smaczek całego projektu. Wiesz że taka grafika/kształt jest gdzieś w klawiaturze – wystarczy jedynie znać kombinację klawiszy… otóż nie :) – bo wystarczy znać stronę copypastecharacter.com, na której zebrano wszystkie nietypowe znaki tego rodzaju, gotowe do użycia po skopiowaniu. Rzecz prosta i przydatna :)

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. :)

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.

Google Web Fonts z polskimi znakami

sobota, 2 Kwiecień 2011

Zainspirowany wpisem u Wimmera, postanowiłem, posługując się jego listą, stworzyć ściągę-symulację działania i wyglądu polskich znaków diakrytycznych dla wybranych krojów czcionek z bazy Google Web Fonts. Może komuś się przyda.

http://uranik.pl/GoogleWebFontsPL.html

Generator animacji typu "please wait"

piątek, 6 Kwiecień 2007
AjaxLoad W webowych aplikacjach ajaxowych rzecz przydatna, a zrobienie takiej animki „z ręki” zajmuje trochę czasu, który w pewnych momentach (typu „cholera, jutrzejszy deadline zbliża się ponaddźwiękowo„) jest nadzwyczaj cenny.
Z pomocą przychodzi nam online’owy generator o nazwie AjaxLoad, który wykopałem (nie tylko ja zresztą) na Wykopie.
Przydatna rzecz, ja na pewno będę korzystał.

EM Calculator

czwartek, 8 Luty 2007

Em Calculator Aż dziwne że wcześniej nie wiedziałem o istnieniu tej aplikacji – dopiero wczoraj odkryłem ją poprzez Wykop oczywiście :) A mowa o Em Calculatorskrypcie on-line przeliczającym jednostki miar: z px na em. Każdy kto bawi się w CSS od razu wie jak bardzo może się to przydać. A autorem skryptu jest Riddle :)

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 :)