Скачать iso http://www.android-x86.org/download (советую eeepc)
Создать новую виртуальную машину
Ram 1024
Скачать iso http://www.android-x86.org/download (советую eeepc)
Создать новую виртуальную машину
Ram 1024
git clone REPO -b BRANCH
Выкладываю таблицу времен английского языка, свято веря, что это улучшит мои знания 🙂
Таблица эволюции компьютерного железа: ОЗУ, ПЗУ, сокетов, разъемов периферии и плат расширения.
Пришлось немного замарочиться со связкой PHPStorm GIT Windows, не дай Бог придется это когда-нибудь повторить… А если мне (или кому-то еще) придется то инструкция ниже.
Есть такой плагин для jQuery и по условиям лицензии его могу расторопность и я 🙂
Читать далее «Модальные окна в javascript в стиле windows aero»
Ссылки на библиотеки ниже
Вспоминая о SmartDoc`е и Антохе Ермоленко, хочется раскрыть в своих «записках», как же все таки создать sfx архив (т.е. Windows`овский «.exe» архив).
HTML:
<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>JS Bin</title> </head> <body> <div id="pagewrap"> <p>Измените размер окна браузера</p> <h3>Четырехколоночная</h3> <div class="wrapper grid4"> <div class="col"> <div>Колонка 1</div> </div> <div class="col"> <div>Колонка 2</div> </div> <div class="col"> <div>Колонка 3</div> </div> <div class="col"> <div>Колонка 4</div> </div> <div class="col"> <div>Колонка 5</div> </div> <div class="col"> <div>Колонка 6</div> </div> <div class="col"> <div>Колонка 7</div> </div> <div class="col"> <div>Колонка 8</div> </div> </div> <!-- /wrapper --> <h3>Трехколоночная</h3> <div class="wrapper grid3"> <div class="col"> Колонка 1 </div> <div class="col"> Колонка 2 </div> <div class="col"> Колонка 3 </div> <div class="col"> Колонка 4 </div> <div class="col"> Колонка 5 </div> <div class="col"> Колонка 6 </div> </div> <!-- /wrapper --> <h3>Двухколоночная</h3> <div class="wrapper grid2"> <div class="col"> Колонка 1 </div> <div class="col"> Колонка 2 </div> <div class="col"> Колонка 3 </div> <div class="col"> Колонка 4 </div> </div> <!-- /wrapper --> <h3>На всю ширину</h3> <div class="wrapper fullwidth"> <div class="col"> Колонка 1 </div> </div> <!-- /wrapper --> </div> </body> </html>
CSS:
body { background: #fff; color: #666; font: 85%/140% Arial, Helvetica, sans-serif; width: 800px; max-width: 96%; margin: 0 auto; } a { color: #69C; text-decoration: none; } a:hover { color: #F60; } h1 { font: 1.7em; line-height: 110%; color: #000; } h1, h2, h3 { color: #000; } h3 { border-top: solid 1px #eee; padding: 20px 0; margin: 20px 0 0; font-size: 150%; } p { margin: 0 0 20px; } /* set html5 elements to block */ div.col, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } #pagewrap { width: 978px; max-width: 96%; margin: 0 auto; } .wrapper { overflow: hidden; } /************************************************************************************ COLUMN *************************************************************************************/ .col { background: #eee; float: left; margin-left: 3.2%; margin-bottom: 30px; } .fullwidth .col { float: none; margin-left: 0; } /* grid4 col */ .grid4 .col { width: 22.6%; } /* grid3 col */ .grid3 .col { width: 31.2%; } /* grid2 col */ .grid2 .col { width: 48.4%; } /* clear col */ .grid4 .col:nth-of-type(4n+1), .grid3 .col:nth-of-type(3n+1), .grid2 .col:nth-of-type(2n+1) { margin-left: 0; clear: left; } /************************************************************************************ MEDIA QUERIES *************************************************************************************/ /* reset cols to 3-column */ @media screen and (max-width: 400px) { /* grid4 */ .grid4 .col { width: 31.2%; } .grid4 .col:nth-of-type(4n+1) { margin-left: 3.2%; clear: none; } .grid4 .col:nth-of-type(3n+1) { margin-left: 0; clear: left; } } /* reset cols to 2-column */ @media screen and (max-width: 300px) { /* grid4 */ .grid4 .col { width: 48.4%; } .grid4 .col:nth-of-type(3n+1) { margin-left: 3.2%; clear: none; } .grid4 .col:nth-of-type(2n+1) { margin-left: 0; clear: left; } /* grid3 */ .grid3 .col { width: 48.4%; } .grid3 .col:nth-of-type(3n+1) { margin-left: 3.2%; clear: none; } .grid3 .col:nth-of-type(2n+1) { margin-left: 0; clear: left; } } /* reset cols to fullwidth */ @media screen and (max-width: 200px) { /* grid4 */ .col { width: 100% !important; margin-left: 0 !important; clear: none !important; } } div.col > div { border: 1px solid red; width: 213px; margin: 0 auto; }
Читать далее «Пример контента адаптирующегося по ширине экрана»