<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 :)
Tag: projektowanie
Kartki CSS3
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
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
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
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
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.
Generator animacji typu "please wait"
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
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 Calculator – skrypcie 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
Podczas 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 :)