Mobile layout: HTML5+CSS3 advanced and enhanced version

• Chapter1 H5C3 strengthened
• 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
• Chapter2 Fluid layout
• 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
• Chapter3 flex
• 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
• Chapter4 rem layout
• 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
• Chapter5 Responsive layout
• 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