Zamknij komunikat

Nowy Office 2013
Do góry

Kurs HTML5

Kurs HTML5

18. Wybrane problemy ze stronami HTML5

Adam Stępień
16 października 2011
10 195
Odsłony
Adam Stępień
16 października 2011
10 195
Odsłony

Pojawienie się HTML5 to oczywiście duży, pozytywny krok w stronę piękniejszej Sieci Web, niemniej zdarza się, że nasza witryna nie działa poprawnie. Dlaczego? Jednym z problemów może być niezgodność używanego dodatku z nową wersją przeglądarki. Przykładowo do przeglądania obrazków umieszczanych na stronie możemy używać dodatku jQuery opartego na frameworku JavaScriptu, który jest niezgodny z nowymi standardami.


17. Przypinanie stron, czyli witryna niczym aplikacja Windows 7

Adam Stępień
7 października 2011
18 646
Odsłony
Adam Stępień
7 października 2011
18 646
Odsłony

Przypinanie witryn to funkcja pozwalająca na takie rozszerzenie strony, aby można ją było przypiąć do paska zadań Windows 7 i uruchamiać tak samo jak inne aplikacje bezpośrednio z pulpitu użytkownika. Dlaczego nie warto pominąć przypinania witryn przy projektowaniu stron w języku HTML5? Chociażby ze względu na to, że przypięcie strony wywoła statystycznie 30 odsłon miesięcznie. Zależność ta nie jest przypadkowa - pasek zadań to bardzo widoczne miejsce, skąd przeciętny Kowalski uruchamia aż 87% aplikacji.


16. Nowe znaczniki HTML5

Adam Stępień
30 września 2011
37 733
Odsłony
Adam Stępień
30 września 2011
37 733
Odsłony

Zwykłe znaczniki HTML4 są powszechnie stosowane, ale mają jedną podstawową wadę - rzadko kiedy niosą informację o tym, co tak naprawdę w nich się znajduje. Przykładowo znacznik div może być używany jako kontener do opublikowanego artykułu, do komentarzy czytelników oraz jako miejsce do powierzchni reklamowych. HTML5 wychodzi na przeciw tej potrzebie i wprowadza znaczniki semantyczne.


15. HTML5: Geolokalizacja

Adam Stępień
23 września 2011
13 983
Odsłony
Adam Stępień
23 września 2011
13 983
Odsłony

Geolokalizacja w HTML5 pozwala spersonalizować treść prezentowaną na stronie internetowej na podstawie określonej pozycji fizycznej Internauty. Najprostszym przykładem jest wyświetlenie mapy z zaznaczeniem, gdzie aktualnie znajduje się użytkownik. Webmaster może dodatkowo zmienić zakres oferowanych usług w oparciu np. o województwo osoby odwiedzającej witrynę.


14. CSS3: różne urządzenia, różne arkusze

Adam Stępień
16 września 2011
15 916
Odsłony
Adam Stępień
16 września 2011
15 916
Odsłony

CSS3 pozwala zmienić wygląd witryny w zależności od wykorzystywanego urządzenia do przeglądania Internetu. W niniejszym artykule przedstawimy sposoby dostosowywania witryn do różnych urządzeń, np.do netbooków z małymi wyświetlaczami i komputerów stacjonarnych z dużym monitorem


13. CSS3: czcionki, typografia

Adam Stępień
9 września 2011
12 074
Odsłony
Adam Stępień
9 września 2011
12 074
Odsłony

95% informacji na stronie to język pisany, dlatego typografia jest bardzo istotnym elementem projektowania witryn internetowych. Lepszą kontrolę nad typografią zapewnia każda nowa wersja CSS. Specyfikacje CSS3 opisuje wiele nowych funkcji, które zostały z powodzeniem zaimplementowane w najnowsze wersje przeglądarek internetowych.


12. CSS3: przezroczystość i kolory

Adam Stępień
29 sierpnia 2011
18 592
Odsłony
Adam Stępień
29 sierpnia 2011
18 592
Odsłony

Przezroczystość, obok zaokrąglania rogów, to jedna z najbardziej wyczekiwanych implementacji CSS3. Dzięki niej nie trzeba korzystać z programów graficznych, aby uzyskać nieźle wyglądający efekt.


11. CSS3: Zaokrąglanie rogów

Adam Stępień
24 sierpnia 2011
18 025
Odsłony
Adam Stępień
24 sierpnia 2011
18 025
Odsłony

W tym artykule skupimy się na najbardziej oczekiwanej funkcji opisanej w module CSS 3, a mianowicie na zaokrąglaniu rogów.


10. Canvas czy SVG?

Adam Stępień
18 sierpnia 2011
13 709
Odsłony
Adam Stępień
18 sierpnia 2011
13 709
Odsłony

