1-1 Introduction to HTML5

1-2 Basic use of vscode

1-3 vscode plug-in installation

1-4 What is HTML5

1-5 HTML5 new tags

1-6 Multimedia audio tags

1-7 Multimedia video tags

1-8 HTML5 new input tag

1-9 HTML5 new form attributes

1-10 HTML5 summary

1-11 Introduction to CSS3

1-12 CSS3 attribute selector (top)

1-13 CSS3 attribute selector (below)

1-14 CSS3 structural pseudo-class selector (Part 1)

1-15 nth-child(n)

1-16 The difference between nth-child and nth-of-type

1-17 Summary of structural pseudo-class selectors

1-18 CSS3 pseudo-element selector

1-19 Pseudo element selector case

1-20 2D conversion: translate

1-21 Center a box horizontally and vertically

1-22 2D conversion rotate

1-23 CSS3 triangle

1-24 Set conversion center point

1-25 Rotation center point case

1-26 2D conversion scale

1-27 Picture enlargement case

1-28 Paging button case

1-29 Comprehensive writing methods and sequence issues for 2D conversion

1-30 2D conversion summary

1-31 Basic usage of CSS3 animation

1-32 animation sequence

1-33 CSS3 animation common properties

1-34 CSS3 animation abbreviation

1-35 Big data heat map case (Part 1)

1-36 Big data heat map case (Part 2)

1-37 The steps of the speed curve

1-38 Running Bear Big Case

1-39 Understanding 3D Transformation

1-40 3D translation translate3d

1-41 perspectiveperspective

1-42 translateZ

1-43 3D rotation rotateX

1-44 3D rotation rotateY

1-45 3D rotation rotateZ

1-46 3D rendering transform-style

1-47 Two-sided flip box case

1-48 3D navigation bar (top)

1-49 3D navigation bar (below)

1-50 Comprehensive Case-Carousel Case (Part 1)

1-51 Comprehensive Case-Carousel Case (Part 2)

1-52 Browser private prefix and summary

2-1 Introduction to mobile WEB development flow layout

2-2 Mobile terminal basics

2-3 Viewport

2-4 meta viewport tag

2-5 physical pixel to physical pixel ratio

2-6 Double chart

2-7 Background scaling background-size

2-8 Background double image and multi-image cutout

2-9 Mobile development options

2-10 Mobile technology solutions

2-11 Mobile special styles

2-12 Mobile technology selection

2-13 Fluid layout

2-14 Preparation work for JD.com mobile homepage

2-15 body settings

2-16 app layout

2-17 app content filling

2-18 Search module layout

2-19 Search module content production

2-20 How to make a double sprite chart

2-21 Focus map production

2-22 Brand day module production

2-23 Navigation bar nav module production

2-24 Newsletter module

2-25 JD.com mobile home page end 2

3-1 Introduction to flex layout of mobile WEB development

3-2 Flex layout experience

3-3 flex layout principle

3-4 flex sets the spindle direction

3-5 justify-content sets the main axis sub-element arrangement

3-6 Whether flex-wrap sub-elements wrap

3-7 align-items sets the arrangement of cross-axis child elements

3-8 align-content sets the arrangement of cross-axis child elements

3-9 flex-flow and summary

3-10 Use of child flex properties

3-11 align-self and order

3-12 Ctrip mobile home page preparation work

3-13 Home page layout analysis and search module layout

3-14 Search module made by user

3-15 Search module production search production

3-16 Focus map focus module production

3-17 local-nav layout

3-18 local-nav content production

3-19 Use the attribute selector to change the background image

3-20 nav appearance layout

3-21 nav content production

3-22 Background gradient linear-gradient

3-23 subnav-entry module production

3-24 Popular activity module production

3-25 More welfare module production

3-26 sales-bd module production 3

4-1 Introduction to mobile WEB development rem adaptive layout

4-2 rem unit

4-3 Introduction to media query syntax

4-4 Media Query Case Background Discoloration

4-5 Media query + rem realizes dynamic size changes of elements

4-6 Media query introduces resources

4-7 Disadvantages of CSS

4-8 Introduction to LESS and using variables

4-9 less compile easyless plug-in

4-10 less nesting

4-11 less operation

4-12 Principle of rem adaptation scheme

4-13 rem final adaptation plan

4-14 Suning homepage common.less production

4-15 Suning homepage import import style

4-16 Suning home page body style settings

4-17 Suning homepage search-content module layout

4-18 Suning homepage search-content content layout

4-19 Suning homepage-search module production

4-20 Suning homepage banner and advertising module production

4-21 Suning homepage nav part production

4-22 rem adaptation solution 2 flexble.js introduction

4-23 rem adaptation solution 2 Suning home page preliminary preparation work

4-24 rem adaptation scheme 2body style modification

4-25 A magical vscode plug-in cssrem

4-26 Modify flexible default html font size

4-27 rem adaptation solution 2 search-content content production 1

4-28 rem adaptation solution 2 search-content content production 2

5-1 Mobile web development responsive introduction

5-2 Responsive development principles

5-3 Responsive layout container

5-4 Responsive navigation case

5-5 Introduction to Bootstrap

5-6 Bootstrap usage (Part 1)

5-7 Bootstrap usage (Part 2)

5-8 Bootstrap layout container

5-9 Bootstrap grid system

5-10 Use of Bootstrap grid system (Part 1)

5-11 Use of Bootstrap grid system (Part 2)

5-12 Bootstrap column nesting

5-13 Bootstrap column offset

5-14 Bootstrap column sorting

5-15 Bootstrap responsive tools

5-16 Alibaba Baixiu demand analysis

5-17 Preparatory work for Ali Baixiu

5-18 Modify the maximum width of the container

5-19 Alibaba Baixiu logo production

5-20 Alibaba Baixiu nav production introduces font icons

5-21 Produced by Ali Baixiu News (Part 1)

5-22 Produced by Ali Baixiu News (Part 2)

5-23 Alibaba Baixiu publish module production

5-24 Alibaba Baixiu aside module production

5-25 Alibaba Baixiu logo responsive production

5-26 Alibaba Baixiu nav responsive production

5-27 Alibaba Baixiu news responsive production

5-28 Alibaba Baixiu publish responsive production

5-29 Mobile terminal development summary