Farbtastic jest wtyczką jQuery, która może dodać jeden lub więcej widżetów wyboru koloru na stronie. Każdy widżet jest połączony z istniejącym element (np. z polem tekstowym) i będzie aktualizował wartości elementu, gdy kolor zostanie wybrany.

Farbtastic wykorzystuje warstwowo przezroczyste PNG, aby odtworzyć gradient nasycenia/jasności wewnątrz odcieni okręgu.

Wypróbuj sam!

DOWNLOAD

Sam skrypt można zobaczyć tutaj:
http://acko.net/files/farbtastic_/farbtastic.js

źródło: acko.net

Widget (widżet) określane mianem technologii przyszłości. To inaczej element lub aplikacja pokazująca zazwyczaj: informacje z Internetu, informacje z systemu, godzinę, pogodę, ramkę z zdjęciem i tak dalej.

Widgety, widgety, widgety. Takie małe coś, a diametralnie zmienia funkcjonalność urządzenia.

1. BatteryLife

Widget ładnie pokazujący stan zużycia baterii. Jest możliwe ustawienie kolory faz widgetu baterii oraz momenty ich zmian. Może również dodatkowo wyświetlić obok baterii dodatkowe informacje takie jak: temperatura akumulatora, zużycie i stan naładowania.

BatteryLife v1.3.1

2. TypoClock

Trzeba przyznać, że sposób, w jaki dany widget prezentuje datę i czas, jest co najmniej niecodzienny i przykuje uwagę każdego, kto weźmie do ręki naszego smartfona. Zegar wspiera język polski – ze wszystkimi znakami typu ę, ą, ź itp. włącznie.

TypoClock

3. WF & Clock widget

Widget pokazujący zegar i prognozę pogody w miejscu, gdzie się znajdujesz. Przystosowany do wszystkich rozmiarów ekranu.

WF & Clock widget v1.0.8

4. Extended Controls

Mega zestaw widgetów przełączników (ponad prawie 30 przełączników), wiele opcji konfigurowania m.in. kolory przycisków, etykiety, wzory (skiny), ustawienia zaawansowane. Extended Controls zawiera przełączniki takie jak: 2G-3G, 4G, APN, WiFi, Bluetooth, jasność, GPS, synchronizacja, rotacja, tryb samolotowy, tryb cichy, wibracje, montowanie usb, AutoLock, reboot telefonu (tylko dla Root), locale, wzór, AudioManager, blokada i jeszcze kilka.

Extended Controls

5. QuickCalendar

QuickCalendar jest oczywiście malutkim okienkiem na pulpit Androida, który wyświetla dwa bądź trzy (zależnie od ustawień) ostatnie pozycje z kalendarze. Wyświetla godzinę, tytuł oraz dzień pozycji. QuickCalendar to świetne rozwiązanie dla ludzi leniwych, ale i ekonomicznych.

QuickCalendar

Centrowanie elementu w pionie i poziomie niejednokrotnie stanowi problem. Dlatego dzisiaj zaprezentuję obejście problemu i jego szybkie rozwiązanie za pomocą jQuery. Zaletą tej metody, jest fakt, że nie musimy znać wielkości wyśrodkowywanego elementu.

Myślę, że każdemu przyda się taki szybki trik.

Metoda wywoływana jest w 2 przypadkach:

1. przy każdej zmianie rozmiaru okna ($(window).resize()),

2. po załadowaniu strony ().

Zasadniczo mechanizm metody jak taki sam jak w przypadku często stosowanej metody CSS, czyli nakłada position:absoute, a następnie wyśrodkowuje element, z tą jedna uwagą ze nie musimy znać wielkości elementu, bo jest ona pobierana dynamicznie i uwzględniania w wyliczaniu pozycji. Warto zauważyć, że podczas pobierania elementu nie została wykorzystana funkcja width() i height(), a outerWidth() i outerHeight(). Ma to na celu pobranie wartości rozmiaru elementu z uwzględnieniem paddingu czy bordera, co nie miałoby miejsca w przypadku width() i height().

$(window).resize(function(){
$('.className').css({
position:'absolute',
left: ($(window).width() – $('.className').outerWidth())/2,
top: ($(window).height() – $('.className').outerHeight())/2
});
});
// wykonanie funkcji na starcie
$(window).resize();

