Kurs HTML odc. 4: Listy, automatyczne przewijanie strony
Wesprzyj na Patronite ► https://patronite.pl/pasja-informatyki
[ 00:00:18 ] Tytułem wstępu
[ 00:02:27 ] Jaki projekt wykonamy?
[ 00:03:04 ] Planowanie struktury strony
[ 00:05:57 ] Rozpoczęcie pracy od pustej templatki
[ 00:07:32 ] Podpięcie tła od subtlepatterns.com
[ 00:09:32 ] Górna belka witryny (logo)
[ 00:11:09 ] Google Fonts, czcionka Open Sans
[ 00:12:51 ] Poczwórny zapis paddingu
[ 00:15:18 ] Efekt konturu czcionki (outline)
[ 00:17:38 ] Główny pojemnik (container)
[ 00:20:22 ] Badanie zawartości witryny
[ 00:20:48 ] Tworzenie diva dla spisu treści
[ 00:21:38 ] Listy w HTML, rodzaje list
[ 00:24:55 ] Listy pojedyncze
[ 00:25:35 ] Listy zagnieżdżone
[ 00:29:42 ] Spis treści jako lista zagnieżdżona
[ 00:33:45 ] Stylizowanie spisu treści
[ 00:36:02 ] Dziedziczenie w CSS (kaskada)
[ 00:41:27 ] Użycie klas w stylizowaniu list
[ 00:44:30 ] Rozumienie zapisów dziedziczenia list
[ 00:45:50 ] Właściwość CSS list-style-type
[ 00:47:23 ] Zmiana koloru/kształtu wypunktowania
[ 00:54:17 ] Dummy content, komentarze w HTML
[ 01:00:35 ] Skokowe przewijanie witryny
[ 01:07:28 ] Stylizowanie surowego wyglądu linków
[ 01:08:47 ] Animowane przewijanie strony w jQuery
[ 01:16:26 ] Dodanie przycisku scroll-up
[ 01:25:54 ] Podsumowanie wiedzy z odcinka
[ 01:27:14 ] Słowo końcowe, inne produkcje
▬▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬▬▬▬▬
PLIKI DO ODCINKA:
http://miroslawzelent.pl/kurs-html/listy-przewijanie-strony/
DOBROWOLNE WSPARCIE:
http://patronite.pl/pasja-informatyki
http://miroslawzelent.pl/dobrowolna-darowizna/
CODE REVIEW NA FORUM:
http://bit.ly/code-reviews-odcinkow
TRENAŻER EGZAMINACYJNY:
http://egzamin-informatyk.pl/
▬▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬▬▬▬▬
MUZYKA:
Intro/outro (za zgodą artysty):
healy – healy – $150 / roll widdit (prod. PLC)
http://twitter.com/cop_a_phealy
https://www.instagram.com/jah_phealy/
(zajrzyjcie, facet robi świetną muzykę)
Podsumowanie odcinka:
Crimson Fly – Huma-Huma: http://youtu.be/-D2gn7pjxWU
▬▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬▬▬▬▬
ZAPRASZAMY:
http://bit.ly/pasja-fb
http://bit.ly/pasja-gplus
http://egzamin-informatyk.pl/
http://egzamin-e13.pl/
http://miroslawzelent.pl/
http://forum.pasja-informatyki.pl/
Tweets by stelmach_damian
Tweets by MiroslawZelent
http://bit.ly/pasja-itunes
source
