Blog Mintdesign » tips & tricks

Jak ściągać większe zdjęcia z serwisu istockphoto.com

Mateusz Lomber — Mon, 06 Dec 2010 21:52:49 +0000

W dzisiejszym wpisie rozwiążemy jeden z chyba najbardziej uciążliwych problemów wszystkich webdesignerów – mianowicie możliwość ściągnięcia zwatermarkowanego zdjęcia z istockphoto.com w większej rozdzielczości.

Jako, że istockphoto sam z siebie nie daje takiej możliwości nie mamy zbytnio jak sprawdzić, czy zdjęcie, które chcemy kupić będzie pasowało do naszej pracy – zwłaszcza jeśli potrzebujemy czegoś w rozdzielczości większej niż te standardowe ~400px z previewa.
Oczywiście możemy powiększyć zdjęcie, robić screenshoty i później złożyć cały obrazek, ale przy większej ilości obrazków do przetestowania to syzyfowa praca.

Znacznie prostszym sposobem jest zainstalowanie genialnej wręcz wtyczki do programu mozilla o nazwie “stock zoom”.

WYMAGANIA

Konto na istockphoto.com (by wtyczka zadziałała, musisz być zalogowany)
Przeglądarka Mozilla Firefox

INSTALACJA

1. Wchodzimy na stronę https://addons.mozilla.org/pl/firefox/addon/12958/ przez mozillę i instalujemy wtyczkę.

2. Po powyższym korku wtyczka powinna być automatycznie aktywna – teraz bardzo ważna rzecz, mianowicie wchodzimy w widok -> paski narzędzi -> dostosuj…

3. Otworzyło nam się okienko z ikonkami – 1. znajdujemy ikonkę stock zoom -> 2. przeciągamy ją do naszego paska narzędzi (np. obok paska adresu) -> 3. GOTOWE!

UŻYWANIE

Wchodzimy na istockphoto.com, logujemy się do naszego konta, wchodzimy na wybrane przez nas zdjęcie, powiększamy je (klikając na nie – pojawi się lupa z plusem) – a następnie klikamy ikonkę stock zoom’a.
Teraz tylko wystarczy, że klikniemy zapisz i będziemy mogli się cieszyć zdjęciem w wymaganej rozdzielczości do przetestowania

Darmowe stocki

A Wy może też znacie jakieś strony z darmowymi stockami? Zachęcam do pisania komentarzy

Dlaczego warto używać stałych?

Virus — Tue, 05 Jan 2010 21:20:39 +0000

W PHP (i w każdym chyba języku programowania) oprócz zmiennych istnieją również stałe. Jak łatwo się domyślić z nazwy, przyjmują one jedną wartość podczas definicji i nie można jej później zmienić operatorem przypisania. Zastosowanie stałych nie dla wszystkich jest oczywiste, początkujący programiści często nie doceniają wygody i przydatności ich stosowania. W tym artykule przedstawiam kilka z życia wziętych przykładów zastosowania stałych.

Na początek jednak trochę teorii. Oto sposoby definiowania stałych w PHP:

1 2	define('STALA', 10) // definicja stałej STALA o wartości 10 const INNA_STALA = 20; // od PHP 5.3.0: definicja stałej INNA_STALA o wartości 20

Osobiście preferuję pierwszy sposób z powodu jego wszechstronności: w funkcji define() za nazwę stałej możemy podać zmienną o danej wartości.
Pomimo iż w nazwach stałych dopuszczalne jest nazewnictwo takie same, jak u zmiennych (małe i wielkie litery, cyfry i znak podkreślenia), przyjęło się, iż stałe powinny mieć nazwy pisane wielkimi literami.
Do stałych w kodzie odwołujemy się w następujący sposób:

1
2
3

echo STALA;
echo constant('STALA');
echo constant($zmienna_z_nazwa_stalej);

W przypadku definiowania stałych funkcją define() i zmienną w pierwszym parametrze, zmienna ta może zawierać dowolnego stringa. Gdy string ten zawiera znaki niedozwolone w przypadku normalnego nazywania stałych, możemy do tej stałej odwołać się jedynie poprzez funkcję constant(). W pozostałych przypadkach najlepiej jest po prostu wstawić nazwę stałej w danym miejscu kodu. Przy definiowaniu stałych wielkość liter jest rozróżniana. W przypadku odwołania się do nieistniejącej stałej generowany jest również notice, a nazwa nieistniejącej stałej, którą podaliśmy, zostaje przyjęta za jej wartość. Przykład:

1
2
3
4

define('JAKAS_STALA', 123);
echo Jakas_stala; // generowany jest notice o treści
// "Use of undefined constant Jakas_stala - assumed 'Jakas_stala'"
// i wyświetlony zostanie napis "Jakas_stala"

Aby sprawdzić, czy stała o danej wartości istnieje, używamy funkcji defined(). Przykład użycia:

