Blog Mintdesign » wtyczki http://blog.mintdesign.pl Blog poświęcony tematyce tworzenia stron internetowych. Mon, 09 May 2011 18:46:48 +0000 pl hourly 1 http://wordpress.org/?v=3.0.3 Jak ściągać większe zdjęcia z serwisu istockphoto.com http://blog.mintdesign.pl/inne/jak-sciagac-wieksze-zdjecia-z-serwisu-istockphoto-com.html http://blog.mintdesign.pl/inne/jak-sciagac-wieksze-zdjecia-z-serwisu-istockphoto-com.html#comments Mon, 06 Dec 2010 21:52:49 +0000 Mateusz Lomber http://blog.mintdesign.pl/?p=758 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

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

]]> http://blog.mintdesign.pl/inne/jak-sciagac-wieksze-zdjecia-z-serwisu-istockphoto-com.html/feed 4 Wtyczki do Google Chrome http://blog.mintdesign.pl/inne/wtyczki-do-google-chrome.html http://blog.mintdesign.pl/inne/wtyczki-do-google-chrome.html#comments Tue, 09 Feb 2010 17:45:03 +0000 Mateusz Lomber http://blog.mintdesign.pl/?p=639 Google Chrome Jak niektórzy z was zauważyli, od jakiegoś czasu w menu ustawień Google Chrome pojawił się nowy element – mianowicie są to długo wyczekiwane przez wszystkich miłośników tej przeglądarki rozszerzenia.

Przeglądając bazę wtyczek jestem bardzo pozytywnie zaskoczony – są tam wszystkie dodatki, których potrzebowałem (czyt. których mi brakowało po przejściu z mozilli do chrome).

W tym artykule przedstawię wtyczki, które według mnie są najciekawsze i najbardziej przydatne. ;)

1. AdBlock

Wtyczka znana chyba wszystkim, która blokuje reklamy na stronach www. (nie jest to co prawda oryginalny adblock i nie jest idealny, ale nadal się rozwija)

2. Eye Dropper

Rozszerzenie, którego mi chyba najbardziej brakowało. Eye Dropper (alternatywa dla firefox’owej wtyczki zwanej Color Picker) służy szybkiemu ‘pobraniu’ koloru z każdego elementu strony www oraz dostosowaniu tego koloru do własnych potrzeb (lub nie). Kolor możemy pobrać w postaci hexów (np. #000000), zestawu kolorów w formacie RGBA i HSB. (W przypadku hexów, zauważyłem, że wtyczka dodaje na końcu każdego kodu dodatkowe ff, dlatego należy pamiętać, że ten format składa się z # oraz 6 liter lub/i cyfr, licząc od lewej – lub po prostu nie uwzględniać tych ff na końcu)

3. Google Mail Checker

Kolejny bardzo fajny plugin do google chrome, który w postaci małej ikonki gmaila obok paska adresu informuje nas o ilości aktualnie nieprzeczytanych maili. (By nie trzeba było ciągle zaglądać na maila)

4. Send from Gmail (no button)

Genialna wtyczka, która powoduje, że po kliknięciu na każdy link z mailto: (który normalnie włącza nasz domyślny program pocztowy typu outlook, thunderbird, itd.) otwiera nam okienko wysyłania maila z naszej poczty gmail.

5. Pendule

Idealne narzędzie dla developerów pod google chrome – zawiera ono:

+ pokazywanie, odświeżanie oraz wyłączanie stylów css

+ wyświetlanie skryptów javascript

+ pokazywanie haseł
+ zamienianie formularzy typu select na text input
+ usuwanie limitu znaków w formularzach (maxlength)
+ czyszczenie radio formów

+ ukrywanie plików zdjęciowych
+ pokazywanie wszystkich tekstów (typu alt=”, itp.)
+ pokazywanie wymiarów wszystkich elementów strony
+ pokazywanie ścieżek (adresów, źródeł) elementów na stronie

+ podgląd źródła strony
+ color picker
+ linijka (możliwość manualnego zmierzenia dowolnego miejsca na stronie)
+ przełączanie na wygląd topograficzny (coś co pozwala zobaczyć jak rozmieszczone są divy)

+ walidacja strony
+ walidacja pliku css
+ walidacja linków
+ walidacja feed’ów (rss)
+ walidacja WAI

6. Docs PDF/PowerPoint Viewer (by Google)

Kolejne interesujące rozszerzenie, które automatycznie włącza podgląd plików .pdf, prezentacji power point i innych dokumentów w Google Docs Viewer.

7. Chrome SEO

Wtyczka, która umożliwia wyświetlanie informacji o stronach takich jak np. traffic i miejsce w rankingach stron (Google PageRank, Alexa Rank, Technorati, itd.), ilość linków zwrotnych (google, alexa, yahoo, itd.), ilość stron zaindeksowanych (bing, google, yahoo, itd.), dodanych stron do ulubionych (digg, dmoz, delicious, itd.), wersje archiwalne strony (też w różnych serwisach) oraz szczegóły dotyczące domeny (typu whois czy adres serwera).

8. Picnik Extension for Chrome

Plugin umożliwiający robienie zrzutów ekranowych (screenów) oraz edycji obrazków bezpośrednio przez przeglądarkę używając aplikacji o nazwie “Picnik”.

9. RSS Subscription Extension (by Google)

Wtyczka dodaje ikonkę rss z prawej strony paska adresu przeglądarki umożliwiając szybką subskrypcję kanału rss przeglądanej strony www.

10. Facebook for Google Chrome

Ciekawe rozszerzenie umożliwiające szybkie przeglądanie “ściany” facebook-owej (wiadomości twoje i przyjaciół), live feed, powiadomień oraz szybką aktualizację statusu.

Jako wielbiciel oraz użytkownik google chrome chciałbym wszystkim polecić korzystanie z tej przeglądarki. ;)

]]> http://blog.mintdesign.pl/inne/wtyczki-do-google-chrome.html/feed 4 Reklamowanie bloga http://blog.mintdesign.pl/inne/reklamowanie-bloga.html http://blog.mintdesign.pl/inne/reklamowanie-bloga.html#comments Fri, 27 Nov 2009 20:09:23 +0000 Mateusz Lomber http://blog.mintdesign.pl/?p=332 W tym artykule przedstawię wam serwisy, dzięki którym możemy zwiększyć popularność swojego bloga oraz wtyczki pomocne przy integrowaniu go z tymi właśnie serwisami. (bo komu by się chciało aktualizować informacje manualnie na tych wszystkich serwisach ;) )

