CSS Modern Responsive Web Design - Create 5 Different Websites

Focused View

7:06:39

10 View

01-Introduction.mp4

04:41

02-Tools and Resources for the Course.mp4

08:56

03-Creating a Single-page Float Website with a Grid Structure Using CSS.mp4

03:30

04-Setting up Your Web Development Environment.mp4

06:05

05-Creating a Website Wireframe to Plan Your Site.mp4

04:10

06-Adding the HTML Main Structure.mp4

04:52

07-Updating HTML with Styles.mp4

06:42

08-Creating a Responsive Navbar.mp4

04:21

09-Creating a Mobile-ready Responsive Navbar.mp4

06:40

10-Adding More Content to Your Websites Top Section.mp4

04:31

11-Creating a CSS Grid for Your Website Using Float.mp4

10:40

12-Adding an Image Gallery.mp4

08:50

13-Creating Content Areas Multiple Columns Content Area.mp4

10:20

14-Adding a Single Column in a Grid.mp4

03:40

15-Creating a Contact Form Using CSS and HTML.mp4

15:26

16-Adding Mailto to Your Contact Form.mp4

03:42

17-Adding a Style to Your Website.mp4

04:56

18-Adding and Moving Sections in a Single-page Website.mp4

03:13

19-Single-page Website Review.mp4

06:39

20-Single-page Flexbox Website Introduction.mp4

03:30

21-Flexbox Website - Setting up a Web Page.mp4

06:17

22-Creating Sections in a Single-page Website Using Flexbox.mp4

02:16

23-Creating a Navbar Using Flexbox.mp4

06:57

24-Designing and Adding Content to the Home Screen Section.mp4

05:56

25-Applying Your Own Custom Grid Columns with Flexbox.mp4

07:38

26-Creating CSS Flexbox Page Cards with Flexbox.mp4

12:33

27-Creating a CSS Form Using CSS Flexbox.mp4

15:54

28-Creating a Footer.mp4

05:36

29-Creating Smooth Scrolling Using JavaScript.mp4

06:56

30-Adding Smooth Scrolling to Your Website Using JavaScript.mp4

08:33

31-Single-page Flexbox Website Review.mp4

04:19

32-CSS Grid Website Introduction.mp4

02:50

33-Preparing Your Design CSS Grid Setup.mp4

04:22

34-Creating a Website CSS Grid.mp4

07:42

35-Creating a CSS Grid Responsive Navbar.mp4

05:52

36-Adding a Responsive Navbar to Your Website.mp4

12:01

37-Creating a Fully Responsive Collapsible Navbar.mp4

06:03

38-Adding Placeholder Content.mp4

15:04

39-Updating the Page Footer.mp4

08:32

40-CSS Grid Website Review.mp4

03:13

41-Introduction - Responsive Float Website.mp4

01:51

42-Modern Website - Website Setup and Planning.mp4

06:31

43-Creating a Modern Website - Setup Main HTML.mp4

05:14

44-Making a Responsive Navigation bar Using CSS Navbar Styling.mp4

08:33

45-Making a Dynamic Collapse Menu Using Responsive CSS Navbar.mp4

07:35

46-Mobile-ready Navbar Menu Using Responsive CSS Navbar.mp4

07:36

47-Adding JavaScript Select and Toggle to Your Navbar Menu Items.mp4

08:49

48-Custom Dynamic Grid Creating a Website and Column.mp4

06:22

49-Adding Placeholder Content and Resources.mp4

09:07

50-Best Resources for Web Design Adding Placeholder Content.mp4

07:20

51-Website Tweaks and Adjustments.mp4

10:07

52-Float Responsive Website Review.mp4

03:10

53-Complex Responsive Navbar Introduction.mp4

02:42

54-Website Planning and Setup for Modern Website Design Flexbox.mp4

05:26

55-Creating a Website by Applying CSS for Websites Using Flexbox.mp4

09:13

56-Mobile-first Website Design - Creating a Responsive Navbar.mp4

09:28

57-Mobile-first Design - Creating a Responsive Navbar with Menu Items.mp4

04:35

58-Adding JavaScript - Creating an Interactive JavaScript Navbar Toggler.mp4

08:25

59-More Complex Multiple Layer Menu with Sub-menu Items - Adding Navbar Sub-menu.mp4

03:58

60-Responsive Navbar with Sub-menu Items Navbar Sub-menu JavaScript.mp4

03:44

61-Responsive Menu with Sub-menu Items Website Tweaks and Updates.mp4

10:50

62-Complex Responsive Navbar Overview.mp4

12:05

More details

User Reviews

Rating

average 0

Total votes0

Focused display

Packt is a publishing company founded in 2003 headquartered in Birmingham, UK, with offices in Mumbai, India. Packt primarily publishes print and electronic books and videos relating to information technology, including programming, web design, data analysis and hardware.