SVG – skalowalna grafika wektorowa alternatywą dla Flasha

Autor: Marzena Fąfara / kategoria: Grafika, SVG, Webdesign / data: 25-04-2010

1

Menu SVG na stronie WWWGrafika na stronach przede wszystkim kojarzy nam się z bitmapami oraz obiektami Flash. W drugim przypadku mamy do czynienia z zamkniętą technologią, nieprzyjazną wyszukiwarkom i zewnętrznym aplikacjom. Dobrą alternatywą dla klasycznych rozwiązań graficznych może być SVG. Nie jest to jeszcze format zbyt popularny, ale ma przed sobą przyszłość.
SVG (Scalable Vector Graphics) to skalowalna grafika wektorowa, dzięki czemu możemy dowolnie zmienić jej rozmiar bez utraty jakości. Format został wprowadzony przez W3C (World Wide Web Consorcium) w 2001 roku (SVG w wersji 1.1).
Format jest zgodny z językiem XML, dzięki czemu możemy swobodnie opisywać naszą dwuwymiarową grafikę – nie potrzebujemy w tym celu żadnych dodatkowych programów, wystarczy zwykły edytor tekstu. Większość programów graficznych potrafi zaimportować i wyeksportować do formatu SVG m.in. Adobe Illustrator, Corel Draw, Inkscape (w programach tych można też obrabiać pliki SVG). Niektóre przeglądarki: Firefox, Opera (która ma pełne wsparcie SVG 1.1) radzą sobie z wyświetleniem plików SVG bez potrzeby instalowania dodatkowych pluginów, w Internet Explorerze z pomocą przychodzi Adobe SVG Viewer.

Dodatkową zaletą formatu SVG jest możliwość przeszukiwania w plikach SVG pod kątem tekstu oraz znacznie mniejszy rozmiar w porównaniu z tradycyjną grafiką. W omawianym przykładzie plik SVG to zaledwie 3kB podczas gdy jego odpowiednik w średniej jakości JPEG waży 2 razy więcej.
[..]

Tło gradientowe w CSS3

Autor: Marzena Fąfara / kategoria: CSS3, Webdesign / data: 30-03-2010

5

CSS3 w miejsce elementów graficznych na stroniePowoli mijają czasy, w których tło na stronach czy przyciski tworzone są w oparciu o pliki graficzne. Efekty gradientu czy zaokrąglone rogi, których wykonanie możliwe było jedynie za pomocą programów graficznych teraz możemy osiągnąć dzięki CSS3.

O ile ostatnie wersje przeglądarek Firefox czy Safari nie będą mieć problemu z wyświetleniem takiej zawartości, o tyle gorzej uzyskać podobny efekt w IE, ale może i tutaj będą z czasem jakieś postępy – IE w wersji 9 ma już obsługiwać funkcjonalności CSS3. Dla zainteresowanych demo IE9 można pobrać tutaj.

W dalszej części artykułu porównamy składnię rysowania gradientu dla poszczególnych przeglądarek oraz stworzymy przykładowy przycisk na stronę
[..]

TUTS+: profesjonalne tutoriale PSD, VECTOR, NET, PHOTO i inne

Autor: Marzena Fąfara / kategoria: Ogólne / data: 18-03-2010

0

Psd Plus: advanced Photoshop tutorials.Jeśli mamy się uczyć, uczmy się od najlepszych.

Tuts+ to niewątpliwie jedno z najlepszych źródeł wiedzy dla grafików i webdesignerów (i nie tylko!) dostępnych w sieci. Najlepszy trening dla grafika to przerabianie tutoriali – ćwiczyć, ćwiczyć i jeszcze raz ćwiczyć. Kurs czy szkolenie pomoże co najwyżej w nauce obsługi programu, ale na pewno nie pomoże w rozwijaniu kreatywności.

Kawał dobrej roboty znajdziemy głównie w tutkach do Photoshopa, czy też Illustratora. Ze strony można też pobrać pliki źródłowe (po wykupieniu abonamentu 9$/miesiąc) do konkretnego tutoriala. Niemniej ciekawe wątki dotyczące PHP, MySQL czy jQuery można znaleźć w NetTuts+. Od mniej więcej pół roku jest też miejsce dla amatorów fotografii – polecam na początek obejrzeć osiągnięcia w dziedzinie makrofotografii.
[..]

Bramka SMS z Linuxem

Autor: Marzena Fąfara / kategoria: Linux / data: 10-03-2010

1

 Bramka SMS i serwer z GentooJak wykorzystać stary telefon komórkowy?

Można podłączyć go do komputera i zrobić z niego funkcjonalną bramkę SMS, dzięki której możemy otrzymywać na bieżąco informację o stanie serwera oraz o stanie wszelkich urządzeń podpiętych do serwera. Za pomocą komórki możemy także uruchamiać określone procesy na naszym serwerze. Możemy np. sms-em uruchomić proces odpowiedzialny za włączenie nagrywania w kamerze podpiętej do serwera.

Aby uruchomić takie rozwiązanie potrzebujesz:

  • komputer z linuksem
  • telefon komórkowy z kartą SIM i tanimi SMS-ami :) – na stronie projektu Gnokii znajdziemy listę modeli, dla których rozwiązanie jest wspierane i zostało przetestowane
  • kabel do transmisji danych (najlepiej sprawdzić na Cable Support GnokiiWiki czy nasz kabel będzie działać), można naturalnie korzystać z bluetooth-a czy Irda jednak połączenie kablowe będzie najbardziej odporne na zakłócenia

Mój zestaw stanowi „domowy serwer” z Gentoo, Nokia 6020 oraz kabelek CA-42
[..]

Zgrywanie materiału z kamery cyfrowej w Linux

Autor: Marzena Fąfara / kategoria: Linux / data: 05-03-2010

0

Zgrywanie materiału z kamery cyfrowej w GentooNa jednym z ekranów instalatora Windows XP (chyba?) pojawia się tekst w stylu „zgrywanie video nigdy nie było prostsze” (jeśli inaczej to leciało to niech mnie ktoś poprawi… ).

Owszem, jest proste, ale równie łatwo można zrobić to samo w Gentoo.

Potrzebujemy stosownego kabla (w zależności od tego jaki interfejs połączenia wykorzystamy – USB, IEEE 1394) i naturalnie kamery cyfrowej. W moim przypadku materiał będzie zgrywany na interfejsie FireWire. Jeżeli po podłączeniu kamery w logach nic się nie dzieje prawdopodobnie brakuje nam w jądrze obsługi tego interfejsu. Wsparcie dla FireWire znajdziemy w sekcji Device Drivers. [..]

Tło na stronie – brak koloru dla <body>?

Autor: Marzena Fąfara / kategoria: Webdesign / data: 01-03-2010

0

Tło na stronie – brak koloru dla bodyTemat trywialny, ale warto mu poświęcić chwilę uwagi. Projektując stronę trudno jest wziąć pod uwagę wszystkie nieoczekiwane akcje ze strony użytkowników końcowych.

Standardowo każda przeglądarka domyślnie ma ustawiony biały kolor tła i raczej nikt nie ma potrzeby zmieniać takich ustawień. Chyba, że ktoś tak jak ja woli mieć szare tło – wtedy wygląd niektórych stron staje się mniej estetyczny. Dotyczy to oczywiście stron, które tworzone są w oparciu o białe tło. Ustalamy kolory tła dla poszczególnych kontenerów, tekstu, a gdy zabraknie nam tego jednego wpisu strona  traci swoje pierwotne założenia. Przykład: zmienimy sobie kolory tła i tekstu w przeglądarce Firefox.
[..]