Jak zrobić żałobne obrazki na stronie?

W sieci zapanowała szarość. Jeśli jesteś webmasterem i też chcesz okazać szacunek wobec zmarłych na swojej stronie, jednak nie chcesz na stałe zmieniać wszystkich obrazków na stronie na odcienie szarości, znalazłem dwulinijkowy sposób w javascript pozwalający na żywo zamienić wszystkie obrazki ze znacznika <img> tak aby były pozbawione kolorów.

Po kolei.

Wchodzimy na stronę pixastic i pobieramy skrypt. Na stronie jest fajny konfigurator, który pozwala pobrać tylko co nam potrzebne. Jako, że niemal każdy chyba na wordpressie ma aukatywnione jQuery, polecam zaznaczyć opcje ‘Pixastic Core’, ‘jQuery plugin’ i ‘Desaturate’.

Pobrany plik umieść na serwerze i w nagłówku strony podlinkuj go (zakładam, że masz podłączone także jQuery).

W stopce strony dodaj skrypt js:

$d = jQuery.noConflict; 
$d("img").pixastic("desaturate");

I to wszystko.

Oczywiście skrypt nie załatwia wszystkiego. Nadal pozostaną kolory czcionek czy tła zdefiniowane w CSS, także obrazki tła nie zostaną podmienione.

Jak działa skrypt możecie zobaczyć na stronie HR Standard

0

Książkę będę czytał

Dawno chyba nie wybierałem podręcznika tak dokładnie 🙂 Ale inaczej nie  mogłem: podręcznik jest do nauki Java Script – języka do którego podchodziłem już kilka razy, ale nigdy jakoś mi się nie udało. Tym razem więc postanowiłem nie wtopić ą i dość dokładnie obejrzałem dookoła każdą z książek, aż zdecydowałem się na Head First JavaScript.

Od razu wtręt: nikt mi nie płaci za ten tekst ani za promowanie Heliona, książki czy czegokolwiek. Nawet od razu podpowiem, że nie kupiłem jej na Helion, a na Allegro gdzie nowy egzemplarz kupiłem o 30% taniej (książka tania nie jest, więc 30% to całkiem sporo złotówek).

Do zakupu przekonał mnie przykładowy rozdział zamieszczony na stronie Helionu. Przeczytajcie, a chyba sami zrozumiecie dlaczego 🙂 Świetnie napisane, jak dla debila (którym zapewne jestem, skoro od lat nie mogę zrobić w JS nic więcej niż zastosować gotowy skrypt, ewentualnie go przerobić czy skorzystać z któregoś z frameworków… nie, właśnie tak sobie pomyślałem, że może jednak to wcale nie takie debilne), sporo humoru (wciąż tęsknię za chyba już martwą serią książek “…for dummies”) i  niesztampowe podejście do nauczania. Przykładowy rozdział zrozumiałem, więc mam nadzieję, że i reszta okaże się prosta.

Spodziewajcie się zatem tu na moim blogu nieco skaczących literek, zegarka w rogu i wyskakujących alertów z prośbą o wpisanie imienia 😉 Z przyjemnością wpiszę sobie javascript na listę umiejętności 🙂

p.s. fajnie by było jakby pojawiło się też po polsku coś podobnego do Pythona, bo to kolejny język, który próbowałem ugryźć i mi nie wyszło. A może potraficie coś polecić? Ma być prosto i z humorem.

0