› Użytkownicy › kastin › Znaleziono 10 postów
[jQuery] nowoczesny przycisk “przewiń do góry”
Kategorie: How-to, Javascript, poradniki, Porady dla webmasterów, tourtale Dodano: 15 sierpnia 2013 09:44
Szybki tutorial JavaScript używający jQuery do wyświetlenia przycisku “skocz na górę strony”.
Opis:
– przeźroczysta ikonka ze strzałką pojawia się po przewinięciu strony o zadaną wysokość (np. 200px) i znika po powrocie na samą górę,
– po najechaniu myszką ikonka staje się bardziej widoczna (mniej przeźroczysta)
– po kliknięciu w ikonkę uruchamia się płynne przejście użytkownika na samą górę strony
Przykład:
– na tym blogu (przewiń strone trochę niżej aby zobaczyć)
Gotowiec:
– wtyczka wordpress: https://webowiec.net/blog/wordpress-go-top-of-the-page-skocz-na-gore-strony/
[wordpress] Go TOP of the page – skocz na górę strony
Kategorie: Darmowe komponenty Dodano: 15 sierpnia 2013 09:27
Nazwa: Go TOP of the page – skocz na górę strony
Ostatnia aktualizacja: 15 sierpnia 2013
Waga: 5,6 KB
Skrypt: WordPress [>2.0]
Opis: Wtyczka wyświetlająca ikonkę – strzałkę do góry w prawym dolnym rogu ekranu, która po najechaniu myszką staje się bardziej widoczna a po kliknięciu przenosi użytkownika na samą górę strony w płynnej animacji. Ikonka pojawia się wtedy, gdy użytkownik przewinie ręcznie stronę o 200px w dół i znika po powrocie użytkownika wyżej.
SEO tech: 2 obiekty wczytywane z chwilą uruchomienia strony (skrypt wtyczki JS: 0,7kB, ikonka: 4,2kB), styl CSS includowany do wp_head (nagłówek strony bezpośrednio w HTML)
Przykład: (po prawej stronie ekranu) czytaj całość
Google Webmaster Tools – dodawanie strony do narzędzi dla webmastera
Kategorie: google, poradniki Dodano: 29 lipca 2013 11:47
Narzędzia dla webmastera to przydatne narzędzie do zarządzania stroną w wyszukiwarce Google. Lecz przede wszystkim jedyna możliwość na reakcję podczas ewentualnego filtra, bana lub innych nieprzyjemnych zdarzeniach.
Coś co zdecydowanie można pominąć w przypadku mniejszych stron, jest nie do przeskoczenia dla dużych serwisów czy portali i prędzej czy później zmusza do poświęcenia chwili czasu.
Jak wygląda procedura aktywacji swojej strony www w narzędziach dla webmastera Google? czytaj całość
“rotat9r” – wtyczka do tworzenia animowanych pokazów slajdów
Kategorie: Darmowe komponenty Dodano: 8 czerwca 2013 09:40
“Cycle jQuery Plugin” popularna wtyczka do tworzenia animowanych pokazów slajdów, ma wreszcie nowoczesną alternatywę.
Rotat9r (rotat9r.desi9n.pl) działa w oparciu o animacje CSS3 co daje znacznie lepsze wydajnościowo wyniki od pierwowzoru. Niezależnie od przeglądarki animacje są płynne i szybkie.
Do zalet Rotat9r należą m.in. funkcjonalność na urządzeniach mobilnych niezależnie od modelu i typu. Wszystkie popularne systemy (Android, iOS, Blackberry, Windows Phone) obsługują poprawnie wtyczkę rotat9r.
czytaj całość
NetBeans – prawdziwy “kombajn” dla webmastera
Kategorie: Edytory tekstowe, Porady dla webmasterów, programowanie, Technologie/Informatyka Dodano: 30 marca 2013 18:04
Jeśli szukasz darmowego, ale zaawansowanego edytora tekstowego do tworzenia stron www i nie tylko – masz 2 wyjścia: Eclipse lub NetBeans. W dalszej części artykułu będę próbował zachęcić do używania tego drugiego:
NetBeans IDE – darmowy program łączący wszystkie niezbędne funkcje potrzebne przy programowaniu czy tworzeniu stron www.
Info / Pobierz: https://netbeans.org/downloads/
Wybieramy wersję oprogramowania dostosowaną pod dany język programowania: Java, C++, PHP, lub wersja All zawierająca wtyczki do wszystkich języków.
Wartym odnotowania faktem jest, że program dostępny jest na wszystkie systemy operacyjne oraz posiada spolszczenie!
W tym artykule zajmę się jednym z zastosowań tego programu: tworzenie stron www. czytaj całość
Katalog elitarnych stron www
Kategorie: Pozycjonowanie strony w google, Promowanie strony/bloga Dodano: 23 stycznia 2013 20:42
Dziś został uruchomiony nasz darmowy i otwarty katalog stron www! Jak wiadomo katalog stron to doskonała metoda promocji strony www oraz zdobycia cennego linka przychodzącego.
Spośród różnych typów katalogu wybraliśmy model, który jest najbardziej efektywny (najlepsze efekty SEO) oraz przyjazny dla użytkowników – wordpress.
Aby uniknąć “spamu” oraz niskiej jakości wpisów wprowadziliśmy konieczność umieszczenia linka zwrotnego do katalogu oraz filtrowanie dodanych stron.
Preferowaną metodą dodawania wpisu jest wymiana “artykuł za artykuł” : dodajesz na swojej stronie artykuł, podstronę np. “piszą o nas”, na której umieszczasz link zwrotny do katalogu. W zamian otrzymujesz pełno wartościowy wpis do katalogu.
Prosto, szybko i za darmo 😉
Przejdź do katalogu czytaj całość
[css] przeźroczyste tło
Kategorie: poradniki, Porady dla webmasterów, Technologie/Informatyka, tourtale Dodano: 3 stycznia 2013 13:42
Jak otrzymać efekt przeźroczystego lub częściowo przeźroczystego tła na stronie www, które będzie działać w każdej przeglądarce i w każdym systemie operacyjnym?
Na początek warto przyglądnąć się rozwiązaniu tego problemu z użyciem CSS3, który jest obsługiwany przez coraz większą ilość przeglądarek i powoli staje się dobrą alternatywą dla wszystkich “obejść” , “how-to” i wszelkich modyfikacjach pod konkretne przeglądarki.
Aby otrzymać efekt przeźroczystego tła (i tylko tła, bez tekstu ani żadnego innego elementu wewnątrz), wystarczy po prostu zamienić paletę barw ze zwykłego RGB (domyślny) na RGBA (RGB + Alpha) następującym kodem:
background-color: rgba(255,0,0,0.5);
Niestety jak to na proste rozwiązanie przypadło – nie działa wszędzie 😉
Jest jednak prosty i sprawdzony (a przede wszystkim uniwersalny) sposób na uzyskanie efektu przeźroczystego tła na stronie www: czytaj całość
uniwersalne przekierowanie .htaccess
Kategorie: How-to, Porady dla webmasterów, tourtale Dodano: 21 grudnia 2012 01:47
Temat przekierowania 301 w .htaccess (z www na bez www lub odwrotnie) wałkowany jest na wielu portalach, ale ciężko dokopać się do jego ogólnej postaci, w której jeden kod działa dla wszystkich domen.
Przypomnijmy jak wygląda standardowy kod przekierowania 301 w .htaccess (w tym wypadku z bez-www na www):
RewriteEngine On
RewriteCond %{HTTP_HOST} ^webowiec.net
RewriteRule ^(.*)$ http://www.webowiec.net/$1 [R=permanent,L]
Po utworzeniu pliku .htaccess w katalogu głównym serwisu o treści podanej powyżej, serwer przekieruje wszystkie zapytania z adresu:
http://webowiec.net na adres: http://www.webowiec.net
Edytując w tym kodzie adres strony z “webowiec.net” na własny, otrzymamy działający ale jednorazowy kod przekierowania – działający tylko w 1 domenie.
Jak zrobić ogólne przekierowanie htaccess bez podawania za każdym razem adresu strony? czytaj całość
[html5] Tło strony na pełnym ekranie
Kategorie: How-to, Javascript, poradniki, Porady dla webmasterów, tourtale Dodano: 4 grudnia 2012 20:44
Specyficzne projekty wymagają specyficznych rozwiązań. Jednym z nich jest konieczność uzyskania obrazkowego tła strony na całym ekranie, niezależnie od rozdzielczości ekranu.
Z pomocą przychodzi HTML5, a właściwie CANVAS (którego możliwości sprawdzaliśmy np. tutaj: [canvas] Gradient HSV – pełen zakres kolorów
Schemat działania jest następujący:
1. Tworzymy element CANVAS
2. Wczytujemy grafikę/obrazek, który chcemy umieścić jako tło strony
3. Importujemy grafikę do elementu CANVAS, nadając mu wymiary ekranu
4. Exportujemy element CANVAS do elementuw sekcję: background-image. czytaj całość
[canvas][javascript] Gradient HSV – pełen zakres kolorów
Kategorie: How-to, Javascript, poradniki, Porady dla webmasterów, programowanie, Technologie/Informatyka, tourtale Dodano: 15 listopada 2012 20:20
Model HSV nawiązuje do sposobu, w jakim widzi ludzki narząd wzroku, gdzie wszystkie barwy postrzegane są jako światło pochodzące z oświetlenia. Według tego modelu wszelkie barwy wywodzą się ze światła białego, gdzie część widma zostaje wchłonięta a część odbita od oświetlanych przedmiotów.
H – odcień światła (ang. Hue) wyrażona kątem na kole barw przyjmująca wartości od 0° do 360°;
S – nasycenie koloru jako promień podstawy (wartości od 0 do 1);
V – moc światła białego (wartości od 0 do 1)
Tyle teorii, jak narysować pełen zakres kolorów HSV (tęcza) w CANVAS?
czytaj całość