Perfection or Vanity

Project: Terminated

Blog nie jest już dalej prowadzony ani aktualizowany. Mimo tego, wpisy i komentarze są dalej dostępne. Możesz przeczytać pożegnalny wpis albo przejść do archiwum.

Wpisy

Oskar dzisiaj rano naskrobał hacka przeznaczonego dla Wykopu - otwierającego wszystkie linki w nowym oknie, jeśli zaznaczony jest checkbox (dodany wcześniej do dokumentu). Pomogłem przepisać to do wersji UserJS dla Greasemonkey - ograniczyłem działanie do wszystkiego poza menu i Ajaxem w głosowaniu oraz dodałem zapamiętywanie zaznaczenia checkboksa.

Efekt - wykop-links-target.user.js, miłego używania.

PS: Wydaje mi się, że słusznie zrobiliśmy nie korzystając z target tylko window.open - nie wiem jak ten stary atrybut działa w różnych typach dokumentu, zwłaszcza dla UserJS. Ciekawe też jak całość działa w Operze.

18 komentarzy

Wykop parę newsów

21 stycznia 2006

Od jakiegoś czasu przeglądam regularnie Wykop - polski Digg. Ale bardzo nie lubię gdy wśród ciekawych wpisów z blogów i prawdziwych nowości, pojawiają się linki do portali bądź magazynów internetowych. Po pierwsze newsy z nich mam w Netvibes, po drugie nie mam ochoty sprawdzać na pasku statusu czy chwytliwy tytuł prowadzi do wspomnianego portalu.

Napisałem więc prosty User Script umieszczający ikonki 16x16 pikseli obok irytujących mnie „newsów”. Jest też zmienna erase, która po zmianie na true, usuwa cały blok z newsem z blacklisty. Enjoy.

PS: Można się pokusić o stworzenie tablicy [page, ico, erased], ale to już jak ktoś chce mieć usuwanie części newsów a pokazywanie ikony w pozostałych.

7 komentarzy

Dzisiaj dzięki jego pomocy oraz paru znajomych napisałem sktypt tłumaczący Dark Throne Omega. Mimo, że waży 50KB, to wydajnościowo jest lekki, operuje na drzewie DOM, a nie przestrzałym innerHTML i jest szybciutki.

Pozostało trochę błędów, niedopowiedzeń i braków, ale do czasu wypuszczenia finalnego releasa trochę jeszcze czasu mamy. Potem umieścimy tłumaczenie u nas na forum w dziale otwartym, co by wszyscy chętni skorzystali. :)

I nurtuje mnie czy nie zrobić nowych grafik - przycisków i podpiąc je jako paczka do skryptu. Każdy by ściągnął, umieścił na dysku i miał w pełni spolszczoną grę. :)

Brak komentarzy

element.onclick

Najnowszy Greasemonkey dla Firefoksa 1.5 może nie współpracować z niektórymi skryptami. W większości przypadków jest to spowodowane użyciem takiej konstrukcji:

Czytaj dalej… Brak komentarzy

Przez ostatnich parę dni wziąłem się za poprawianie user experience w Dark Throne - Omega. Po stronie klienta na razie, kolejne redesigny stron na razie czekają na dysku w częściach. Więc zatrudniłem Greasemonkey i dodałem sobie parę użytecznych elementów. I tak w Armory, gdzie można kupować broń dodałem pola tekstowe do zakupu całych zestawów. Do strony atakowania dodałem wygodne przyciski kopiujące ilość tur bądź użytych szpiegów. No a w widoku profilu rozwinąłem link do misji szpiegowskich, umieszczając tam trzy - prowadzące od razu do nich, a nie do ekranu wyboru.I tak właśnie powinien być używany Greasemonkey - admin strony nie może Ci czegoś ułatwić, robisz to sam. :) Jak ktoś gra i chce kod, to może poprosić w komentarzu. Ostrzegam, kod nie jest zoptymalizowany. :D

11 komentarzy

O co chodzi w tym Greasemonkey

31 października 2005

Mimo, że prawdziwi maniacy ułatwień w codziennym używaniu Internetu na pewno wiedzą o czym mowa, to jednak znajdą się też tacy, którzy prędzej skojarzą to słowo z zoo czy warsztatem samochodowym. :P

A przecież Greasemonkey, w skrócie Gmk, jest wspaniałym rozszerzeniem do Firefoksa. Wspaniałym, mimo że sam w sobie nic wielkiego nie robi. Po zaintalowaniu go w przeglądarce nie wydarzy się nic szczególnego, dlatego bez wprowadzenia w świat nim sterowany, nici z zachwytu. Jakże słusznego.

