Opublikowane w

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 Interaktywna strona – czyli jak ożywić naszą stronę

Opublikowane w

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 Ukrywanie linków na stronie

Opublikowane w

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 Link nofollow w WordPress Blogroll

Opublikowane w

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 Optymalizacja JavaScript