Kurs CSS odc. 4: Stylizowanie pól formularza (inputów)

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.

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

🕐 TIMESTAMPS (CHWILE CZASOWE):

[ 00:00:18 ] Tytułem wstępu
[ 00:01:53 ] Opis plików projektu
[ 00:05:02 ] Stylizowanie containera
[ 00:06:24 ] Dodanie cienia box-shadow
[ 00:10:17 ] Lista parametrów cienia
[ 00:10:34 ] Przedrostki: webkit, moz, ms
[ 00:12:18 ] Niedystynktywne stylizowanie inputów
[ 00:14:18 ] Dwa rodzaje box-sizingu
[ 00:16:18 ] Dystynktywne stylizowanie inputów
[ 00:20:22 ] Stylizowanie przycisku (submita)
[ 00:23:37 ] Usunięcie outline'u
[ 00:24:44 ] Własne wyróżnienie focusu inputów
[ 00:29:20 ] Atrybut HTML: placeholder
[ 00:31:21 ] Odstępy br-ami czy marginem?
[ 00:34:20 ] Zmiana koloru placeholdera
[ 00:37:03 ] Usuwanie placeholdera w onfocus
[ 00:39:22 ] Przywrócenie placeholdera w onblur
[ 00:42:08 ] Kasować placeholdera przy focusie czy nie?
[ 00:43:24 ] Podsumowanie wiedzy z odcinka
[ 00:44:04 ] Tytułem zakończenia

💾 POBIERZ PLIKI Z ODCINKA:

📑 CODE REVIEW NA FORUM:

🎵 MUZYKA:

Intro/outro (za zgodą artysty):
healy - The Iambic Cleaning Song [prod. Soulstruck, Breeze]
(zajrzyjcie, facet robi świetną muzykę)

Podsumowanie odcinka:

Wykorzystano fragmenty:
Ryszard Rynkowski - Życie jest nowelą
Fasolki - Ogórek

#pasjainformatyki #programowanie #kurscss

[skibielec]

Nie znalazłem żadnego tak zajebiście informacyjnego, pozytywnego, rozrywkowego i dobrze zrobionego kursu nigdzie indziej na youtube. Gratulacje świetny kontent. Nic dodać nic ująć ;)

[shikamaru]

Śpiewającego Pana Mirosława się nie spodziewałem, ale to było świetne xD
Dziękuję za kolejny wartościowy kontent do przepracowania

[informatyk]

Świetny odcinek.
Liczę, że kolejny będzie poświęcony responsywności i skalowalności strony. Jest to temat wymagający omówienia.

[knayder]

Najlepsze intro, jakie w życiu widziałem. Profesjonalna i oryginalna muzyka. Grafika żywcem wyjęta spod ręki jakiegoś speca od grafiki Wektorowej. Cud miód malina :D

[hz]

Uwielbiam Pana filmy. Nie zliczę ile razy zareagowałem śmiechem na Pana zabawne anegdoty i wstawki. Jest to dla mnie idealna forma nauki. Serdecznie dziękuję za przekazaną wiedzę i z niecierpliwością czekam na kolejne odcinki serii w szczególności na JS'a i jakiś ciekawy projekt z nim związany.
Pozdrawiam : )

[pieczenieg]

Panie Mirku, widać u pana prawdziwą pasję do nauczania i kodowania. Na prawdę szanuję, oby więcej takich nauczycieli, a jeśli samemu kiedyś mi się zdarzy zostać nauczycielem, z pewnością będę brał z pana przykład! Pozdrawiam i życzę wszystkiego co najlepsze :)

[kacperstojewski]

Jest Pan naprawde świetny! Te filmy nie są robione na odwal tylko widać, że od serca. Dzięki Panu bardzo wiele się nauczyłem. Bardzo dziękuję i czekam na więcej filmów na temat CSS!

[barttux]

Odcinek świetny, dużo można z niego wynieść, a jak usłyszałem i zobaczyłem intro to z krzesła ze śmiechu spadłem :D :D
Jest Pan Mistrzem ! :D

[finrodable]

Jak zawsze pełen profesjonalizm panie Zelent ;)

[kagamiashita]

Pański wokal rozłożył mnie na łopatki! Będzie mi się śnił po nocach, podobnie jak dzisiejszy, jak zwykle wartościowy odcinek ;)
Pozdrawiam!

[matiu]

Nie dość że robisz świetne poradniki (wiele się nauczyłem a mam 13 lat :) to jeszcze potrafisz wywołać uśmiech na twarzy. Pozdrowienia ;)

[pawels]

Panie kierowniku, juz dawno nie obejrzałem czegos na yt od dechy do dechy, tak jak tej seri, pozdro.

[OLEK]

mało znam się na tym, ale miło jest popatrzeć na dobrą i ciężką pracę innych :)
Pozdrawiam.

[mitsukosuki]

Jest Pan niesamowity i jako nauczyciel i człowiek! Wielkie dzięki za te wszystkie lekcje i poświęcony czas na ich realizację! Serdeczne pzdr

[Majael]

Człowieku, jaki Ty masz ciekawy głos i styl i w ogóle jak nie zrobisz filmików o wszystkich technologiach internetowych, czy informatycznych, to będę miał do Ciebie żal do końca życia ! I chyba każdy kto pasjonuje się informatyką. PEŁEN PROFESJONALIZM, przejrzystość, potencjał edukacyjny oraz sposób przesłania - wszystko współgra idealnie :) Mam nadzieję, że ten skromny komentarz doda Ci motywacji do dalszej pracy, bo tu na youtube "fsyscy czekają". Pozdrawiam !

[YoYoMoviesxD]

Szanowny panie Mirosławie! Chciałbym panu bardzo podziękować za prowadzone lekcje z programowania. Bardzo doceniam pana wkład i chęć tworzenia nowych materiałów dla widzów. To właśnie dzięki panu nauczyłem się tworzyć programy, strony itp. Jestem niezmiernie wdzięczny za to wszystko. Zwykle nie komentuję filmów z YouTube, ale pan jest wyjątkowy. Na pewno z przyjemnością polecę pana swoim kolegom. Jeszcze raz dziękuję bardzo i pozdrawiam serdecznie!

[PixelozaurusRex]

Wciągnąłem się, no nic idę na dwór bo fajna pogoda. Kto by pomyślał, że tyle można opowiedzieć o tworzeniu formularza. Dostrzegam talent do tworzenia materiałów do nauki, to coś więcej niż informatyka. Może warto pomyśleć o napisaniu książki :)

[piotrek]

Intro jest MEGA. Jednym słowem od komputera do menagera :)

[quadraxis]

Dzień dobry, wpadłam tu tylko dlatego że przyjaciółka posłała link żebym obejrzała tą piękną wersję czołówki z klanu i muszę przyznać panu, że mam problem z pańskimi filmikami - są tak wciągające że taki marny student grafiki chętnie zaczyna je oglądać a nawet chce zacząć uczyć się CSS xD Reasumując, pańskie kursy są naprawdę porządne, łatwe do zrozumienia przez pańskie tłumaczenie a nawet relaksujące jak się na co dzień nie ma z tym styczności

[raquznany]

Super odcinek, 45 minut minęło w mgnieniu oka :). Ahh żeby lekcje w szkole tak szybko mijały ^^