Twitter

twitter

Najbardziej znany system mikroblogowy umożliwiający aktualizację statusu w postaci krótkiego opisu.
Najlepiej stworzyć tam osobne konto dla naszego bloga i za pomocą serwisu TwitterFeed możemy zautomatyzować uaktualnianie statusów na twitterze (podpinając kanał rss naszego bloga).

Facebook

facebook

Także jeden z najbardziej znanych, jednak tym razem jest to portal społecznościowy.
Możemy tam założyć ‘stronę’ dla naszego bloga, a następnie podłączyć go tak samo jak twittera za pomocą serwisu TwitterFeed.

Blip

blip

Polski odpowiednik twittera.
Pod bloga możemy go podpiąć za pomocą wtyczki yBlip autorstwa Jana Filipowskiego.

Jedyne zastrzeżenie do tej wtyczki z mojej strony – strasznie brakuje tam tagów, tzn.
tytul wpisu [link] tagi np. Reklamowanie bloga http://blog.mintdesign.pl #reklama #wordpress #wtyczki.
Byłoby wtedy bardziej przydatne w promowaniu bloga.

Flaker

flaker

Flaker jako kolejny system mikroblogowy, który w odróżnieniu do innych pozwala nam bezpośrednio w jego ustawieniach podłączyć go pod naszego bloga przy pomocy naszego kanału rss (flaker pozwala podłączyć go także pod wiele innych serwisów typu allegro.pl, chce.to, itp.)

Deviantart

deviantart

Tym razem coś specjalnie dla właścicieli kont deviantartowych (głównie grafików, rysowników, itd.) – zalecana oczywiście jak największa ilość obserwujących (tzw. watcherów :P ).
Niestety w tym wypadku nie możemy sobie pozwolić na wygodę w postaci automatu dodającego wpisy, dlatego musimy to robić manualnie.
Oczywiście zamiast deviantarta możemy korzystać z innych tego typu serwisów np. digart.pl (w zależności od tematyki bloga, itp.)

Bookmarks

ulubione, zakładki

Bardzo przydatna funkcja umożliwiająca dodanie newsa o naszym wpisie do najpopularniejszych serwisów, typu facebook, twitter, digg it, delicious, stumbleupon, wykop, flaker, blip, technorati, itp.

Możemy zrobić taką ‘dodawarkę’ na naszym blogu za pomocą gotowych wtyczek (takich jak np. Sociable i Damn Sexy Bookmarks!) lub manualnie tworząc własne buttonki. Poniżej podaję strukturę linków do dodawania newsów na różnych serwisach:

Blip
http://blip.pl/dashboard?body=tresc_newsa

Wykop
http://www.wykop.pl/dodaj?url=adres_wpisu&desc=tresc_newsa

Twitter
http://twitter.com/home?status=tresc_newsa

Facebook
http://www.facebook.pl/share.php?u=adres_wpisu&t=tytul_wpisu

Nasza klasa (Śledzik)
http://nasza-klasa.pl/sledzik?shout=tresc_newsa

Opis Gadu-Gadu (od wersji 8.0)
gg:/set_status?description=adres_wpisu

Grono
http://grono.net/pub/page/link/urlfetch/?url=adres_wpisu&title=-tytul_wpisu

Flaker

http://flaker.pl/add2flaker.php

OsNews
http://osnews.pl/dodaj-niusa/?external=true&title=tytul_wpisu&url=adres_wpisu&content=nazwa strony

Delicious
http://del.icio.us/post?url=adres_wpisu

Digg it
http://digg.com/submit?phase=2&url=adres_wpisu&title=tytul_wpisu

Stumbleupon
http://www.stumbleupon.com/submit?url=adres_wpisu&title=tytul_wpisu

Kody wordpressowe pozwalające na wywołanie tytułu, adresu, itp. danego wpisu:

Tytuł wpisu:

1
<?php the_title(); ?>

Adres wpisu:

1
<?php the_permalink() ?>

Tagi wpisu:

1
<?php the_tags(); ?>

Wypis wpisu:

1
<?php the_excerpt(); ?>

Autor wpisu:

1
<?php the_author() ?>

Jakby ktoś znał inne serwisy tego typu warte uwagi, na których można automatycznie coś dodać (bookmarks) i zna strukturę linka, niech napisze w komentarzu to dodam do wpisu ;)

]]> http://blog.mintdesign.pl/inne/reklamowanie-bloga.html/feed 3