bygning a - responsive opbygning med skelet: widescreen,,,, det er tid til at hente vores skelet layout, endnu en gang, denne gang til tilgang opstillingsskemaer større end standard 960px bredde.skelet kaster et par kurve bolde vej, når det gælder om at udvide rammerne - lad os se på disse vanskeligheder, og se, hvad vi kan gøre for at komme uden om dem,.,,,,, widescreen, alternativt downloade video eller tilslutte sig webdesigntuts + screencasts via itunes eller youtube.,,, at udvide skelet, under mine eksperimenter jeg kom op med et par ting.hvis du er interesseret, her er den nye kolonner til 1280px container: /*&#yderligere - store skærme over 1280px ================================================== * /* note: udformning af en bredde på 1280px * /@ medier kun skærm og min bredde: 1280px) {. container (bredde: 1280px;}. beholder. kolonne. container. kolonne (margen: 10px; margen: 10px.}. column.alpha,. columns.alpha {margen: 0; margen: 10px.}. column.omega,. columns.omega {margen: 0; margen: 10px.}. alpha.omega {margen: 0; margen -t: 0}. beholder. one.column,. beholder. one.columns (bredde: 60px;}. beholder. two.columns (bredde: 140px;}. beholder. three.columns (bredde: 220px;}. beholder. four.columns (bredde: 300px;}. beholder. five.columns (bredde: 380px.}. six.columns beholder. (bredde: 460px;}. beholder. seven.columns (bredde: 540px;}. beholder. eight.columns (bredde: 620px;}. beholder. nine.columns (bredde: 700px;}. beholder. ten.columns (bredde: 780px;}. beholder. eleven.columns (bredde: 860px;}. beholder. twelve.columns (bredde: 940px;}. beholder. thirteen.columns (bredde: 1020px;}. beholder. fourteen.columns (bredde: 1100px;}. beholder. fifteen.columns (bredde: 1180px;}. beholder. sixteen.columns (bredde: 1260px;}. beholder. one-third.column (bredde: 406px;}. beholder. two-thirds.column (bredde: 822px;} /* udligninger * /. container. udlignes af en {polstring til venstre: 80px;}. container. opvejet af to (polstring til venstre: 1.60px;}. container. opvejet af tre (polstring til venstre: 240px;}. container. opvejet af fire (polstring til venstre: 320px;}. container. opvejet af fem (polstring til venstre: 400px;}. container. opvejet af seks (polstring til venstre: 480px;}. container. opvejet af syv (polstring til venstre - 560px;}. container. opvejet af otte (polstring til venstre: 640px;}. container. opvejet af ni (polstring til venstre: 720px;}. container. opvejet af ti (polstring til venstre: 800px;}. container. opvejet af elleve {polstring til venstre: 880px;}. beholder opvejet af tolv.{polstring til venstre: 960px;}. container. opvejet af 13 (polstring til venstre: 1040px;}. container. opvejet af 14 (polstring til venstre: 1120px;}. container. opvejet af 15 {polstring til venstre: 1200px;}}, også her er kolonnen bredder genberegnet som procentsatser.det er rigtigt, en væske skelet.være klar over, at russisk kolonner, vil ikke fungere i dette tilfælde... /*&#yderligere - fleksibel kolonne bredder ================================================== * /. container (bredde: 90%;} /*, hvad du vil - kan fastsættes, hvis du foretrækker * /. container. kolonne. container. kolonne (margen: 0.78125%; margen: 0.78125%}. beholder. one.column,. beholder. one.columns (bredde: 4.6875%}. beholder. two.columns (bredde: 10.9375%}. beholder. three.columns (bredde: 17.1875%}. beholder. four.columns (bredde: 23.4375%}- beholder. five.columns (bredde: 29.6875%}. beholder. six.columns (bredde: 35.9375%}. beholder. seven.columns (bredde: 42.1875%}. beholder. eight.columns (bredde: 48.4375%}. beholder. nine.columns (bredde: 54.6875%}. beholder. ten.columns (bredde: 60.9375%;). beholder. eleven.columns (bredde: 67.1875%}. beholder. twelve.columns (bredde: 73.4375%}. beholder. thirteen.columns (bredde: 79.6875%}. beholder. fourteen.columns (bredde: 85.9375%}.beholder. fifteen.columns (bredde: 92.1875%}. beholder. sixteen.columns (bredde: 98.4375%}. beholder. one-third.column (bredde: 31.7708%}. beholder. two-thirds.column (bredde: 65.1041%} /* udligninger * /. container. udlignes af en {polstring til venstre: 6,25%}). opvejet af to (polstring til venstre: 12,5%;}. container. opvejet af tre (polstring til venstre: 18,75%}. container. opvejet af fire (polstring til venstre: 25%;}. container. opvejet af fem (polstring til venstre: 31, 25%}. beholder opvejet af seks.{polstring til venstre: 37,5%;}. container. opvejet af syv (polstring til venstre: 43.75%}. container. opvejet af otte (polstring til venstre: 50%}. container. opvejet af ni (polstring til venstre: 56%}. container. opvejet af ti (polstring til venstre: 62,5%}. container. opvejet af elleve {polstring til venstre: 68.75%}. container. opvejet af tolv (polstring til venstre: 75%}. container. opvejet af 13 (polstring til venstre: 81.25%}. container. opvejet af 14 (polstring til venstre: 87,5%}. beholder opvejet af 15 {polstring. venstre: 93.75%}, overal - ressourcer, nogle nyttige forbindelser skal bygge videre på, hvad der er blevet dækket i denne video.,,, skelet boilerplate og dokumentation, liv, efter 960px: udarbejdelse af for store skærme,, at media forespørgsler i deres sted af paul boag, den geniale apache ved oneedo, af lærred multi - anordning opstillingsskemaer luke wroblewski,,,