CSS for Everybody: From Beginner to Boss

Focused View

Kalob Taulien

4:30:51

15 View

01.01-introduction.mp4

01:18

01.02-what is css.mp4

01:50

01.03-how does css work.mp4

01:43

01.04-css syntax overview.mp4

03:50

01.05-inline css.mp4

03:44

01.06-internal css.mp4

03:37

01.07-css selectors introduction.mp4

01:20

01.08-element selectors.mp4

01:38

01.09-class selectors.mp4

04:52

01.10-id selectors.mp4

03:02

01.11-grouped selectors.mp4

03:47

01.12-nested elements.mp4

05:01

01.13-commenting your code.mp4

02:17

01.14-text colors.mp4

02:57

01.15-different color types.mp4

03:48

01.16-links.mp4

03:33

01.17-font sizes.mp4

02:06

01.18-measurement types.mp4

01:17

01.19-background colors.mp4

01:32

01.20-background images.mp4

06:53

01.21-the inspect tool.mp4

04:21

01.22-text align.mp4

02:03

01.23-borders.mp4

02:33

01.24-border radius.mp4

04:22

01.25-display.mp4

03:48

01.26-width.mp4

04:06

01.27-height.mp4

01:44

01.28-box shadows.mp4

05:05

01.29-padding.mp4

03:22

01.30-margin.mp4

02:40

01.31-max width.mp4

02:27

01.32-opacity.mp4

04:35

01.33-external css.mp4

05:04

01.34-floating elements.mp4

05:17

01.35-your css 101 project.mp4

02:35

01.36-section summary.mp4

00:31

02.01-introduction.mp4

00:53

02.02-the display property.mp4

03:33

02.03-the box model.mp4

03:11

02.04-outlines.mp4

02:47

02.05-text shadows.mp4

04:06

02.06-minimum element width.mp4

03:49

02.07-introduction to css positions.mp4

00:44

02.08-relative positioning.mp4

02:41

02.09-absolute positioning.mp4

04:35

02.10-fixed positioning.mp4

04:19

02.11-sticky positioning.mp4

04:31

02.12-overflowing text.mp4

03:29

02.13-centering block elements.mp4

02:19

02.14-advanced css selectors.mp4

06:09

02.15-introduction to pseudo selectors.mp4

00:37

02.16-pseudo selectors.mp4

05:43

02.17-introduction to pseudo elements.mp4

01:40

02.18-before and after pseudo elements.mp4

09:46

02.19-first letter and first line pseudo elements.mp4

03:20

02.20-highlighting text with selection.mp4

01:21

02.21-smooth transitions.mp4

05:32

02.22-gradient backgrounds.mp4

06:05

02.23-layering backgrounds and gradients.mp4

04:54

02.24-custom web fonts.mp4

03:18

02.25-transformations.mp4

04:43

02.26-animations.mp4

06:47

02.27-flexbox.mp4

10:50

02.28-grid.mp4

07:46

02.29-your css 201 project.mp4

04:22

02.30-section summary.mp4

01:35

03.01-introduction.mp4

01:05

03.02-the viewport meta element.mp4

01:23

03.03-media query syntax.mp4

03:51

03.04-what is mobile-first.mp4

02:12

03.05-responsive images.mp4

03:44

03.06-responsive embeds.mp4

04:52

03.07-multiple media queries.mp4

02:21

03.08-making a responsive layout.mp4

08:14

03.09-your css 301 project.mp4

01:38

03.10-summary.mp4

01:28

9781801071949 Code.zip

Description

In the first section of the course, we’ll learn about CSS syntax, how to style certain HTML elements using CSS selectors, changing the text on our page, using different colors, changing default link styling, adding background images, working with borders, changing heights and widths of elements, changing spacing with margins and paddings, and making parts of your page see-through. In the second section, we’ll apply everything we learned in CSS 101 and get our hands dirty with more advanced CSS. This includes understanding the display property, the box model, outlines versus borders, specific element positioning, advanced CSS selectors, pseudo selectors and pseudo-elements, transitions, animations, flexbox, and CSS grid. In the final section, we’ll learn about responsive web design. This is how we make websites look great on all devices, including phones, tablets, laptops, desktops, TVs, and more. We’ll also dive right into media queries and what mobile-first means and why it’s important. Then we’ll make images and video embeds responsive. And we’ll finish the course with a final project where you make a flexbox (or CSS grid) page layout and then transform it into a responsive website so that it looks amazing on smaller devices, such as a phone. The code bundle for this course is available at https://github.com/PacktPublishing/CSS-for-Everybody-From-Beginner-to-Boss

More details

User Reviews

Rating

average 0

Total votes0

Focused display

CSS

CSS Animations

Kalob Taulien

Instructor's Courses

Kalob Taulien is a professional web developer who has been developing websites and working with start-ups since 1999. Since many years, he has been writing codes in Python and Django. He is in the core Wagtail CMS team and one of the core leaders in Wagtail-based education. The passion to learn and to share his knowledge by teaching and helping others is something that drives him constantly. His ability to turn complex programming concepts into easy-to-understand bits of knowledge has been called his 'superpower'. Throughout the years, he has built numerous websites. He even provides one-on-one coaching and start-up consulting to new organizations.

PacktPub

View courses PacktPub

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.