Przygotowywanie grafiki zgodnie z nowym trendem i technologią HTML5 prędzej czy później stawia dylemat wyboru, czy wybierzemy wirtualne płótno Canvas czy format SVG. Nadzieje związane z Canvasem są ogromne. Powstają książki w całości jemu poświęcone. Tymczasem format SVG jest często całkowicie pomijany, a niesłusznie.


09. Canvas - wprowadzenie do wirtualnego płótna

Adam Stępień
12 sierpnia 2011
16 684
Odsłony
Adam Stępień
12 sierpnia 2011
16 684
Odsłony

Na przygotowanie wirtualnego płótna Canvas i wydanie jego API czekał cały świat zorientowany wokół nowej technologii HTML5. Znacznik <canvas> - podobnie jak format SVG - pozwala na tworzenie grafiki, która jest interaktywna i korzysta z przyspieszenia sprzętowego.


08. Jaki format filmu wybrać w HTML5?

Adam Stępień
3 sierpnia 2011
26 511
Odsłony
Adam Stępień
3 sierpnia 2011
26 511
Odsłony

W tym artykule pomożemy przygotować plik wideo tak, aby mógł go obejrzeć każdy Internauta. Przedstawimy niezbędne narzędzia i kod HTML, który uwzględni zacofanych użytkowników korzystających ze starej przeglądarki nieobsługującej technologii HTML5.


07. Filmy na stronie - tag VIDEO

Adam Stępień
2 sierpnia 2011
17 919
Odsłony
Adam Stępień
2 sierpnia 2011
17 919
Odsłony

Znacznik <video> jest jednym z dwóch najbardziej oczekiwanych funkcji HTML5, obok znacznika <audio>. W niniejszym artykule powiemy o zaletach jego używania do osadzania klipów wideo na stronie internetowej. Ponadto pokażemy, jak używać tagu <video> już dziś, dzieląc się z Wami niezbędnymi podstawami.


06. Dlaczego SVG jest lepszy od JPEG, GIF i PNG

Adam Stępień
29 lipca 2011
15 464
Odsłony
Adam Stępień
29 lipca 2011
15 464
Odsłony

Jest wiele korzyści z używania formatu SVG do umieszczania grafiki na stronach internetowych. W tym artykule skupimy się na zaletach SVG i jego przewagach nad grafiką w formacie JPEG, GIF, PNG. Przedstawimy także mocne strony SVG, których brakuje we Flashu.


05. Jak dodać grafikę SVG na stronę

Adam Stępień
27 lipca 2011
17 701
Odsłony
Adam Stępień
27 lipca 2011
17 701
Odsłony

Artykuł przedstawia metody dodawania grafiki wektorowej w formacie SVG na stronę internetową wraz z zaletami i wadami poszczególnych sposobów.


04. SVG - podstawy

Adam Stępień
25 lipca 2011
18 007
Odsłony
Adam Stępień
25 lipca 2011
18 007
Odsłony

SVG to format zapisu grafiki wektorowej w technologii HTML5, który ma ogromną przewagę nad powszechnie stosowanymi JPEG-ami, GIF-ami itd. Bez względu na stopień przybliżenia czy powiększenia obrazu, grafika charakteryzuje się dobrą jakością - nie występuje zjawisko pikselizacji. Poznajmy podstawy format SVG.


03. Znacznik audio pod rękę z JavaScriptem

Adam Stępień
23 lipca 2011
14 197
Odsłony
Adam Stępień
23 lipca 2011
14 197
Odsłony

W niniejszym artykule omówimy wykorzystanie języka JavaScript, dzięki któremu rozszerzymy podstawową funkcjonalność odtwarzacza muzyki. Ponadto będziemy w stanie lepiej kontrolować i zarządzać obiektem audio. Otwiera to drogę do lepszego dostosowania odtwarzacza na stronie internetowej.


02. Odtwarzacz muzyki na stronie - tag audio

Adam Stępień
21 lipca 2011
28 748
Odsłony
Adam Stępień
21 lipca 2011
28 748
Odsłony

Nowy tag <audio> w HTML5 pozwala odtwarzać pliki muzyczne bezpośrednio na stronie internetowej bez potrzeby wykorzystywania technologii Flash lub QuickTime. Wraz z nadejściem HTML5 żadne wtyczki, dodatki, pluginy nie są już potrzebne.


01. Wprowadzenie do kursu HTML5

Adam Stępień
19 lipca 2011
23 367
Odsłony
Adam Stępień
19 lipca 2011
23 367
Odsłony

Zapraszamy Cię do wyruszenia w fascynującą podróż po świecie HTML5 z CentrumXP.pl. W nowym dziale Kurs HTML5 poznasz piątą wersję standardu HTML pozwalającą stworzyć piękne strony www, które działają płynnie dzięki wykorzystaniu przyspieszenia sprzętowego komputerów.