Rozszerzenie to potrafi uruchamiać skrypty, po załadowaniu się strony. JavaScript, bo o nim mowa, może manipulować drzewkiem DOM, jeśli ktoś się tym wcześniej interesował. I w tym siedzi siła tej sprytnej małpki — można zmodyfikować zawartość badź sposób prezentacji na stronie. Można dodać do niej treść, bądź odjąć. Można naprawić błędy, przeszkadzające w wygodnym surfowaniu, jeśli webmaster nie ma tego w planach bądź nie wie jak. Wreszcie można dostarczyć sobie ułatwień.

Tak jak użytkownicy Opery mogą zmieniać wygląd stron przy użyciu CSS, a Firefoksiarze już niedługo będą mogli, tak można nadawać określone cechy i funkcjonalności za pomocą JavaScriptu.

Wszystko fajnie, ale nadal są to puste słowa. Trzeba przykładów, bo Gmk nic początkowo sam z siebie nie robi. Na chwilę obecną znam dwa miejsca ze skryptami, które instalujemy korzystając z menu kontekstowego, bądź menu Narzędzia — GreaseMonkeyUserScripts oraz userscripts.org. Można także poczytać sobie Greasebloga.

Tam znajdziemy (przykładowo):

  • Sposób na zaznaczanie zakresu pól jednokrotnego wyboru (popularne checkbox'y) z wciśniętym Shiftem (GMail ma to wbudowane natywnie, jak ktoś nie wie i jest to bardzo przydatne).
  • Wysyłanie formularza za pomocą skrótu Ctrl + Enter. Jeśli blogujesz i czytasz intensywnie blogi, to nawet się bez tego nie ruszaj. ;)
  • Pozbycie się target="_blank" z linków. Nic bardziej nie denerwuje ludzi przywykłych do tabów jak wyskoczenie nowego okienka (bądź jak sobie umiemy to ustawić to tylko taba) podczas kliknięcia linka.
  • Zamianę atrybutu alt na title, jeśli występuje tylko on sam w obrazku — poprawka złego użycia przez webmastahów dla IE.
  • Dodawanie linka do obiektów wczepionych w stronę jak filmów, flashy. Teraz zamiast czekać aż mi się coś przestreamuje, ściągam to na dysk. :>

Możemy także, i co jest najbardziej cenione, pobawić się ulubioną stroną. Takie Google na przykład — z dnia na dzień dodaje coraz więcej rzeczy do swoich stron, a nam przecież potrzeba prostoty. No to usuńmy ten panel w prawego rogu, oczyśćmy wyniki szukania, wyrzućmy przekierowanie do ramki ze stroną na images.google.com bądź dodajmy przycisk Delete do GMaila. No a co z innymi? Amazon? Audioscrobbler? Bloglines? Del.icio.us, deviantART, eBay, FlickR, Slashdot, no a może fora internetowe? Używasz tego na codzień, sprawdź czy czegoś Ci nie brakuje, a czy nie zostało już naprawione. Skryptów jest masa, część uznasz za przerost formy nad treścią, część będziesz wielbił i instalował na każdym komputerze.

Możesz także sam zacząć pisać łatki dla stron. Nowa, lepsza sieć staje przed Tobą otworem, to już nie jest miejsce, które narzuca Ci reguły. Teraz liczysz się Ty, to Ty decydujesz o tym jak strona działa, bo to Ty tam się znalazłeś nieprzypadkiem i to Ty ją oglądasz. To nie kolejna geek-zabawka w stylu Flocka, to element przeglądarki (Opera też ma swój sposób na uruchamianie skryptów użytkownika), bez którego, podobnie jak bez AdBlocka, nie będziesz mógł już niedługo życ.

A ja ciągle łapię się na wciskaniu Shifta przy formularzach na innych komputerach. :-)

8 komentarzy

Informacje i hiperłącza

Blog o projektowaniu zgodnych ze standardami stron internetowych.

Praktyczne przykłady, sztuczki CSS, sposoby obchodzenia błędów przeglądarek, lekki i nieinwazyjny JavaScript, użyteczny design, dostępność i skrypty użytkownika.

RSS

Najciekawsze na Perfection or Vanity

Wpisy archiwalne

Archiwum miesięczne

Projekty

Jogger.pl Em Calculator

Blogroll

Dzięki!

Dodaj bloga do Technorati Favorites Dodaj bloga do Del.icio.us Blog należy do sieci 10przykazań.com