Plugin  PhotoShoot umożliwia tworzenie efektu robienia zdjęć za pomocą wizjera na tle rozmazanego obrazka. Efekt i sposób działania pluginu pokazuje poniższy obrazek.

Dostępne opcje pluginu to:

• image - URL obrazka (wymagany)
• blurLevel - poziom rozmazania obrazka
• opacity - poziom przezroczystości obrazka w tle - zakres od 0 do 1 - im mniejszy tym obrazek bardziej przezroczysty
• viewFinder - obiekt definiujący obszar "wizjera":
  • width - szerokość,
  • height - wysokość,
  • img - obrazek (domyślnie pusty ciąg znaków).
• onClick - funkcja wywoływana po kliknięciu - przekazuje w parametrze do funkcji obiekt z własnościami top oraz left definiującymi położenie lewego górnego rogu migawki.

Obsługa pluginu jest bardzo prosta. Po załadowaniu pliku js oraz css z biblioteką wystarczy podać ścieżkę do zdjęcia i już możemy cieszyć się z uruchomionego efektu.

źródło: tutorialzine.com

W ostatnim wydaniu gazety “Dziennik Stargardzki”, firma “Wawrus” wraz z redakcją gazety, rozpoczęła cykl artykułów “Twoja firma w internecie”.

W najbliższych jej wydaniach zaprezentowane zostaną kolejne artykuły, które krok po kroku przybliżą najważniejsze zagadnienia związane z pozycjonowaniem stron. Opisywane będą następujące tematy: dobór właściwych słów/fraz kluczowych, wybór tytułu strony WWW, optymalizacja meta-tagów, nagłówki, linki.

Zachęcamy do lektury

InnerFade to mała wtyczka do jQuery JavaScript Library. Dzięki niej stworzysz własny pasek najnowszych wiadomości, czy animacji, np. pokaz swojego portfolio lub blok reklamowy na Twoją stronę. Elementy mogą być dowolne, np. zdjęcia, listy, artykuły, DIV.

To bardzo łatwe Zobacz jak działa

HTML

$('ID or class of the element containing the fading objects')
                                                   .innerfade({
animationtype: Type of animation 'fade' or 'slide'
               (Default: 'fade'),
speed: Fadingspeed in milliseconds or keywords
       (slow, normal or fast)(Default: 'normal'),
timeout: Time between the fades in milliseconds
         (Default: '2000'),
type: Type of slideshow: 'sequence', 'random'
      or 'random_start' (Default: 'sequence'),
containerheight: Height of the containing element
                 in any css-height-value (Default: 'auto')
runningclass: CSS-Class which the container
              get’s applied (Default: 'innerfade')
});

<script type="text/javascript">
	$(document).ready(
		function(){
			$('#news').innerfade({
				animationtype: 'slide',
				speed: 750,
				timeout: 2000,
				type: 'random',
				containerheight: '1em'
			});

			$('#portfolio').innerfade({
				speed: 'slow',
				timeout: 4000,
				type: 'sequence',
				containerheight: '220px'
			});

			$('.fade').innerfade({
				speed: 'slow',
				timeout: 1000,
				type: 'sequence',
				containerheight: '1.5em'
			});
		}
	);
</script>

DOWNLOAD

jquery.innerfade.zip (124kb)

źródło: medienfreunde.com

Dość często pojawia się pytanie?

Jak zrobić by link podany w tekście notatki otwierał się w nowym oknie?

Jest taki sposób! Co więcej, jest bardzo ciekawy, a przede wszystkim przydatny, bo bez potrzeby ingerowania w kod strony automatycznie nadaje wszystkim linkom wychodzącym z serwisu atrybut target=”_blank”.

Działanie poniższego kodu jest bardzo proste. Nie sprawdza on domen, adresów IP itp. Wyszukuje on po prostu linki, których atrybut href rozpoczyna się od ciągu znaków http://, ale jednocześnie nie znajduje się w domenie strony, na której umieszczony jest link.

$("a[href^='http://']").each(function(){
     var thehref = $(this).attr('href');
     if(!thehref.match(window.location.host)){
        $(this).attr('target', '_blank');
     }
});

Po prostu wystarczy dodać kilka linijek kodu do pliku ze skryptami JavaScript lub wewnątrz tagów <script></script>, a wszystko zadziała.

Sprawdź!

źródło: blog.ibeq.pl

Firefox 5 posiada również zaawansowane funkcje bezpieczeństwa. Jedną z nich z funkcja “Nie śledź”. Dzięki niej użytkownicy mają większą kontrolę nad sposobem w jaki ich zachowania w Sieci są śledzone i wykorzystywane np. mogą być sprzedawane reklamodawcom. Masz także możliwość wymazać wszelkie ślady przebywania na stronie z przeglądarki - całkowicie i bez żadnych pytań!

ŚCIĄGNIJ ZA DARMO

“Scroll to top”  to nic innego jak przyciski sterowania będące doskonałym dodatkiem do stron z dużą ilością treści, jak np. blogi. Dzięki temu rozwiązaniu, odwiedzający płynnie przewijają stronę w górę, a Twoja strona staje się bardziej przyjazna dla użytkowników.

Poniżej polecam kilka takich rozwiązań. Zobaczcie, oceńcie sami i wybierzcie coś dla siebie

1.  “TopLink” Plugin

Plugin, stworzony przez Davida Walsha, uruchamiający się po użyciu scrolla.

2. Disappearing “Scroll to top”

Ciekawy efekt przycisk “Scroll to top” pojawia się, gdy użytkownik przesuwa się w dół i znika, gdy jest na górze strony

3. UItoTop jQuery Plugin

Prosty i skuteczny plugin stworzony przez Matta Varone’a.