Szybkie i skuteczne Polecam

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

Aplikacja Kaspersky Anti-Virus posiada opcję pomijania podczas skanowania plików uznanych wcześniej jako zdrowe i nie zmodyfikowanych od tego czasu, co znacznie przyspiesza działanie programu. Aplikacja składa się z szeregu komponentów, dostępnych teraz z poziomu jednego, wygodnego interfejsu: ochrony w czasie rzeczywistym, skanowania zasobów lokalnego komputera, ochrony przed wirusami skryptowymi, pobierania nowych wersji programu, zarządzania aplikacją, pobierania definicji wirusów.

Zapraszam do pobrania testowej wersji programu Kaspersky Anti-Virus.

źródło: www.idg.pl

Dzisiaj kilka interesujących pluginów realizujących „Drag and Drop”. Zapraszam

1. Drag to Share

Bardzo ciekawa i prosta propozycja wykorzystania przeciągania elementów – aby włączyć panel podzielenia się treścią w socialmedia należy przeciągnąć obrazek w wyznaczony obszar.

Tutorial ¦¦ Demo

2. Drag’n Drop With jQuery And PHP

Ta propozycja najlepiej wykorzystuje ideę drag and drop, a przy tym zwiększa usability strony pozwalając zmieniać jej zawartość, zapamiętując przy tym dane.

Tutorial ¦¦ Demo

3. Lista drag and drop

Bardzo prosty przykład stworzenia sortowanej listy z wykorzystaniem JavaScriptu.

Tutorial ¦¦ Demo

4. jQuery Portlets

Klasyka drag and drop

Demo

5. Nettuts drag and drop

I na koniec rozwiązanie identyczne z tym co proponuje iGoogle, z tym, że dużo bardziej kolorowe. Autor krok po kroku przechodzi przez kolejne kroki implementacji aż do efektu pokazanego poniżej.

Tutorial ¦¦ Demo

Polecam

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

Z pewnością każdemu blogerowi przydadzą się triki modyfikujące wybrane części mechanizmu WordPressowego.

Więc zapraszam poniżej

1. Lista nadchodzących wpisów

Jeżeli chcesz informować swoich czytelników czego mogą się spodziewać w nadchodzących wpisach na Twoim blogu, to rozwiązanie z pewnością będzie pomocne. Implementacja tej funkcji nie jest trudna:

<div id="pojNadchodzace">
<div id="pojNadchodzaceHeader">
     Nadchodzące wpisy
</div>
<?php query_posts('showposts=10&post_status=future'); ?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<div>
<p class=""><b><?php the_title(); ?></b><?php edit_post_link('e',' (',')'); ?>
        <span class="datetime"><?php the_time('j. F Y'); ?></span>
</p></div>
<?php endwhile; else: ?>
    Nie zaplanowano jeszcze nadchodzących wpisów
<?php endif; ?>
</div>

Wystarczy wkleić ten fragment kodu w miejsce, w którym chcesz by znajdowała się lista nadchodzących wpisów i oto już masz gotową listę.

2. Powiązane wpisy

Jednym z ciekawszych rozwiązań, sprawiających, że użytkownik pozostaje w serwisie po przeczytaniu wpisu jest umieszczenie linków do powiązanych wpisów.

Aby wdrożyć tę funkcjonalność należy w pliku single.php w swoim szablonie skopiować poniższy kod. Dzięki temu zostaną wygenerowane linki do powiązanych postów na podstawie tagów tychże wpisów.

<?php
//pokazuje 5 nagłówków powiązanych postów
$tags = wp_get_post_tags($post->ID);
if ($tags) {
  echo 'Powiązane Wpisy';
  $first_tag = $tags[0]->term_id;
  $args=array(
    'tag__in' => array($first_tag),
    'post__not_in' => array($post->ID),
    'showposts'=>5,      'caller_get_posts'=>1
  );
  $my_query = new WP_Query($args);
  if( $my_query->have_posts() ) {
    while ($my_query->have_posts()) : $my_query->the_post(); ?>
      <p><a href="<?php the_permalink() ?>" rel="bookmark" title="Link do <?php the_title_attribute(); ?>"><?php the_title(); ?></a></p>
    <?php endwhile;
  }
}
?>

3. Jak dodać ikonkę drukowania wpisu

To prosta i bardzo przydatna sztuczka zwłaszcza dla prowadzących kulinarnego bloga.

Zmian dokonujemy w single.php i wstawiamy poniższą linijkę kodu w dogodne dla nas miejsce.

<a href="javascript:window.print()" rel="nofollow">Wydrukuj artykuł</a>

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

Często projektując stronę internetową mamy problem ze zdobyciem darmowych i dobrej jakości zdjęć. Oczywiście istnieje mnóstwo serwisów, gdzie można zakupić zdjęcia, jednak nikt nie ma ochoty ponosić dodatkowych kosztów. Więc, oto poniżej lista najlepszych serwisów internetowych, z których można pobrać darmowe zdjęcia.

1. www.freephotosbank.com

2. www.morguefile.com

3. www.openphoto.net

4. www.sxc.hu

5. www.photogen.com

6. www.thinkstockphotos.com

7. freerangestock.com

8. www.freepixels.com

9. www.turbophoto.com

10. www.adigitaldreamer.com

11. www.pixelgalerie.com

12. www.freestockphotos.com

13. www.stockvault.net

14. www.imageafter.com

Oczywiście, należy pamiętać o zapoznaniu się z warunkami szczegółowego wykorzystania darmowych zdjęć w różnego rodzaju pracach z różnych serwisów. W niektórych serwisach większość darmowych zdjęć można umieszczać na stronach internetowych, w materiałach promocyjnych itd, ale nie można wykorzystywać w logo, czy w sposób obrażający innych ludzi. Dlatego warto uważnie przeczytać warunki wykorzystywania zdjęć.

Miłego ściągania

Pojawiła się nowa wersja najpopularniejszego frameworka JavaScriptu – jQuery 1.7 BETA 1. Zawiera ona kilka nowych ciekawych funkcji oraz wiele poprawek. Zachęcam do sprawdzenia i testowania

A co nowego znajdziemy w wersji 1.7 BETA 1?

1. Możliwość rejestracji jQuery jako asynchronicznego modułu AMD, przez co nie będzie konfliktów między różnymi wersjami ładowanego jQuery.

2. Większe wsparcie dla HTML5. Można odwoływać się do innerHTML jego elementów. Klonowanie działa teraz w wielu przeglądarkach.

3. Obsługa nazywanych kolejek przez animate ( ), dzięki czemu zachowana jest kolejność animowanych obiektów na liście.

4. Nowe metody: .on() and .off() do podpinania się w bardziej jednolity sposób do zdarzeń.

5. Usuwanie wielu atrybutów przez removeAttr( ).

6. Szybsze działanie funkcji do przechowywania i pobierania danych .data( ).

Testowa wersja 1.7 do pobrania pod adresem:

code.jquery.com/jquery-1.7b1.js

źródło: addyosmani.com, blog.jquery.com

Galleria to plugin umożliwiający stworzenie w bardzo prosty i szybki sposób efektownej galerii zdjęć. Plugin ten zdecydowanie upraszcza proces tworzenia profesjonalnej galerii zdjęć w Internecie i urządzeniach mobilnych.

Plugin ten ma wiele praktycznych opcji, jak automatyczne przewijanie zdjęć, opisy, efekty przejścia, które możemy użyć do dostosowania naszej galerii do konkretnych potrzeb. Możemy również upodobnić ją do galerii w stylu LightBox’a i o wiele więcej. Dzięki niemu stworzymy niepowtarzalną galerię zdjęć.

TUTORIAL ¦¦  DEMO ¦¦  DOWNLOAD

Powodzenia

źródło: galleria.aino.se

jQuery można zastosować naprawdę do wszystkiego. Nie wierzycie? … jPong to niesamowita gierka stworzona w jQuery. Przypomina “ping ponga”, tylko że w 3D. Sprawdźcie sami i zobaczcie jak działa!

Oto lista cech, które są zawarte w tej grze:

• Pokaż wynik
• Wpływać na piłkę po uderzeniu go (krzywa)
• Włączanie / wyłączanie zasilania, aby stworzyć “ściany” panele po krzywej piłkę

A teraz uruchom grę i graj Uważaj, bo łatwo stracić piłkę

POWODZENIA

źródło: marcofolio.net