Download presentation
Presentation is loading. Please wait.
Published byAlex Minus Modified over 3 years ago
7
HTML & CSS for the gaming board Game Title Score Stats Board Controls #grid { display: -ms-grid; -ms-grid-columns: auto 1fr; -ms-grid-rows: auto 1fr auto; } #title { -ms-grid-column: 1; -ms-grid-row: 1 } #score { -ms-grid-column: 1; -ms-grid-row: 3 } #stats { -ms-grid-column: 1; -ms-grid-row: 2; -ms-grid-row-align: start } #board { -ms-grid-column: 2; -ms-grid-row: 1; -ms-grid-row-span: 2 } #controls { -ms-grid-column: 2; -ms-grid-row: 3; -ms-grid-column-align: center }
9
Merging grid & media queries @media (orientation: landscape) { #title { -ms-grid-column: 1; -ms-grid-row: 1 } #score { -ms-grid-column: 1; -ms-grid-row: 3 } #stats { -ms-grid-column: 1; -ms-grid-row: 2; -ms-grid-row-align: start } #board { -ms-grid-column: 2; -ms-grid-row: 1; -ms-grid-row-span: 2 } #controls { -ms-grid-column: 2; -ms-grid-row: 3; -ms-grid-column-align: center } } @media (orientation: portrait) { #title { -ms-grid-column: 1; -ms-grid-row: 1 } #score { -ms-grid-column: 1; -ms-grid-row: 2 } #stats { -ms-grid-column: 2; -ms-grid-row: 1; -ms-grid-row-span: 2 } #board { -ms-grid-column: 1; -ms-grid-row: 3; -ms-grid-column-span: 2 } #controls {-ms-grid-column: 1; -ms-grid-row: 4; -ms-grid-column-span: 2; -ms-grid-column-align: center } }
13
SpecificationTransitionsAnimations Characteristics Delay Duration Timing function Properties to transition Delay Duration Timing function Events transitionendanimationstart animationend animationiteration How it works Change property value and browser takes over. “Fire and forget”. Keyframes: which properties to change, to what values, at what times.
15
Integrating inside a game
19
MIME Type: text/cache-manifest
24
Integrating inside a game
27
Single page web application
Similar presentations
© 2018 SlidePlayer.com Inc.
All rights reserved.
Ppt on wildlife conservation download free Ppt on france in french language Ppt on case study method of training Ppt on online library management system Ppt on depth first search algorithm java Ppt on indian culture download Ppt on motivation for employees Air pressure for kids ppt on batteries Ppt on event handling in javascript Ppt on computer malwares bytes