› Webmaster Blog

[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ść

[c++] config file – wczytywanie zmiennych z pliku tekstowego

 Kategorie: c++, How-to, poradniki, Porady dla webmasterów, programowanie, Technologie/Informatyka, tourtale   Dodano: 30 października 2012 11:29  

Problem: jak wczytać zmienne do c++ znajdujące się w pliku tekstowym a następnie używać ich w programie?

Rozwiązanie: utworzyć klasę, która wczyta plik tekstowy, przydzieli każdą przetworzoną wcześniej linię do dynamicznej tablicy, której kluczem będzie nazwa zmiennej.

Wykorzystanie:
zawartość pliku “plik_konfiguracyjny.txt”

opcja1 wartosc1
opcja2 wartosc2

  czytaj całość

WEBprojektant.pl – HTML, CSS, jQuery, PHP, Joomla, WordPress, phpbb3, Prestashop

 Kategorie: Porady dla webmasterów   Dodano: 1 października 2012 14:35  

Serwis WEBprojektant.pl jest kompedium wiedzy dla webmasterów – zarówno początkujących jak i zaawansowanych. Dostępne są poradniki w formie tekstowej oraz jako wideo tutoriale, które w przystępny sposób przedstawiają zagadnienia z zakresu:  czytaj całość

[html] jak wstawić flash na stronie

 Kategorie: How-to, poradniki, Porady dla webmasterów, tourtale   Dodano: 22 września 2012 11:44  

Działający we wszystkich przeglądarkach kod HTML od do wklejenia na stronę wyświetlający animacje swl (flash):

<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://fpdownload.macromedia.com​/pub/shockwave/cabs/flash/swflash.cab​#version=8,0,0,0″ width=”100″ height=”80″>
<param name=”movie” value=”x.swf” />
<param name=”quality” value=”high” />
<embed src=”x.swf”
quality=”high”
type=”application/x-shockwave-flash”
width=”100″
height=”80″
pluginspage=”http://www.macromedia.com/go/getflashplayer” />
</object>

Wystarczy zmienić zaznaczone w kolorze wartości, odpowiednio wysokość, szerokość oraz adres do pliku .swl (UWAGA! do umieszczenia animacji na stronie wystarczy TYLKO plik .swl! Plik .fla zachowaj na swoim dysku w celu późniejszych zmian, nie musisz wgrywać go na serwer).

[html] Ukrywanie linków w Google

 Kategorie: google, How-to, poradniki, Porady dla webmasterów, Pozycjonowanie strony w google, tourtale   Dodano: 8 września 2012 16:49  

Prosty, szybki, skuteczny i przede wszystkim legalny sposób na ukrycie linków w wyszukiwarce google.

Dlaczego ukrywać linki przed wujem Google? Oczywiście ukrywanie linków nie jest dozwoloną praktyką, ale niektóre linki np. nie są całkowicie związane z tematyką strony (button statystyk odwiedzin), lub są zaczepione o banner reklamowy, itp..

W takich przypadkach Google pozwala na dodanie atrybutu, dzięki któremu silnik wyszukiwarki traktuje link jako “odnośnik bez pokrycia” czyli praktycznie brak odnośnika. Takim atrybutem jest rel=”nofollow”.

Jednak nawet po dodaniu rel-a większość botów (np. systemy wymiany linków) nadal będzie traktować link jako “zwykły link wychodzący” obniżający wartość SEO strony. Jest na to prosty sposób! Wystarczy…  czytaj całość

[wordpress] Fb i G+ wysuwany boczny panel (scrool plugin)

 Kategorie: Darmowe komponenty, google, Promowanie strony/bloga   Dodano: 25 sierpnia 2012 10:59  

Nazwa: Gb i G+ wysuwany boczny panel (scrool plugin)
Ostatnia aktualizacja: 21 luty 2013
Waga: 6,1 KB 
Skrypt: WordPress [>2.0]
Opis:  Wtyczka społecznościowa do wordpress, wysuwany boczny panel pojawiający się po lewej stronie ekranu. Po najechaniu myszką na pasek z ikonkami google i facebook, pojawia się Google+ Badge i Like Box Facebook (w przypadku wprowadzenia linków do oficjalnych profili) lub przyciski polubienia strony głównej.
SEO tech: 1 obiekt wczytywany z chwilą uruchomienia strony (skrypt wtyczki JS 8kb) zawartość wtyczki (kody facebook i google) uruchamiane są tylko w przypadku najechania myszką na panel.  czytaj całość

[wordpress] podziel się (share plugin)

 Kategorie: Darmowe komponenty, Porady dla webmasterów, Promowanie strony/bloga   Dodano: 11 sierpnia 2012 09:39  

Waga: 10,2 KB 
Skrypt: WordPress [>2.0]
Opis:  Wtyczka społecznościowa do wordpress, wyświetla 4 ikonki: facebook, google+, tweeter, gadugadu zaraz pod tytułem wpisu na podstronie. Po najechaniu muszką ikonka zmienia się w przycisk polubienia lub podzielenia się wpisem.  czytaj całość

Katalog wartościowych stron

 Kategorie: Pozycjonowanie strony w google, Promowanie strony/bloga   Dodano: 11 sierpnia 2012 00:00  

Obecnie katalogów stron www jest cała masa.. Nie ma takiego dużego katalogu stron, który pomieściłby wszystkie katalogi stron 😉 Powstawanie nowych katalogów z zastraszającym tempie przyhamowało samo Google, ograniczając “moc pozycjonującą” katalogów praktycznie do minimum.

Obecnie na wartości zyskują prywatne, płatne lub elitarne katalogi stron, które skupiają swoją działalność na katalogowaniu tylko tych stron, które spełniają określone warunki tematyczne.   czytaj całość

[css] [html] zaokrąglenia

 Kategorie: How-to, poradniki, Porady dla webmasterów, Technologie/Informatyka, tourtale   Dodano: 26 lipca 2012 22:28  

Prosta i ciekawa funkcjonalność, która z pewnością poprawi walory Twojej strony internetowej czy bloga.

Do obsługi zaokrągleń w CSS służy parametr “border-radius“, którego wartością jest rozmiar promienia krzywizny zaokrąglenia (lub dwa promienie w przypadku zokrągleń eliptycznych). Jako, że parametr jest składnikiem CSS3, musimy dodać “zamienniki” (-webkit-border-radius oraz -moz-border-radius), które będą zrozumiałe dla przeglądarek nie obsługujących w pełni polecań CSS3.  czytaj całość