Odtwarzanie wczytuje osadzony odtwarzacz YouTube (tryb rozszerzonej prywatności).
Budowa responsywnej strony z animacjami | Kurs HTML5 i CSS3
KanałJulio CodesOpis autora
W tym filmowym tutorialu stworzymy responsywną stronę internetową od podstaw, korzystając z HTML5, CSS3 oraz trochę czystego JavaScriptu. Dowiesz się, jak używać klatek kluczowych i animacji przy wahaniu kursorem, a także poznasz nowy narzędzie do animacji podczas przewijania — Scroll Reveal. Na koniec wykorzystamy media queries, aby nasz design był responsywny! Rosa to premium motyw WordPress, który można kupić. Linki poniżej.
Nie zapomnij postawić polubienia, jeśli film okazał się przydatny. Kliknij również w ikonkę dzwonka, aby włączyć powiadomienia. Dzięki temu będziesz natychmiast informowany o nowych filmach!
*Projekt i grafiki użyte wyłącznie w celach edukacyjnych*
[ PLIKI PROJEKTU ]
[ MEDIA SPOŁECZNOŚCIOWE ]
[ HOSTING ]
[ MOJE SPRZĘTY ]
Laptop do programowania i montażu wideo
Model: Dell XPS 15 7590
Procesor: Intel Core i7-9750H (9 generacja)
Pamięć RAM: 32 GB (wygodniejsza wersja)
Karta graficzna: Nvidia GeForce GTX 1650 (4 GB GDDR5)
Pamięć: SSD M.2 PCIe NVMe 500 GB (wygodniejsza wersja)
--- Dodatkowo ---
Monitor: Dell Ultrasharp 27"
Klawiatura: Logitech MX Keys
Mysz: Logitech MX Master 3
Mikrofon: Blue Yeti
Aby przyspieszyć proces tworzenia, w CSS nie używamy prefiksów. Aby zapewnić zgodność z różnymi przeglądarkami, proszę dodawać odpowiednie prefiksy, gdzie jest to konieczne.
Nie zapomnij postawić polubienia, jeśli film okazał się przydatny. Kliknij również w ikonkę dzwonka, aby włączyć powiadomienia. Dzięki temu będziesz natychmiast informowany o nowych filmach!
*Projekt i grafiki użyte wyłącznie w celach edukacyjnych*
[ PLIKI PROJEKTU ]
[ MEDIA SPOŁECZNOŚCIOWE ]
[ HOSTING ]
[ MOJE SPRZĘTY ]
Laptop do programowania i montażu wideo
Model: Dell XPS 15 7590
Procesor: Intel Core i7-9750H (9 generacja)
Pamięć RAM: 32 GB (wygodniejsza wersja)
Karta graficzna: Nvidia GeForce GTX 1650 (4 GB GDDR5)
Pamięć: SSD M.2 PCIe NVMe 500 GB (wygodniejsza wersja)
--- Dodatkowo ---
Monitor: Dell Ultrasharp 27"
Klawiatura: Logitech MX Keys
Mysz: Logitech MX Master 3
Mikrofon: Blue Yeti
Aby przyspieszyć proces tworzenia, w CSS nie używamy prefiksów. Aby zapewnić zgodność z różnymi przeglądarkami, proszę dodawać odpowiednie prefiksy, gdzie jest to konieczne.
O tym poradniku
Julio Codes opublikował ten poradnik wideo (2:30:43) 5 stycznia 2020. Obejrzano go w YouTube 317 405 razy.
- Kanał
- Julio Codes
- Kategoria
- Edukacja
- Czas trwania
- 2:30:43
- Opublikowano
- 5 stycznia 2020
- Wyświetlenia
- 317 405
- Polubienia
- 11 951
Udostępnij
Ten poradnik w innych językach
- ENBuild a Responsive Website with Animations | HTML 5 and CSS 3 Tutorial
- FRConstruire un site web réactif avec des animations | HTML 5 et CSS 3 Tutoriel
- ESConstruir un sitio web sensible que proporciona un Animaciones | HTML 5 y CSS 3 Tutorial
- PTConstruir um site Responsive com animações | HTML 5 e CSS 3 Tutorial
- ITCostruire un sito web reattiva con animazioni | HTML 5 e CSS 3 Tutorial
- DEErstellen Sie eine Responsive-Website mit Animationen | HTML 5 und CSS 3 Tutorial
- NLBouw een Responsive website met animaties | HTML 5 en CSS 3 Tutorial
- RUСоздание Отзывчивый веб-сайт с анимацией | HTML 5 и CSS 3 Учебное пособие
- JAアニメーションと応答ウェブサイトを構築します| HTML 5やCSS 3のチュートリアル
- ARبناء مجيب الموقع مع صور متحركة | HTML 5 و CSS 3 دروس
- HIएनिमेशन के साथ एक उत्तरदायी वेबसाइट का निर्माण | एचटीएमएल 5 और सीएसएस 3 ट्यूटोरियल
- IDMembangun Website Responsif dengan Animasi | HTML 5 dan CSS 3 Tutorial