Łatwe wycinanie tła online

Clippingmagic.com to prosty onlajnowy program graficzny, odpalany w przeglądarce, używający zaawansowanych funkcji które w prosty sposób można wykorzystać do wycinania obiektów z tła zdjęć. Moim zdaniem rewelka, działa szybko, sprawnie i dokładnie. Przetestowałem i będę używał, chyba nawet Fotoszkopa porzucę w tego rodzaju zadaniach, na rzecz Clippingmagic. Na pewno warto znać.

Obrazek w kodzie strony

Base64 to sposób kodowania danych do ciągu znaków. Używany przez wiele portali do kompresowania/ukrywania danych lub części kodu, jednak jego najfajniejsze i najważniejsze zastosowanie jest inne. Można kodować pliki graficzne. Całe. I umieszczać bezpośrednio w html, jako kod strony. Zastosowane dla ikon i innych małych elementów strony, takie rozwiązanie znakomicie przyspiesza wczytywanie się całości (ładuje się z htmlem, jednocześnie nie blokując kanału przeglądarki). Warto używać, acz zważać trzeba na umiar – ładowanie wszystkich obrazków tym sposobem raczej stronkę zamuli, niż przyspieszy.

Czym to ugryźć? Na przykład tym: base64-image.de. Prosty enkoder, działa wyśmienicie. Takie pchełki fajnie przyspieszają pracę nad stroną.

Przekonaj Klienta, że „u mnie działa”

Screenr. Prosta rzecz – webaplikacja z javowym appletem umożliwiającym szybkie, łatwe i darmowe nagranie filmiku z określonego obszaru pulpitu (tzw. screencast) i wrzucenie owego filmiku na www, razem z playerem. Do czego to przydatne? Do wykonania szybkiego szkolenia/instruktażu dla Klienta z panelu administracyjnego, który właśnie wdrożyliśmy, do umożliwienia Klientowi zobrazowania nam, o co mu chodzi, co nie działa, a co działa nie tak jak powinno, lub do tego, o czym w temacie niniejszego posta :)

Ten blog NIE jest zamknięty…

… ale zmieniona została jego formuła.

Jako że zaszły u mnie pewne poważne zmiany największego kalibru, zrozumiałem kilka nowych zależności i procesów życiowych. Dalsze wpisy będą bardzo nieregularne, nierzadko nieuporządkowane, nie na temat i niekoniecznie pisane przeze mnie. Niestety nie będę miał już czasu na dalsze, regularne prowadzenie tego bloga – stąd ta decyzja. Nowe wpisy będą pojawiały się poniżej niniejszego. Zatem, NIE zamykam tego bloga, ale zmieniam i zmniejszam jego rolę i funkcję.

Aby się ze mną skontaktować, zapraszam do odpowiednich miejsc na witrynach moich i mojej firmy:

• piotrsadowski.com – prywatne portfolio
• revolweb.pl – firma
• dobre-strony.pl – marka
• grx.pl – szablony html, szaty graficzne dla www
• retuszer look at this site.pl – poprawa, modyfikacje i retusz zdjęć

Subtelne wzorki

Subtle Patterns to zbiór subtelnych w swojej formie, stylowych wzorów (powtarzalnych tekstur) idealnych do zastosowania jako tło strony internetowej, aplikacji, lub w innych projektach graficznych. Znajdziemy tu nie tylko obszerny zbiór ‚patternów’, ale przede wszystkim kilka perełek, na które aż miło popatrzeć i aż trudno oprzeć się pokusie umieszczenia takiej tekstury jako tło swojej strony internetowej. Sama strona także zasługuje na szacun – czysta, estetyczna i przejrzysta :)

Ikonowy krój czcionek – Awesome!

Kolejne rozwiązanie przyspieszające prace nad wszelkiego rodzaju panelami, podstronami ustawień (i nie tylko). Genialne w swojej prostocie – krój czcionek będący po prostu ikonkami. Rewelka, bo ikony wyświetlane w ten sposób są skalowalne, cieniowalne itp – można z nimi robić w przeglądarce dokładnie to, co ze zwykłym tekstem. A dzisiejsze technologie przecież umożliwiają implementację dowolnego kroju czcionek na stronie… Nic tylko korzystać.

Ikonek w Awesome Font są setki, jeśli nie tysiące. Jeśli nie znalazłeś/aś poszukiwanej ikonki – poszukaj jeszcze raz, na pewno gdzieś tam jest.

Tajemnicą dla mnie jest, jak autoarzy wykonali animowaną (!!!) czcionkę… postaram się to zgłębić, a na razie  – polecam.

Filtrowanie obrazków w locie


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ć. ;)