Postarzanie zdjęć przez Javascript

W dzisiejszych czasach możliwości CSS, js, samych przeglądarek i związanych z nimi dodatków – są niemal nieograniczone. Można wykonać wszystko. Kwestia poświęcenia czasu i zaprogramowania rozwiązania… albo: Odnalezienia gotowego rozwiązania w necie. Bowiem większość rzeczy, które chcesz zrobić – zostało już zrobione i wystarczy dotrzeć do takiego rozwiązania.

Tak też było ze zdjęciami, które Klient chciał mieć postarzone, i to w jednym i tym samym stylu. Mogłem zrobić makro w Photoshopie, ale po co, skoro znalazłem VintageJS – skrypt do modyfikacji zdjęć w locie.

Dostępny dla jQ, Angulara i standalone. Mnóstwo fajnych opcji, można się wtopić w zabawę na długie godziny. Możemy edytować jaskrawość, kontrast, winietę, oświetlenie, kolory (nasycenie, nakładanie, parametry rgb), szum, sepię, ramkę (różnego rodzaju). To dużo opcji. Ale są też fajne gotowce, żeby na szybko coś ogarnąć. Polecam, działa świetnie.

Clippy – narzędzie do tworzenia kształtów

Clippy to wdzięczna nazwa dla bardzo przydatnego narzędzia, które jest kreatorem wizualnym kształtów/masek generującym za pomocą polecenia css clip-path (i odpowiednich prefixów) kod kształtu. Potrzebne, używane, zapisane w ulubionych.

Isotope

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

GDrive – dysk wirtualny od Google

Czekałem na to chyba ze dwa lata. Myślałem już że to legenda, że Google nie stworzy swojego dysku chmurowego…. no i dziś wystartował Google Drive ! :) Duży, stabilny, tani, przejrzysty system plików od Google, który prawdopodobnie będzie moim docelowym siedliskiem. Za $5 miesięcznie (czyli za około 16 zł miesięcznie) planuję zakup 100GB dysku i powolne przesiadanie się (w całości) z dysku stacjonarnego na wirtuala.
Mimo marudzenia wielu użytkowników, mnie firma Google przekonuje do siebie bardzo. Wszystkie jej produkty są dopracowane, solidne, polityka i regulaminy jasne i przejrzyste.  W przeciwieństwie do innych firm – w GDrive nie będę bał się trzymać żadnych danych.

Nabiera też sensu mój (na razie tworzony w głowie) projekt stworzenia zaawansowanej strony www od podstaw bez użycia desktopowych aplikacji. Już niedługo!

Eksplorujemy FireFoxa

RudzielecTo że Ognisty Lisek posiada wiele przydatnych funkcji, to wie każdy kto używa tego programu. Nie każdy jednak zdaje sobie sprawę z tego że FF posiada bardzo wiele funkcji ukrytych, niewidocznych na pierwszy rzut oka. Dodatkowo rozszerzenia i pluginy zwiększają użyteczność Rudzielca do granic prawie nieskończonych. Wiele takich fajnych ciekawostek, ustawień i opisów rozszerzeń FF opisał Ajantis na Tech-o-tropii w tym wpisie. Zapraszam – sam przeczytałem przynajmniej po to żeby się więcej nauczyć o jednym z moich głównych narzędzi.

Sam popełniłem kiedyś też wpis o rozszerzeniach w FF jakich używam oraz o tym, co można z FF zrobić. To tak dla uzupełnienia :)

FireBug

U Riddle’a przeczytałem post o pewnym rozszerzeniu do Firefoxa. Postanowiłem je sprawdzić. Teraz, po kilku godzinach pracy i zabawy, stwierdzam, że FireBug dla każdego webmastera jest wręcz obowiązkowy. Rzecz genialna w swojej prostocie i intuicyjności. Skraca czas testowania i tworzenia witryn do minimum. Razem z Firefoxem i toolbarem WebDeveloper tworzy chyba najlepszy zestaw narzędzi dla twórcy stron. Polecam.

Obowiązkowe pluginy dla FireFoxa

Jako że zamierzeniem tego bloga jest kompletowanie resource’ów potrzebnych w mojej pracy (żebym mógł sobie w każdym momencie i z każdego miejsca znaleźć to co potrzebuję), postanowiłem napisać posta z najważniejszymi (IMO) pluginami dla FF. W razie padu systemu (lub czegoś innego skutkującego przymusem zainstalowania FF od nowa), w tym wpisie znajdę wszystkie przydatne pluginy :)
Wpis będzie aktualizowany :)

WebDeveloper – webmasterski kombajn w pasku narzędziowym, rzecz obowiązkowa
IETab – pozwala wyświetlać stronę silnikiem IE, w zakładce FF.
MeasureIt – linijka
ColorZilla – pobiera kolor w HEXie
Screen Grab – zrzuca całą stronkę do PNGa [edit, 29.10.2006: Screen Grab nie działa z FF2.0+ bez dodatkowych kombinacji]
TabMix Plus – pozwala na wygodniejszą pracę z zakładkami
FavIcon Picker – Umożliwia podmianę faviconek w FF [edit, 29.10.2006: FavIcon Picker nie działa z FF2.0+ bez dodatkowych kombinacji]

[edit, 21.10.06: Oczywiście nastąpiła pomyłka. Opisane powyżej programy to nie plug-in’y, a rozszerzenia… Niemniej w tym wpisie chciałem zebrać wszystkie „przydasie” dla FF ułatwiające pracę. Jeśli znajdę plugin wart zamieszczenia na tej liście, umieszczę go obok powyższych rozszerzeń. Sorry za wprowadzenie w błąd.]

Internet Explorer w Firefoxie

IE Tab to wtyczka do FF umożliwiająca zmianę silnika renderującego stronę w danej zakładce, na silnik eksplorerowy… bardzo przydatne: można bowiem otworzyć sobie dwie zakładki, w jednej wyrenderować stronkę za pomocą silnika ff, w drugiej – tą sama stronkę za pomocą ie. I przełączając zakładki, widzimy różnice w wyświetlaniu…

Usprawnienie przeglądarki każdego webmastera

Na codzień używam Firefoxa. Tak się mi utarło i za cholerę nie mogę się przerzucić np. na Operę, chociaż widzę te jej wszystkie usprawnienia i co jakiś czas słyszę o nowych (głównie od Mumina :P). Opera ma ficzery, to jest fakt :) Ale firefox jest jakiś przyjazny. Nie umiem tego określić. Może znów wszystko się rozbija o to, że w FF mogę pracowac z zamkniętymi oczami, wszystko mam poukładane tak jak chcę itp. Po prostu lenistwo.
Dlaczego o tym piszę. Otóż – powód jest. Podczas dzisiejszej rozmowy z Singollem zostało mi zaproponowane użycie rozszerzenia WebDeveloper dla mojego ognistego liska. Lubię takie nowinki, więc sprawdziłem instatnly. I co? I CZAD! :) Wypas na maxa. Można robić właściwie wszystko z cache’m, popupami, znacznikami meta, kolorami, js, ciastkami, cssami, formularzami, obrazkami, obiektami i mnóstwem innych rzeczy powiązanych z daną stronką. Właściwie nie umiem powiedzieć, czego mi w tym rozszerzeniu brakuje:) Wszystkim webmajstrom polecam z czystym sumieniem.