Name: Mobile layout: HTML5+CSS3 advanced and enhanced version
Uploaded: 2022-11-25T17:35:10+8:00
Duration: 1172 min 56 s
Description: The purpose of this course is to enable everyone to master the mobile layout. The course mainly explains the viewport, double image, drain layout, flex layout, rem layout, responsive layout, and also adds tools such as Mockup.

Chapter1H5C3 strengthened: Introduction to HTML5
01 minutes30 seconds; Basic use of vscode
15 minutes21 seconds; vscode plug-in installation
11 minutes30 seconds; What is HTML5
04 minutes53 seconds; HTML5 new tags
09 minutes30 seconds; Multimedia audio tags
12 minutes10 seconds; Multimedia video tags
15 minutes03 seconds; HTML5 new input tag
12 minutes02 seconds; HTML5 new form attributes
12 minutes32 seconds; HTML5 summary
06 minutes52 seconds; Introduction to CSS3
02 minutes39 seconds; CSS3 attribute selector (top)
11 minutes18 seconds; CSS3 attribute selector (below)
10 minutes46 seconds; CSS3 structural pseudo-class selector (Part 1)
06 minutes19 seconds; nth-child(n)
12 minutes47 seconds; The difference between nth-child and nth-of-type
10 minutes22 seconds; Summary of structural pseudo-class selectors
02 minutes02 seconds; CSS3 pseudo-element selector
08 minutes48 seconds; Pseudo element selector case
09 minutes26 seconds; 2D conversion: translate
13 minutes07 seconds; Center a box horizontally and vertically
09 minutes18 seconds; 2D conversion rotate
05 minutes55 seconds; CSS3 triangle
07 minutes23 seconds; Set conversion center point
06 minutes09 seconds; Rotation center point case
06 minutes56 seconds; 2D conversion scale
06 minutes56 seconds; Picture enlargement case
11 minutes07 seconds; Paging button case
03 minutes20 seconds; Comprehensive writing methods and sequence issues for 2D conversion
05 minutes38 seconds; 2D conversion summary
03 minutes06 seconds; Basic usage of CSS3 animation
08 minutes56 seconds; animation sequence
12 minutes41 seconds; CSS3 animation common properties
16 minutes08 seconds; CSS3 animation abbreviation
07 minutes17 seconds; Big data heat map case (Part 1)
14 minutes08 seconds; Big data heat map case (Part 2)
14 minutes10 seconds; The steps of the speed curve
08 minutes28 seconds; Running Bear Big Case
14 minutes25 seconds; Understanding 3D Transformation
05 minutes20 seconds; 3D translation translate3d
07 minutes57 seconds; perspectiveperspective
08 minutes53 seconds; translateZ
09 minutes23 seconds; 3D rotation rotateX
09 minutes43 seconds; 3D rotation rotateY
03 minutes55 seconds; 3D rotation rotateZ
05 minutes50 seconds; 3D rendering transform-style
11 minutes03 seconds; Two-sided flip box case
12 minutes57 seconds; 3D navigation bar (top)
12 minutes26 seconds; 3D navigation bar (below)
10 minutes48 seconds; Comprehensive Case-Carousel Case (Part 1)
08 minutes40 seconds; Comprehensive Case-Carousel Case (Part 2)
08 minutes34 seconds; Browser private prefix and summary
11 minutes13 seconds
Chapter2Fluid layout: Introduction to mobile WEB development flow layout
01 minutes59 seconds; Mobile terminal basics
09 minutes31 seconds; Viewport
09 minutes02 seconds; meta viewport tag
06 minutes53 seconds; physical pixel to physical pixel ratio
08 minutes45 seconds; Double chart
12 minutes13 seconds; Background scaling background-size
10 minutes46 seconds; Background double image and multi-image cutout
05 minutes38 seconds; Mobile development options
04 minutes32 seconds; Mobile technology solutions
10 minutes29 seconds; Mobile special styles
04 minutes53 seconds; Mobile technology selection
03 minutes40 seconds; Fluid layout
10 minutes32 seconds; Preparation work for JD.com mobile homepage
06 minutes58 seconds; body settings
06 minutes29 seconds; app layout
08 minutes29 seconds; app content filling
07 minutes01 seconds; Search module layout
09 minutes16 seconds; Search module content production
08 minutes44 seconds; How to make a double sprite chart
08 minutes15 seconds; Focus map production
06 minutes45 seconds; Brand day module production
07 minutes28 seconds; Navigation bar nav module production
11 minutes22 seconds; Newsletter module
07 minutes22 seconds; JD.com mobile home page end 2
04 minutes31 seconds
Chapter3flex: Introduction to flex layout of mobile WEB development
01 minutes14 seconds; Flex layout experience
07 minutes02 seconds; flex layout principle
04 minutes16 seconds; flex sets the spindle direction
08 minutes14 seconds; justify-content sets the main axis sub-element arrangement
10 minutes05 seconds; Whether flex-wrap sub-elements wrap
04 minutes57 seconds; align-items sets the arrangement of cross-axis child elements
07 minutes35 seconds; align-content sets the arrangement of cross-axis child elements
11 minutes01 seconds; flex-flow and summary
03 minutes45 seconds; Use of child flex properties
14 minutes31 seconds; align-self and order
04 minutes47 seconds; Ctrip mobile home page preparation work
06 minutes46 seconds; Home page layout analysis and search module layout
09 minutes10 seconds; Search module made by user
12 minutes11 seconds; Search module production search production
11 minutes22 seconds; Focus map focus module production
02 minutes47 seconds; local-nav layout
05 minutes17 seconds; local-nav content production
11 minutes38 seconds; Use the attribute selector to change the background image
04 minutes44 seconds; nav appearance layout
08 minutes50 seconds; nav content production
10 minutes59 seconds; Background gradient linear-gradient
06 minutes14 seconds; subnav-entry module production; Popular activity module production; More welfare module production; sales-bd module production 3
Chapter4rem layout: Introduction to mobile WEB development rem adaptive layout
01 minutes20 seconds; rem unit
11 minutes13 seconds; Introduction to media query syntax
09 minutes58 seconds; Media Query Case Background Discoloration
12 minutes20 seconds; Media query + rem realizes dynamic size changes of elements
07 minutes41 seconds; Media query introduces resources
09 minutes12 seconds; Disadvantages of CSS
05 minutes22 seconds; Introduction to LESS and using variables
09 minutes04 seconds; less compile easyless plug-in
08 minutes56 seconds; less nesting
10 minutes17 seconds; less operation
05 minutes57 seconds; Principle of rem adaptation scheme
11 minutes53 seconds; rem final adaptation plan
11 minutes45 seconds; Suning homepage common.less production
04 minutes43 seconds; Suning homepage import import style
04 minutes03 seconds; Suning home page body style settings
07 minutes28 seconds; Suning homepage search-content module layout
09 minutes02 seconds; Suning homepage search-content content layout; Suning homepage-search module production; Suning homepage banner and advertising module production; Suning homepage nav part production; rem adaptation solution 2 flexble.js introduction
04 minutes27 seconds; rem adaptation solution 2 Suning home page preliminary preparation work
03 minutes29 seconds; rem adaptation scheme 2body style modification; A magical vscode plug-in cssrem; Modify flexible default html font size; rem adaptation solution 2 search-content content production 1; rem adaptation solution 2 search-content content production 2
Chapter5Responsive layout: Mobile web development responsive introduction
02 minutes47 seconds; Responsive development principles
03 minutes01 seconds; Responsive layout container
12 minutes23 seconds; Responsive navigation case
06 minutes11 seconds; Introduction to Bootstrap
10 minutes08 seconds; Bootstrap usage (Part 1)
08 minutes31 seconds; Bootstrap usage (Part 2)
05 minutes17 seconds; Bootstrap layout container
03 minutes51 seconds; Bootstrap grid system
04 minutes58 seconds; Use of Bootstrap grid system (Part 1)
12 minutes38 seconds; Use of Bootstrap grid system (Part 2)
06 minutes28 seconds; Bootstrap column nesting
08 minutes07 seconds; Bootstrap column offset
08 minutes06 seconds; Bootstrap column sorting
03 minutes21 seconds; Bootstrap responsive tools
06 minutes22 seconds; Alibaba Baixiu demand analysis
05 minutes59 seconds; Preparatory work for Ali Baixiu
03 minutes58 seconds; Modify the maximum width of the container
03 minutes50 seconds; Alibaba Baixiu logo production
08 minutes02 seconds; Alibaba Baixiu nav production introduces font icons
08 minutes32 seconds; Produced by Ali Baixiu News (Part 1)
12 minutes20 seconds; Produced by Ali Baixiu News (Part 2)
03 minutes24 seconds; Alibaba Baixiu publish module production
11 minutes50 seconds; Alibaba Baixiu aside module production; Alibaba Baixiu logo responsive production
09 minutes27 seconds; Alibaba Baixiu nav responsive production
04 minutes51 seconds; Alibaba Baixiu news responsive production
05 minutes35 seconds; Alibaba Baixiu publish responsive production
05 minutes04 seconds; Mobile terminal development summary
03 minutes07 seconds

部分浏览器不支持，请下载APP观看

Next Section： CSS3动画基本使用878 plays

Mobile layout: HTML5+CSS3 advanced and enhanced version

部分浏览器不支持，请下载APP观看

Next Section： CSS3动画基本使用878 plays

Mobile layout: HTML5+CSS3 advanced and enhanced version

Allpost a note