Posts Tagged ‘ JS

Interaktywna strona – czyli jak ożywić naszą stronę

Jak wyróżnić się z tłumuChyba każdy od czasu do czasu odczuwa potrzebę wprowadzenia zmian w naszym otoczeniu, nie inaczej jest ze stronami internetowymi. Wskazane jest dokonywanie zmian ( czasem nawet niewielkich ) tak żeby nasi użytkownicy nie nudzili się odwiedzając naszą stronę. Tylko co by tu zmienić, tak żeby nie wprowadzać rewolucji na stronie i jednocześnie nie tracić czasu na duże zmiany. Jedną z propozycji jest mały gadżet pojawiający się na stronie np. może to być dodatkowe stałe menu, pojawiające się gdy już stracimy z oczu menu główne. Na stronie www.asl.com.pl można obejrzeć efekt jaki daje użycie takiego gadżetu.

1. Co ma się znaleźć w naszym stałym boxie?

Dodatkowe menu , być może link do pokrewnego artykułu … ? Pomysły można mnożyć.

Nasze pudełko na zabawki:

<div class="menu_bottom">
</div>

i styl pudełka

Czytaj dalej

Ukrywanie linków na stronie

Link Camouflage

Często zdarza się, że chcemy żeby jakiś link na naszej stronie ( np. do panelu administracyjnego strony ) nie był widoczny dla wszystkich jednocześnie będąc w miejscu ogólnie dostępnym. Oczywiście zawsze można tego typu linku wrzucić na pasek przeglądarki, niemniej jednak przy paru stronach może być z tym problem. W przypadku WordPress ‘a domyślnie widoczny jest okropny widget „Meta” wyposażony w masę niepotrzebnych linków, dobrze byłoby go zastąpić czymś równie funkcjonalnym ale mniej rzucającym się w oczy. Jak zawsze sposobów rozwiązania jest wiele, jednym z nich jest ukrycie osadzonego na stronie linku za pomocą JavaScriptu oraz akcji

onmouseover="doOnMouseOver();

która wywoła odpowiednią funkcję ustawiającą np. atrybut visibility obiektu ( lub atrybut z-index ).

Podobnym rozwiązaniem jest wykorzystanie CSS ustawiając kolor linku na identyczny z kolorem jego tła ( dla ułatwienia można odróżnić tylko a:hover ).

Jest jednak jeszcze jedna metoda na ukrycie odnośnika:

Czytaj dalej

Link nofollow w WordPress Blogroll

WordPress ‘owy edytor odnośników pozwala na bardzo rozbudowane ustawienie atrybutu rel linków, jednak nie wystarczająco rozbudowany. Edytor ten nie pozwala na ustawienie atrybutu nofollow, a szkoda bo nie zawsze chcielibyśmy „przekazywać moc” naszego bloga, a jednak chcielibyśmy w jakiś sposób zareklamować inną stroną. Nietrudno wyobrazić sobie też sytuację, gdy w polecanych linkach znajduje się już parę odnośników i zaczynamy się obawiać o reakcję Wujka Google.

Jak jednak w najprostszy sposób pokonać tę niedogodność? Najprostszym sposobem jest instalacja jednego z paru dostępnych rozszerzeń, niestety one przeważnie dzielą razy po równo i atrybut nofollow ustawiany jest dla wszystkich polecanych linków. Nie tędy droga. Jeżeli nie wtyczka to może prosta edycja kodu i ręcznie dodanie opcji „nofollow” w edytorze odnośników. Pomysł już znacznie bardziej przystępny, posiada jednak wadę. Najprawdopodobniej po aktualizacji silnika plik z wprowadzonymi zmianami zostałby nadpisany, a my bylibyśmy zmuszeni ponownie dokonywać zmian kodu. Czytaj dalej

Optymalizacja JavaScript

Najczęściej spotykanym zastosowaniem języka JavaScript są strony WWW. Wolne działanie napisanych przez nas skryptów może odstraszyć potencjalnych użytkowników. Powinniśmy się więc starać aby nasze aplikacje działały sprawnie i szybko. JavaScript jako język  interpretowalny jest nieporównywalnie wolniejsza od języków kompilowalnych, zazwyczaj jednak programy pisane w JS są na tyle małe aby nie dało się tego zauważyć. Problemy zaczynają się gdy nasz kod rozrasta się i zaczynamy spostrzegać niepokojące nas spowolnienie.

Jak temu zaradzić:

1. Narzędzia

Potrzebujemy odpowiednich narzędzi aby móc sprawdzić czy wprowadzane przez nas poprawki przynoszą jakiekolwiek efekty. Z pomocą może przyjść nam dodatek do Firefoxa Firebug, z pomocą którego będziemy mogli śledzić ewentualne błędy w naszym skrypcie oraz monitorować prędkość wykonywania wybranych fragmentów naszej aplikacji.

Czas wywołania fragmentów kodu możemy monitorować za pomocą konsoli:

console.time("naszaFunkcja");
naszaFunkcja();
console.timeEnd("naszaFunkcja") ;

Po odświeżeniu strony na której umieszczony jest ten kod, w konsoli Firebug’a powinniśmy zobaczyć powiadomienie:

Czytaj dalej

Partnerzy Pro: