Pozostałe

Farbtastic: wybór koloru w jQuery

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!

farbtastic

DOWNLOAD

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

źródło: acko.net


jQuery - Centrowanie w pionie i poziomie

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. :)

jablko

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


Nowa wersja Kaspersky Anti-Virus 2012

Kaspersky Anti-Virus jest bardzo popularnym programem chroniącym nasz komputer przed różnymi zagrożeniami. Program pozwala na ewentualne wykrycie oraz usunięcie wirusów z zainfekowanych plików, programów, boot sektorów, poczty internetowej, a także pamięci głównej. Program doskonale integruje się z klientem poczty, dzięki czemu żaden wirus nie powinien się przez niego przedostać.

kaspersky

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


Udoskonal swojego Wordpressa

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


Niepowtarzalne logo dla firmy

Każda firma musi posiadać znak graficzny, który będzie identyfikował firmę na rynku. Jeśli jeszcze go nie ma to koniecznie należy to zmienić. Jak się do tego zabrać?

Po pierwsze, kto stworzy niepowtarzalne logo?

Poszukiwanie właściwego wykonawcy to pierwsza rzecz, którą należy wykonać. Niestety trzeba się przedrzeć przez gąszcz internetowych stron, na których swoje usługi polecają agencje, freelancerzy, studenci i amatorzy. Nawiąż kontakt z wykonawcami, napisz czego oczekujesz i zobacz, co i za ile są Ci w stanie zaproponować. Przejrzyj ich dotychczasowe projekty. Nie spiesz się, zwróć uwagę na komunikatywność, fachowość i szybkość udzielania odpowiedzi na Twoje pytania. Oczywiście, jeśli wykonawca jest niekontaktowy, nie dotrzymuje terminów telefonów, czujesz się przez niego lekceważony, to uciekaj. Ze współpracy z taką osobą czy agencją nic dobrego nie wyniknie.

Po drugie, za ile?

Określ z góry swój zakres finansowy, bo to zdecydowanie ułatwi Ci wybór. Nie jest powiedziane, że logo za 4000 zł będzie lepsze od tego za 1000, … ale cena świadczy też o pewnym poziomie. Oczywiście, kupując logo za 300 złotych istnieje prawdopodobieństwo, że nie będzie ono zbyt oryginalne i dopracowane. Jeśli jednak zależy Ci na używaniu go jedynie do celów internetowych, to faktycznie możesz wziąć pod uwagę tańsze rozwiązanie.

Po trzecie, jak mogę pomóc projektantowi?

Jeżeli wybrałeś już wykonawcę to z pewnością zostaniesz poproszony o wypełnienie formularza (tak zwanego briefu) dotyczącego Twojej firmy i Twoich oczekiwań. Musisz dość precyzyjnie odpowiedzieć na postawione pytania – robisz to przecież we własnym interesie. Zastanów się, jakie wartości są ważne dla Twojej firmy, jak chcesz, by była postrzegana. Jakbyś ją określił …dynamiczna, tradycyjna, kreatywna, a może konserwatywna.

Pomyśl o swoich klientach … jacy są? jacy będą?, jeśli zamierzasz poszerzać działalność. Logo musi do nich trafić, wzbudzić w nich zaufanie i pozytywne skojarzenia. Zgromadź sobie potrzebne dane, klientów, konkurentów – grafik musi poznać ich logo, aby Twoje się od nich odróżniało.

Po czwarte, po czym poznam czy logo jest dobre?

Jeśli wykonawca się przyłożył, przeanalizował Twoje potrzeby i oczekiwania oraz Twoją konkurencję, a Ty starannie wypełniłeś formularz wstępny i podczas prac na bieżąco dawałeś znać, gdy coś Ci nie odpowiadało, to na pewno logo będzie dobre. Oczywiście, pewne aspekty loga (jak się prezentuje, czy Ci się podoba) ocenisz od razu. Z kolei efekty jego działania (jego zdolność do zapadania w pamięć czy przyciągania uwagi) będzie można ocenić z czasem.

Po piąte,  co z prawami do logo?

Solidni wykonawcy przekazują Ci pisemnie autorskie prawa majątkowe do logo. W taki przekazaniu sformułowane są szczegóły co do wykorzystania logo, jego ewentualnych przeróbek, odsprzedaży, licencjonowania itd. Zwróć uwagę, abyś otrzymał prawa do wykorzystania logo w różnych mediach – ograniczenia w tym zakresie nie są dobrą praktyką.

Pamiętaj, że nie otrzymasz do logo praw autorskich – to nie jest po prostu możliwe, ponieważ prawa autorskie są niezbywalne. Jeśli ktoś zapewnia Cię, że takie prawa Ci przekaże, to wprowadza Cię w błąd.

Musisz pamiętać, że projektowanie logo, to niestety żmudny proces. Wielu grafików opracowuje projekty ręcznie, tj. ołówkiem. Dokładnie analizują Twoje oczekiwania, wartości Twojej firmy, podglądają Twoich konkurentów. Dopiero po tych wszystkich czasochłonnych procesach zasiadają do projektowania. Zatem jeśli ktoś obiecuje Ci logo w 24 h, to nie oczekuj za dużo.

Nie podejmuj decyzji pochodnie. Raz wprowadzone do użycia logo będzie bardzo ciężko zastąpić innym i nie chodzi tu o koszt finansowy.

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


Gdzie szukać darmowych zdjęć?

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

darmowe zdjęcia do wykorzystania komercyjnego

2. www.morguefile.com

darmowe zdjęcia do wykorzystania komercyjnego

3. www.openphoto.net

darmowe zdjęcia do wykorzystania komercyjnego

4. www.sxc.hu

darmowe zdjęcia do wykorzystania komercyjnego

5. www.photogen.com

darmowe zdjęcia do wykorzystania komercyjnego

6. www.thinkstockphotos.com

darmowe zdjęcia do wykorzystania komercyjnego

7. freerangestock.com

darmowe zdjęcia do wykorzystania komercyjnego

8. www.freepixels.com

darmowe zdjęcia do wykorzystania komercyjnego

9. www.turbophoto.com

darmowe zdjęcia do wykorzystania komercyjnego

10. www.adigitaldreamer.com

darmowe zdjęcia do wykorzystania komercyjnego

11. www.pixelgalerie.com

darmowe zdjęcia do wykorzystania komercyjnego

12. www.freestockphotos.com

darmowe zdjęcia do wykorzystania komercyjnego

13. www.stockvault.net

darmowe zdjęcia do wykorzystania komercyjnego

14. www.imageafter.com

darmowe zdjęcia do wykorzystania komercyjnego

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 :)


Nowa wersja jQuery 1.7 BETA 1

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


Część 5 - LINKI

Dzisiaj zapraszam na opublikowaną już część piątą naszego poradnika w “Dzienniku Stargardzkim“, a jego tematem są “Linki”. Niestety to już ostatnia  część tej serii artykułów, więc gorąco zachęcam do lektury.

cz5

Dziękujemy “Dziennikowi Stargardzkiemu” za udaną i ciekawą współpracę oraz wszystkim czytelnikom za to, że czytacie, oceniacie, podpowiadacie i komentujecie.

DZIĘKUJEMY :)


Galleria

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.

galleria

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


Część 4 - Nagłówki

To już czwarta część naszego poradnika w “Dzienniku Stargardzkim”. W tej części omawianym tematem były “Nagłówki”, czyli jaką naprawdę spełniają rolę i jak można je wykorzystać do promocji strony. Podpowiadaliśmy też  jak właściwie sformatować tekst :)

Zapraszamy na część 4!

cz4

Kolejna część już za tydzień!