<autoreklama>
</autoreklama>
Wpisy otagowane ‘narzędzia’
czwartek, 21 Styczeń 2010
Pewien Klient, któremu wykonałem dosyć złożoną szatę graficzną i szablon portalu www (ponad 2000 linii kodu CSS, około 200 pilków graficznych) zlecił mi wykonanie jej wersji w odcieniach szarości. Czarno-białe miało być wszystko – od kolorów zdefiniowanych w CSS, poprzez grafiki, a kończywszy na favikonce.
Początkowo szukałem w Internecie webaplikacji, która by to wszystko (albo prawie wszystko) zrobiła za mnie automatycznie. Może źle szukałem, może za krótko, ale – nie znalazłem. Znalazłem jedynie webaplikację GrayBit, która rzeczywiście przekształca stronę na pozbawioną kolorów, ale 1) działa strasznie wolno, 2) robi to dla celów podglądu, a nie użycia w dodatkowej wersji strony 3) pobieranie przekształconych przez to narzędzie plików jest bardzo utrudnione.
Mimo to postanowiłem z tej aplikacji skorzystać i udało się – po zabawie z pobieraniem wielu plików, zmianie adresów w pobranych plikach CSS i HTML udało mi się w ciągu kilkunastu minut stworzyć wersję szarą portalu (cz-b pliki JPG ze względu na stratę jakości stworzyłem od nowa). Jednak wciąż nie mogę uwierzyć że w Internecie nie istnieje webaplikacja robiąca to szybko, łatwo i przyjemnie. Marzeneim jest narzędzie pobierające pakiet zip z szablonem i „wypluwające” taki sam pakiet, tyle że z plikami i definicjami kolorów przekształconymi w odcienie szarości.
Jeśli znasz taką aplikację – daj znać w komentarzach. Zapewne nie tylko ja będę Ci wtedy wdzięczny.
Tagi:grafika, kolory, narzędzia, webaplikacje
| 1 komentarz »
środa, 18 Listopad 2009
Podczas projektowania szaty graficznej zdarza się często, że brakuje nam odpowiedniego schematu barw. Czasami bywa też tak, że zmiana jedynie kolorystyki w gotowym już layoucie znacząco poprawia jego wygląd i czytelność.
Webaplikacja Color Scheme Designer to przejrzysty interfejs, umożliwiający szybkie i łatwe określenie kolorów w schemacie, w którym dominują dwa, trzy lub cztery kolory główne (w różnych konfiguracjach wzajemnych). Dodatkowo otrzymujemy kolory dodatkowe, których warto używać do tworzenia np. gradientów lub ikon.
Nie wiem jak Wy, ale ja od dziś będę korzystał prawie codziennie z tej aplikacji. Problem doboru barw od zawsze był dla mnie barierą trudną do przeskoczenia.
Tagi:kolory, narzędzia, webaplikacje
| 1 komentarz »
niedziela, 18 Październik 2009
Czy da się zmniejszyć wielkość pliku PNG? Szczerze przyznam że moja wiedza do dzisiaj wykluczała taką możliwość. Dzisiaj u
RAFiego znalazłem link do webnarzędzia
PunyPNG. Oferuje ono
bezstratną kompresję plików JPG, GIF i … PNG właśnie. Sposób działania jest prosty: Aplikacja oblicza, który format będzie najekenomiczniejszy dla danej grafiki, a następnie bezstratnie kompresuje wybraną grafikę. Z moich trestów wynika że można zmniejszyć wielkość grafiki na średnio-przeładowaną graficznie stronę o 30-40%. Warto więc skorzystać.
Tagi:grafika, kompresja, narzędzia, webaplikacje
| 2 komentarzy »
wtorek, 14 Kwiecień 2009
Flash to technologia tworzenia i prezentacji treści, którą nie każdy zna i nie każdy stosuje. Jednak gdy o flashu masz blade pojęcie (lub nie masz odpowiedniego – drogiego – oprogramowania), a Twój Klient sygnalizuje, że projekt koniecznie ma zawierać jakiś błyszczący animowany bajer – możesz skorzystać z Generatora efektów flashowych on-line na stronie effectgenerator.com.
Edytor działa w całości w oknie przeglądarki i ma naprawdę duże możliwości – możesz tworzyć nawet skomplikowane tekstowe (setki krojów czcionek do wyboru) i obiektowe – efekty przejścia, animacji , manipulować kolorami, jasnością, alfą, cieniami, tworzyć slideshow’y, zagnieżdżać filmy, obrazy, obiekty. Słowem – nie przychodzi mi do głowy efekt prezentacyjny, którego za pomocą aplikacji EffectGenerator nie dałoby się utworzyć.
Wynik otrzymuje się w postaci gotowych do zagnieżdżania (także – bezpośrednio w popularnych serwisach społecznościowych) kodów i linków, co także jest bardzo wygodne.
Pobawiłem się generatorem 5 minut i pokusiłem się o stworzenie małej animacji, aby pokazać choć wycinek możliwości generatora. Odśwież stronę tego wpisu, aby sobaczyć ruchome efekty.
Tagi:flash, generatory, narzędzia, webaplikacje
| 2 komentarzy »
środa, 1 Kwiecień 2009
Już kilkanaście razy podchodziłem do tematu śledzenia zachowań użytkowników na stronie – za każdym razem kończyło się to fiaskiem instalacji, zbyt zasobochłonnym skryptem lub niezadawalającą prezentacją wyników.
Wczoraj przetestowałem skrypt
UserFly, służący do tego celu, i jestem zachwycony. Dlaczego?
- UserFly rejestruje całą interakcję użytkownika z witryną (przewijanie, klikanie, wypełnianie formularzy itp.
- UserFly przedstawia tą interakcję w formie „naturalnych” filmików do oglądnięcia
- UserFly jest bardzo prosty w instalacji – w sekcji head należy wkleić tylko jedną linijkę (i to wszystko)
Ma tylko jedną wadę: nie jest za darmo – za nagranie powyżej 10 filmików trzeba zapłacić – jednak, jeśli komuś zależy na zbadaniu userów swojej strony – zdecydowanie polecam to narzędzie.
A o UserFly dowiedziałem się stąd.
Tagi:narzędzia, optymalizacja, skrypty, testery
| Brak komentarzy »
niedziela, 16 Grudzień 2007
Pod adresem www.csstextwrap.com znajduje się bardzo ciekawa i pożyteczna aplikacja on-line o (właściwie wszystko mówiącej) nazwie Text Wrapper. Mówiąc krótko – jest to skrypt generujący kod umożliwiający układanie kolumny tekstu w pożądany kształt (czyli nie tylko prostokąty, ale także kółka, zygzaki, szpice, paragrafy, czy co tam sobie jeszcze wymyślimy – na przykład w kształt literki S :) jak Subiektyw). Narzędzie jest bardzo proste w użytkowaniu – ustawiając na bocznych liniach zielone punky i przesuwając je odpowiednio, tworzymy pożądany kształt krawędzi tekstu. W każdym momencie możemy zresetować ustawienia krzywizny jednej z linii. Możemy też określić wysokość i szerokość bloku tekstu, wysokość interlinii, właściwość text-align, krój czcionki oraz jej rozmiar. Możliwe jest także ułożenie tekstu według przygotowanego wcześniej obrazka. Wynik dostajemy w trzech wersjach: XHTML/CSS (w jednym pliku), w XHTML i CSS (w pliku XHTML mamy ustalone odnośniki do klas, które są dokładnie zdefiniowane w pliku CSS), oraz w JavaScript. Narzędzie jest świetne, chyba nie ma się do czego przyczepić. Nic tylko używać!
Tagi:narzędzia, webaplikacje, webmastering
| Brak komentarzy »
wtorek, 23 Październik 2007
Reflection Maker to nic innego, jak łatwa, prosta, intuicyjna, przyjazna i przejrzysta w działaniu i obsłudze
aplikacja on-line służąca do tworzenia łebdwazerowego efektu odbicia obrazka. Przydatne dla nie-grafików, lub dla grafików leniwych :)
Grafikę wejściową możemy pociągnąć z Sieci, możemy też wysłać plik z dysku. Podajemy jeszcze wielkość odbicia, kolor tła i – voila :) Wynik dostajemy w JPGu (szkoda że nie w PNGu z alfą, ale darowanemu koniowi…).
Tagi:grafika, narzędzia, webaplikacje
| 2 komentarzy »
niedziela, 21 Październik 2007
Pod
tym adresem znajduje się spis ponad 20 narzędzi do edycji, tworzenia i zarządzania klasami, obiektami i w ogóle kodem CSS. Część z nich jest bardzo przydatna. Są
narzędzia do oczyszczania, optymalizowania i kompresji kodu, automatycznego tworzenia zaokrąglonych narożników, efektów takich jak rollover, list, menusów, oraz nawet całych layoutów. Smacznego :)
Tagi:css, narzędzia, webaplikacje
| Brak komentarzy »
piątek, 19 Październik 2007
Wpis na blogu Pawła Wimmera przypomniał mi o głównej tematyce tego bloga, od której ostatnio nieco odbiegłem…
Aplikacja sieciowa pod adresem tabsgenerator.com pozwala na szybkie stworzenie on-line ładnych obrazków zakładek dla menusów stron internetowych. Przyda się przede wszystkim nie-do-końca grafikom :)
Hint: Stwórz sobie dwie (lub nawet trzy) podobne zakładki, jedna z nich może świetnie wyglądać jako „wybrana” lub po najechaniu wskaźnikiem myszki (np. podświetlona zakładka) – taki efekt można łatwo zmontować poprzez przesuwanie tła CSS (Riddle dobrze opisał to tutaj).
Tagi:generatory, narzędzia, webaplikacje
| Brak komentarzy »
poniedziałek, 8 Październik 2007
Rzecz jest na tyle ciekawa, że postanowiłem o tym napisać u siebie, mimo że w wielu miejscach Sieci (szczególnie tych dla grafików i fotografów) aż o tym huczy.
Chodzi o tzw. Content Aware Image Resizing (CAIR, czasem zwaną też „Liquid Rescale”), metodę skalowania zdjęć opracowaną przez izraelskich naukowców. Pisząc językiem laika – Metoda ta zmniejszając rozmiary zdjęcia stara się zachować duże rozmiary ważnych elementów tegoż zdjęcia. Trudno to opisać, a łatwiej zobaczyć, więc popatrzcie teraz na obrazek po lewej. Duży obrazek to źródło, obrazek w górnym prawym rogu jest przeskalowany tradycyjnie, a ilustracja w prawym dolnym rogu – za pomocą CAIR. Niezłe, co?
Pobawić się tą technologią można za pomocą aplikacji pod adresem swieskowski.net/carve (podłożyć można własne zdjęcia), natomiast wykorzystać ją w praktyce np. za pomocą darmowego programu graficznego GIMP, stosując plugin Liquid Rescale.
Tagi:grafika, narzędzia, rozwiązania, webaplikacje, zdjęcia
| Brak komentarzy »
wtorek, 3 Lipiec 2007
Pingdom Tools to
narzędzie analizujące podaną witrynę pod kątem czasów wczytywania się jej elementów. Można też mierzyć ping i traceroute, a wyniki obliczeń sortować i filtrować na różne sposoby. Słowem – narzędzie może być bardzo przydatne do optymalizacji strony.
Tagi:narzędzia, testery, webaplikacje
| Brak komentarzy »
piątek, 1 Czerwiec 2007
… czyli rozszerzenie mojego styczniowego wpisu o tytule „Kolorowe narzędzia„. Linków tego typu trochę mi przybyło, postanowiłem je więc razem wylistować w jednym poście.
Kilka ostatnich pozycji jest ciekawostkami lub narzędziami „z przymrużeniem oka”… W każdym razie na pewno kliknąć warto :)
Tagi:kolory, narzędzia, webaplikacje, zestawienia
| 1 komentarz »
środa, 23 Maj 2007
Każdy wie czym Lipsum.com jest :) Lecz nie każdy wie, że istnieje narzędzie Lipsum.pl, dzięki któremu możemy wygenerować tekst wypełniający layout – nie tylko łaciński Lorem Ipsum, ale także nowomowę oraz tekst złożony z fragmentów Pana Tadeusza, rozpraw Kanta, lub nawet tekst pisany cyrylicą (nie mam pojęcia o czym ;)). Narzędzie jest przydatne, wygodne i nowocześnie zaprojektowane. Podoba mi się :)
Tagi:generatory, narzędzia, webaplikacje
| 2 komentarzy »
piątek, 27 Kwiecień 2007
Jak wiadomo, na tym blogu zbieram linki do wszelakich narzędzi webmasterskich. Nie mogłem więc pominąć jednego z moich ostatnich
wykopów i nie zamieścić linka do aplikacji
Stripe Generator. Stronka służy do
generowania prawie-w-real-time pasków spotykanych często u góry teł witryn internetowych. Co prawda programik jest trochę ograniczony (aby odświeżyć podgląd – trzeba weń kliknąć, możliwe są tylko ułożenia pasków co 45° oraz wysokość maksymalna do 200px), ale używalność i pożyteczność jest dobra – oszczędza się trochę czasu w Photoshopie…
Tagi:generatory, grafika, narzędzia, webaplikacje
| 1 komentarz »
czwartek, 8 Luty 2007
Aż dziwne że wcześniej nie wiedziałem o istnieniu tej aplikacji – dopiero wczoraj odkryłem ją poprzez Wykop oczywiście :) A mowa o Em Calculator – skrypcie on-line przeliczającym jednostki miar: z px na em. Każdy kto bawi się w CSS od razu wie jak bardzo może się to przydać. A autorem skryptu jest Riddle :)
Tagi:narzędzia, projektowanie, webaplikacje
| Brak komentarzy »
Firmuj.net
GRX.pl
Metry Kwadratowe
MojaGazeta.net
Obrazky.pl
Polski Portal Amigowy
Retuszer.pl
RevolWEB
Rozgłos
WielkaBrytania.org
www.flaszka.pl
Chakier
Oszczędzanie
Perfection Or Vanity
Poradnik Internauty
Shrew
Widelec