1
2
3

define('STALA', 10);
defined('STALA'); // zwraca true;
defined('NIE_STALA'); // zwraca false;

To na tyle teorii, przejdźmy do praktycznych zastosowań.

Często stosowane wartości

Weźmy za przykład skrypt, który dzieli dużą ilość newsów na strony. Musimy znać liczbę elementów, które mają się jednorazowo pojawiać na stronie, numer aktualnej strony oraz wyliczyć ilość wszystkich stron, aby móc znać odniesienie do ostatniej strony. Zakładając, że ilość elementów na stronę to 10, przykładowy fragment kodu wyglądałby tak:

1
2
3
4

$aktualna_strona = isset($_GET['strona']) ? $_GET['strona'] : 1;
$numer_ostatniej_strony = ceil($ilosc_danych / 10);
// pobranie danych z bazy
$query = 'SELECT cos FROM gdzies WHERE cos = 'jakos' LIMIT ' . ($aktualna_strona * 10) . ', 10';

Liczba 10 pojawia się w powyższym kodzie trzy razy. Co w wypadku, gdy okaże się, że nie chcemy by elementów było 10, tylko 5? Musimy trzy razy zastąpić ręcznie dziesiątkę piątką. Sytuacja dodatkowo komplikuje się, gdy taki skrypt używany jest kilka razy.
Dodatkowo, liczba 10 jest tutaj zwykłą liczbą, nieprzypisaną do żadnej zmiennej. Co to za liczba? Co oznacza i do czego służy? Patrząc na ten kod nie jest to takie oczywiste, a im później do niego wrócimy, tym mniejsza szansa, że będziemy wiedzieli o co w nim chodzi.
Rozwiązanie z użyciem stałych jest dużo wygodniejsze jeśli chodzi o użyteczność i przejrzystość kodu. Na początku pliku definiujemy stałą o nazwie ITEMS_PER_PAGE i wartości 10:

1	define('ITEMS_PER_PAGE', 10);

Później w poprzednim skrypcie zamieniamy każdą dziesiątkę na naszą stałą:

1
2
3
4

$aktualna_strona = isset($_GET['strona']) ? $_GET['strona'] : 1;
$numer_ostatniej_strony = ceil($ilosc_danych / ITEMS_PER_PAGE);
// pobranie danych z bazy
$query = 'SELECT cos FROM gdzies WHERE cos = 'jakos' LIMIT ' . ($aktualna_strona * ITEMS_PER_PAGE) . ', ' . ITEMS_PER_PAGE;

W tym wypadku, gdy chcemy zmienić liczbę elementów na stronie, wystarczy tylko zmienić wartość w funkcji define().

Parametry funkcji

W PHP istnieje wiele predefiniowanych stałych, które znajdują zastosowanie w wielu miejscach. I tak na przykład funkcja preg_match_all() za czwarty parametr może przyjąć trzy stałe: PREG_PATTERN_ORDER, PREG_SET_ORDER i PREG_OFFSET_CAPTURE. Ich wartości to odpowiednio 1, 2 i 256. Teoretycznie liczby są krótsze i szybciej się je zapisze, jednak o ile czytelniej i łatwiej w zapamiętaniu używać stałych? Jeszcze bardziej użyteczny przykład ma się z typami plików w GD. Co jest czytelniejsze i łatwiejsze do zapamiętania:

1 2	getimagesize($image, list($width, $height, $type)); if ($type == 2) { echo "to jest JPG"; }

czy

1 2	getimagesize($image, list($width, $height, $type)); if ($type == IMAGETYPE_JPEG) { echo "to jest JPG"; }

?
Definiowanie stałych ułatwia życie przy pisaniu funkcji, w których parametry mogą mieć jedną z kilku dopuszczalnych wartości. Warto zaznaczyć, że w takich przypadkach jak podano najlepiej sprawdzają się stałe będące liczbami naturalnymi – porównywanie ich jest dużo szybsze niż porównywanie łańcuchów znaków.
Co ciekawe, stałe jeszcze bardziej ułatwiają życie, gdy potrzebujemy funkcji, w których jeden parametr może przyjąć kilka niezależnych wartości. Tutaj pojawiają się flagi.

Flagi

Flagi są stałymi przyjmującymi za wartości kolejne potęgi dwójki (1, 2, 4, 8, 16…). Używając ich, bardzo łatwo można ustalić, czego akurat wymagamy od funkcji.
Napiszmy przykładową funkcję walidującą dane w formularzu. Załóżmy, że dopuszczamy podanie przez użytkownika danych składających się tylko z małych liter, tylko z wielkich liter, tylko z cyfr oraz dowolnych kombinacji wymienionych. Na początku definiujemy stałe, które będą używane jako flagi.

1
2
3

define('LOWERCASE', 1);
define('UPPERCASE', 2);
define('DIGITS', 4);

