<autoreklama>
</autoreklama>
Wpisy otagowane ‘webaplikacje’
ś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 »
piątek, 3 Kwiecień 2009
Prawie dwa lata temu
prezentowałem stronę AjaxLoad, na której stworzyć można było „profesjonalną” animację typu „please wait”.
Dziś u RAFiego znalazłem link do podobnego serwisu, jednak tam jest inny – wg mnie obszerniejszy i lepszy – wybór animacji. Najbardziej smakowite są animacje 3D, które można stosować chociażby w LightBoxie, czy innych *boxach.
Pozwoliłem sobie obok stworzyć małą mozaikę z typów animacji oferowanych właśnie przez Preloaders.net, aby lepiej Was zachęcić – wizualnie. :).
Tagi:animacje, generatory, grafika, webaplikacje, zestawienia
| 2 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, 8 Czerwiec 2007
Kiedyś już pisałem o narzędziach robiących screenshoty witryn pod różnymi przeglądarkami. Takie narzędzia pomocne są szczególnie tym, którzy chcą stworzyć stronę wyglądającą tak samo pod różnymi browserami, ale nie mają do nich dostępu.
Wczoraj grxmrx podrzucił mi link do narzędzia o nazwie NetRenderer. Co prawda NetRenderer robi screenshoty tylko jako IE, ale za to we wszystkich ‘kluczowych’ wersjach 5.5, 6 i 7 a także (i to jest najlepsze) potrafi stworzyć obrazki które są wynikiem nałożenia na siebie zdjęć stron z przeglądarek IE 6 i 7 przez co można w bardzo prosty sposób wyłapać różnice w wyglądzie badanej strony wyświetlanej na tych dwóch browserach. Rzecz iście przydatna :)
Tagi:ie, przeglądarki, screenshoty, webaplikacje
| 1 komentarz »
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 »
wtorek, 29 Maj 2007
Na Wykopie co prawda ten link nie został doceniony (czytaj: nie wszedł na stronę główną), ale uważam że tutaj powinien zagościć. A mamy do czynienia z on-line’owym generatorem cukierkowych przycisków w stylu web2.0. Rzecz dość fajna: ustala się kolory, rozmiary, czcionkę, można wstawić swoją ikonkę… brakuje jednak pozycjonowania elementów (szczególnie pionowe centrowanie nie jest dobrze rozwiązane) oraz automatycznego odświeżania wyniku… no ale narzędzie jest przydatne, chociażby do generowania pustych buttonów, na które potem naniesiemy grafikę „ręcznie”.
Tagi:generatory, grafika, webaplikacje
| 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 »
sobota, 3 Marzec 2007
Czym jest Photoshop wie ten, kto choć trochę interesował się komputerem w stopniu ciutkę większym niż podstawowy…
Ceny zaś pakietu Adobe Photoshop nie są znane wszystkim, ale pewnie każdy zdaje sobie sprawę, że idą one w tysiące złotych…
Grafikom o mniej zasobnych portfelach pozostaje albo nielegalne używanie cracka (nie polecam), a zadowolenie się tańszymi lub darmowymi alternatywami typu GIMP, które niestety są mniej użyteczne i/lub mniej wygodne.
Prawdopodobnie niezadługo dojdzie nowa możliwość: Photoshop za darmo i w wersji online (czytaj: dostępny z każdej maszyny, z każdego miejsca, bez instalacji). Co prawda ma to być okrojony fotoszkopek, ale zawsze fotoszkopek :). Całe info jest tutaj (inglisz).
A tutaj obejrzeć sobie można ewolucję tego programu (bowiem wersja 1.0 Photoshopa powstała w 1990.).
Tagi:darmowe, photoshop, webaplikacje
| 2 komentarzy »
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