4. jQuery Scroll to Top Control v1.1

Ten skrypt pozwala określić, na jakim poziomie w dół strony (w pikselach) ma pojawiać się przycisk “Back to top”.

Przeszukując sieć można trafić na wiele ciekawych przykładów pokazujący możliwości jQuery. Ostatnio, natknęłam się na bardzo interesujący sposób wyświetlania galerii. A mianowicie, chodzi mi o spacegallery. Prosty plugin, ale jak imponujący efekt. Sami zobaczcie!

Zapraszam do ściągnięcia

DOWNLOAD: spacegallery.zip (205 kb)

Na niektórych stronach internetowych można zauważyć bardzo ciekawy efekt, a mianowicie zmianę koloru tła komórki po najechaniu na nią kursorem myszy. W sumie, jest to efekt bardzo łatwy do uzyskania. Zapraszam poniżej.

Pierwszym krokiem jest stworzenie klasy w szablonie CSS z ustawieniem koloru tła. Nie jest to jednak konieczne, ale będzie o wiele wygodniejsze niż ustawianie stylu dla każdego wiersza. Więc, definiujemy styl w taki sposób, aby ustawiać kolor tła dla każdej komórki w wierszu.

<style type="text/css">
tr.highlight td {
    background-color: red;
}
</style>

Teraz stworzymy skrypt jQuery, który ma za zadanie dodanie klasy .highlight do wiersza po najechaniu myszką na dany wiersz.

<script type="text/javascript">
$(document).ready(function(){
    $("#tabelka tr").hover(function() {
        $(this).addClass("highlight");
    }, function() {
        $(this).removeClass("highlight");
    });
});
</script>

Mając styl i skrypt możemy napisać działający przykład. Oto on:

<style type="text/css">
    table.list {
        width: 100%;
    }
    table.list th {
        background-color:teal;
        color:#fff;
    }
    tr.highlight td {
        background-color: red;
    }
</style>
<script type="text/javascript" src="jQuery/jquery-1.3.2.min.js">
</script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#tabelka tr").hover(function() {
            $(this).addClass("highlight");
        }, function() {
            $(this).removeClass("highlight");
        });
    });
</script>
<table id="tabelka" cellspacing="1" class="list">
<tr>
    <th>Lp.</th>
    <th>Imie</th>
    <th>Nazwisko</th>
</tr>
<tr>
    <td>1.</td>
    <td>Ala</td>
    <td>Kowalska</td>
</tr>
<tr>
    <td>2.</td>
    <td>Franek</td>
    <td>Nowak</td>
</tr>
<tr>
    <td>3.</td>
    <td>Karolina</td>
    <td>Chudzik</td>
</tr>
<tr>
    <td>4.</td>
    <td>Grzegorz</td>
    <td>Krasnal</td>
</tr>
<tr>
    <td>5.</td>
    <td>Henryk</td>
    <td>Marciniak</td>
</tr>
</table>

Myślę, że wyszło ciekawie a do tego możesz dowolnie modyfikować powyższy przykład uzyskując jeszcze lepsze efekty w kolorowaniu innych elementów strony.

źródło: porady-it.pl

<?php
session_start();
$result = mysql_query("SELECT `click`, `unique` FROM `counter`");
$row = mysql_fetch_assoc($result);
$click = $row['click'];
$unique = $row['unique'];
if(!isset($_COOKIE["visited"])){
        setcookie("visited", "1", time()+3*3600);
        mysql_query("UPDATE `counter` SET `click`=".++$click.",
        `unique`=".++$unique.", `updated`=".time());
}elseif(isset($_COOKIE["visited"])){
    mysql_query("UPDATE `counter` SET `click`=".++$click.",
    `updated`=".time());
}
print "Wizyt: $unique, odwiedzin: $click";
ob_end_flush();
?>

Bardzo proste Powodzenia

źródło: designend.net

Oczywistym jest, że większość stron w Internecie zarabia na wyświetlaniu reklam. A niechęć do reklam wynika z ich formy, a nie z tego, że po prostu są. Dodatek AdBlock umożliwia zablokowanie reklam i można zainstalować go w wielu popularnych przeglądarkach takich jak: Mozilla Firefox czy Google Chrome.

Początkowo AdBlock służył do usuwania napastliwych reklam. W miarę powstawania publicznych list Internauci zaczęli jednak blokować wszystko. Dlaczego? Kłopotem jest ilość i forma, czyli pop-upy zasłaniające stronę, filmiki video zawierające dźwięk oraz klasyczne okienko z uciekającym iksem, które bardziej zraża odbiorców niż reklamuje produkt. Niestety, dla reklamodawców ważniejsze jest to, jak długo reklama jest wyświetlana niż to, czy użytkownik poświęci ten czas na zapoznanie się z treścią czy straci czas na poszukiwanie krzyżyka.

Jak wykryć, że ktoś blokuje reklamy?

Wykrycie AdBlocka jest technicznie możliwe za sprawą AdBlock Detector, który można pobrać ze strony autora. Oczywiście, jak każde rozwiązanie to też nie jest idealne, gdyż wystarczy zablokować obsługę JavaScript w przeglądarce i ten mechanizm wykrywania nie zadziała. Jednak nie wszyscy blokują obsługę JavaScript i mechanizm wykrywania będzie działał.

Na uwagę zasługuje również plugin do WordPressa umożliwiający wykrycie odwiedzających blokujących reklamy.

Niestety, wojna użytkowników Internetu z reklamodawcami nadal trwa. Nie ma idealnego rozwiązania, ale z pewnością każdy webmaster utrudni na swój sposób korzystanie ze strony.

źródło: omninoggin.com oraz adblockdetector.com