Kurs Bootstrap (#3) Typografia, edycja obrazów, tekstów, list

Jeżeli masz ochotę zobaczyć więcej naszych filmów, podcastów i artykułów w coraz lepszej jakości, to zachęcamy do pozostawienia subskrypcji, a także do odwiedzenia prowadzonych przez nas witryn oraz do polubienia fanpage'u Pasji informatyki na Facebooku.

🔔 Subskrybuj - http://bit.ly/pasja-sub

Jeśli masz ochotę wesprzeć to co robimy, to możesz:

🖐 Zostać Patronem - https://patronite.pl/pasja-informatyki
☕️ Ufundować nam wirtualną kawę - https://buycoffee.to/pasja-informatyki

👉 Fanpage na Facebooku - http://bit.ly/pasja-fb
👉 Profil Patronite - https://patronite.pl/pasja-informatyki
👉 Lista Patronów - http://pasja-informatyki.pl/patroni
👉 Donacje na blogu - http://miroslawzelent.pl/donate
👉 Harmonogram publikacji - http://bit.ly/pasja-harmonogram
👉 Kontakt z nami - http://pasja-informatyki.pl/kontakt/
👉 Współpraca reklamowa - http://bit.ly/pasja-wspolpraca
👉 Kursy video dla technikum - http://pasja-informatyki.pl
👉 Blog informatyczny - http://miroslawzelent.pl
👉 Trenażer egzaminacyjny - http://egzamin-informatyk.pl
👉 Egzamin-E13.pl - http://egzamin-e13.pl
👉 Forum dyskusyjne - https://forum.pasja-informatyki.pl/
👉 Witryna podcastowa - http://podcast.pasja-informatyki.pl/
👉 Twitter MZ -   / miroslawzelent  
👉 Twitter DS -   / stelmach_damian  

🕐 TIMESTAMPS (CHWILE CZASOWE):

[ 00:00:16 ] Kilka słów wstępnych
[ 00:00:58 ] Agenda wykładu, czyli czym się dziś zajmiemy?
[ 00:02:47 ] Opis plików projektu z odcinka
[ 00:04:07 ] Semantyka i struktura blokowa wpisu blogowego
[ 00:07:53 ] Kolor tła pojemnika (.bg-*) i jego czcionki (.text-*)
[ 00:09:54 ] Górny baner reklamowy - responsywny obraz (.img-fluid)
[ 00:11:43 ] Wyśrodkowanie zawartości pojemnika (.text-center)
[ 00:12:32 ] Marginesy (.m-*) oraz (.mkierunek-*)
[ 00:14:44 ] Usunięcie klasy (.active) z menu głównego
[ 00:15:44 ] Klasy nagłówkowe (.h1 - .h6)
[ 00:16:57 ] Zmiana grubości czcionki: (.font-weight-*)
[ 00:17:28 ] Transformacje (.text-*) uppercase, lowercase, capitalize
[ 00:18:00 ] Dodanie dummy contentu do wpisu blogowego
[ 00:18:50 ] Wyjustowanie akapitu (.text-justify) kontra własna klasa
[ 00:22:02 ] Wyrównanie tekstu (.text-*) left, center, right z rozmiarem
[ 00:22:52 ] Reguła @media w CSS, stylowanie w konkretnym rozmiarze
[ 00:26:32 ] Akapit wiodący, wprowadzający (.lead)
[ 00:28:32 ] Typografia - narzucenie czcionki czy podejście NFS?
[ 00:32:57 ] Obraz w witrynie - miniatura z ramką (.thumbnail)
[ 00:35:50 ] Obraz z włączonym opływaniem tekstu do lewej (.float-left)
[ 00:38:12 ] Obraz z włączonym opływaniem tekstu do prawej (.float-right)
[ 00:38:57 ] Obrazy z opływaniem w najwęższej szerokości witryny
[ 00:41:17 ] Wyśrodkowanie obrazu klasą tagu img (.d-block .mx-auto)
[ 00:43:53 ] Cytaty i ich typografia (.blockquote, .blockquote-footer)
[ 00:48:22 ] Domyślne ostylowanie listy ul oraz ol w Bootstrapie 4
[ 00:50:00 ] Lista horyzontalna bez markera (.list-inline + .list-inline-item)
[ 00:51:04 ] Klasa (.list-unstyled) oraz jej zachowanie w zagnieżdżeniu
[ 00:52:19 ] Zgrupowanie pseudoblokowe (.list-group + .list-group-item)
[ 00:54:01 ] Zgrupowanie dla ciemnych layoutów (.list-group-item-dark)
[ 00:54:14 ] Dynamiczne zgrupowanie opcji (.list-group-item-action)
[ 00:56:23 ] Użycie klasy (.active) w dynamicznym zgrupowaniu
[ 00:56:55 ] Ostatnie poprawki: marginesy, kolorystyka, wyrównanie opcji
[ 00:58:51 ] Kilka słów końcowych
[ 00:59:34 ] Podsumowanie wiedzy z odcinka na slajdach

💾 POBIERZ PLIKI Z ODCINKA:

http://miroslawzelent.pl/kurs-bootstr...

🎵 MUZYKA:

Neutrin05 - If Only
  / neutrin05-if-only  

A Creative Commons Attribution License (CC BY) states that the material can be shared, remixed and used commercially: http://bit.ly/CCAttribution

#pasjainformatyki #programowanie #kursbootstrap