動画検索
関連広告
検索結果
Web Design Intro
Creating our Project Files
Adding our Navbar code
Adding our Navbar CSS
Adding Fontawesome Icons
Creating Hero Section
Getting our illustration
Adding Hero Section CSS
Adding Google Fonts
Adding Our Services Section
Adding Services Section CSS
Getting our images
Adding Footer Section
Adding Footer CSS
Navigating to another page
Introduction: JavaScript for Web Designers
1. Working With JavaScript
2. Variables
3. Data Types
4. Arrays
5. Objects
6. Operators
7. If Else Statements
8. Loops
9. Functions
10. Selectors
11. Events
12. Back to Top Button
13. Textbox Auto Completion
14. Simple Content Slider
15. Image Lightbox
16. Tab Control
17. Final Words
Intro
Functional requirements of design
Accessible form controls
Update CSS custom properties with JS
Screen reader-only text
Creating GitHub repo
Set up SCSS and JS files
Set up Gulp workflow
Studying the design
Building out the top bar
Using accessible markup
Styling top bar
Styling toggle and make accessible
What is BEM? Planning out the class names
Adding the markup and the SCSS selectors for the cards
Styles for card
Layout for the card grid with flexbox, then CSS grid
Styling the top bars on the cards
Bottom cards markup and styles
Changing the toggle based on comments
Use system preferences to load light or dark theme
Build the toggle logic to manually change light/dark theme
Save toggle settings in local storage
What we are building
Open up VSCode
Editing our index.html file
Creating our Navbar
Styling our Navbar
Toggle Mobile Menu with Javascript
Creating Hero Section
Styling the Hero Section
Creating About Section
Styling About Section
Creating Services Section
Creating Sign up Section
Creating Footer Section
Styling Footer Section
Adding Javascript Smooth Scroll