Mobile layout: HTML5+CSS3 advanced and enhanced version-Free online video tutorial-php.cn

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

Mobile layout: HTML5+CSS3 advanced and enhanced version

About Instructor

php.cn