W jaki sposób możemy ustawić więcej niż jedną flagę? Służy do tego operator binarny OR: | (pojedyncza pionowa kreska – nie mylić z operatorem logicznym, podwójną pionową kreską). Sprawdzenie, czy dana flaga jest ustawiona odbywa się z użyciem operatora binarnego AND: & – pojedynczy ampersand. Zdefiniujmy naszą funkcję:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

function waliduj($dane, $flagi = 0) {
if ($flagi == 0) return 1; // żadna flaga nie jest ustawiona - wszystkie dane są poprawne - zwracamy wynik
$wyrazenie = '/[^'; // łańcuch, który posłuży nam do budowy wyrażenia regularnego
// dokładamy znaki do zbioru, z którego znaki nie powinny wystąpić w sprawdzanym łańcuchu
if ($flagi & LOWERCASE) $wyrazenie .= 'a-z';
if ($flagi & UPPERCASE) $wyrazenie .= 'A-Z';
if ($flagi & DIGITS) $wyrazenie .= '0-9';
$wyrazenie .= ']/';
// jeśli w wyrażeniu znajdują się znaki spoza zbioru, zwracamy fałsz
if (preg_match($wyrazenie, $dane)) {
return 0;
} else {
return 1;
}
}

Dla tych pierwszy raz widzących wyrażenia regularne: zaczynać i kończyć się muszą one dowolnym niealfanumerycznym znakiem (najczęściej używa się slasha). Nawiasy kwadratowe służą do wyodrębnienia zbioru znaków, który ma się pojawić w łańcuchu. Jeśli zaraz po lewym nawiasie występuje znak ^, wówczas wyrażenie dotyczy wszystkich znaków spoza tego zbioru.
Przykładowe wywołania funkcji z ustawionymi flagami:

1
2
3
4

waliduj('Tekst', LOWERCASE); // zwróci 0
waliduj('Tekst', LOWERCASE | UPPERCASE); // zwróci 1
waliduj('T3kst', LOWERCASE | UPPERCASE); // zwróci 0
waliduj('T3kst', LOWERCASE | UPPERCASE | DIGITS); // zwróci 1

Notka: w pierwszym przypadku sprawdzane wyrażenie regularne to /[^a-z]/, w drugim i trzecim: /[^a-zA-Z]/, a w czwartym /[^a-zA-Z0-9]/. Więcej o wyrażeniach regularnych w kolejnym tutorialu.

To by było na tyle. Mam nadzieję, że art się przyda, itd, itp Jest to moje pierwsze dzieło tego typu, więc nie szczędzić krytyki ani pomysłów na kolejne tutoriale w komentarzach.

Jak wyświetlić info o autorze wpisu?

Mateusz Lomber — Sun, 01 Nov 2009 21:41:45 +0000

Prowadząc blog na którym umieszcza wpisy więcej niż jedna osoba bardzo przydatnym elementem w każdej notce byłoby jakieś bardziej szczegółowe info o autorze. (Gdy samo imię i nazwisko / nick już nie wystarczą)

WordPress posiada gotowe funkcje pozwalające nam wyświetlić takie informacje o autorze notki w szablonach jak:

Techniczne:

Id (numer identyfikacyjny autora)
Login (nazwa użytkownika jaką się logujemy do PA)

Informacyjne:

Imię
Nick
Nazwisko
E-mail
Opis (opis biograficzny autora)
Stronę www
YIM (Yahoo Instant Messenger)
AIM (AOL Instant Messenger)

Funkcjonalne:

Wyświetlanie liczby wpisów autora
Link do wszystkich postów autora

Funkcje te należy zamieszczać w pliku szablonu (/wp-content/themes/nazwa-szablonu/single.php)

Należy też pamiętać o tym, że funkcja ta powinna się znajdować w obrębie pętli – czyli za:

1	if (have_posts()) : while (have_posts()) : the_post(); ?>

a przed:

1
2
3

endwhile; else: ?>
...
endif; ?>

Wyświetlenie Id Autora

1	the_author_ID(); ?>

Wyświetlenie Loginu Autora

1	the_author_login(); ?>

Wyświetlenie Imienia Autora

1	the_author_firstname(); ?>

Wyświetlenie Nicku (Pseudonimu) Autora

1	the_author_nickname(); ?>

Wyświetlenie Nazwiska Autora

1	the_author_lastname(); ?>

Wyświetlenie E-maila Autora

1	the_author_email(); ?>

Wyświetlenie Opisu biograficznego Autora

1	the_author_description(); ?>

Wyświetlenie Strony www Autora

1	the_author_url(); ?>

Wyświetlenie YIM Autora

1	the_author_yim(); ?>

Wyświetlenie AIM Autora

1	the_author_aim(); ?>

Wyświetlenie Liczby wpisów Autora

1	the_author_posts(); ?>

Wyświetlenie Linka do wszystkich postów Autora

1	the_author_posts_link(); ?>