Advertisement
Guest User

Untitled

a guest
Nov 8th, 2015
26,303
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.69 KB | None | 0 0
  1. ВЕРСТКА ТРЕД ГАЙД 1.2 ПЕРЕРАБОТАННЫЙ И ОБНОВЛЕННЫЙ
  2.  
  3. Итак, ты прочел ОП-пост и заинтересовался. Сейчас я немного сумбурно, но все же введу тебя в курс дела, если ты совсем нихуя в «в этом вашем вебе» не понимаешь.
  4.  
  5. ВВЕДЕНИЕ.
  6.  
  7. Что же такое верстка?
  8. Если вкратце, то это процесс создания страницы сайта. Заметьте, статичной страницы, без каких либо скриптов. Верстальщик использует языки разметки, в данном случае подразумевается HTML5/CSS3, с помощью которых размечает страницу. Создает ее с самого зеро, то есть с пустого документа.
  9.  
  10. HTML – используется исключительно для разметки. CSS или каскадные таблицы стилей – для управления потоком документа, придания элементам, заранее созданным в разметке определенной формы, размещения их в том или ином порядке, манипуляций с текстом, размерами etc. Они идут в связке.
  11.  
  12. В итоге получается готовая страница сайта. Сайты верстают, чаще всего с psd макетов, которые предоставляет дизайнер. Макет разбирают в фотошопе. После верстки готовый документ не является завершенным сайтом. Это просто оболочка, причем статичная. Дальше идет обработка с помощью JS, подключение скриптов, работа серверных программистов и еще куча всего.
  13. По сути, если собрался становиться именно верстальщиком, то необходимо не слишком большое количество скиллов.
  14. Однако верстальщики сейчас на рынке не так востребованы. Намного чаще требуются именно фронтендеры. Фронт-енд – клиентская сторона создания сайта. То есть работа на стороне браузера. Если сильно обобщить, то она включает в себя как верстку, так и работу со скриптами.
  15.  
  16. Есть еще бэкенд. Бэкенд – серверная сторона, отвечает за взаимодействие с сервером, непосредственно работу сайта, оперирование данными от пользователей и т.д. В этой пасте бэкенду почти ничего не посвящено. Материалов у нас очень мало, ткак не то направление. Если кто поделится, будем рады пополнить свои закрома.
  17.  
  18. Так вот, фронтендер, даже самый начинающий должен знать сильно больше верстальщика. Тут лучше продублирую ОП-пост:
  19. На данный момент фронтендеру новичку нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.
  20. Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит.
  21.  
  22. Полноценным фронтендерам, как специалистам нормального уровня, уже нужно добавлять кучу скиллов конкретно по их направлению. Тут что-то универсальное посоветовать сложно, так как направлений есть дохуя. Полюбому понадобится хорошее знание одного из языков программирования, что ориентированы на веб.
  23.  
  24. И это отмечу, далеко не предел, даже на начальном этапе расти есть куда. Вариантов масса. От псевдотрехмерных техник создания сайтов на параллаксе, до запила крутых приложений на JS, с перспективой перехода на мобильные платформы. Да что там говорить, даже игры умудряются пилить, и довольно удачно.
  25.  
  26. РАБОТА.
  27.  
  28. По поводу работы. Она есть. И места есть, и заказы есть, и конкуренция есть. Последняя причем есть везде. Если ты ноешь, что работы нет, значит плохо искал, либо живешь в глухом селе хуй знает где. Тогда сочувствую бро, тебе только в переезд или во фриланс.
  29.  
  30. Основные направления: фриланс или конторки.
  31.  
  32. О фрилансе ты наверняка слышал хоть немного. Есть местные или зарубежные биржи, где люди выкладывают свои заказы разных уровней. От «поправь шрифт на сайте для мобильных версий» до «запили мне рабочий аналог фейсбука за 30 долларов» (утрировано). Из зарубежных самый популярный – Upwork. Кстати в воркаче есть постоянно живущий тред по апворку, где можно узнать больше информации, советую читнуть тамошний фак.
  33.  
  34. Новичкам на фрилансе сложновато за счет сильной конкуренции (чаще всего вас просто будут игнорить заказчики), плюс при работе на зарубежных сайтах нужно знание английского, но это не значит, что не стоит и пытаться. Лично знаю людей, которые начинали работать с совсем уж мелочных заказов на какой-то пидорашкинской бирже, а затем перекатились на конкретный такой запил сайтов на апворке.
  35.  
  36. Конторки – местные кружки веб-макак локального или глобального уровня. Пилят от мелких сайтов торгашам с рынка, до довольно крупных продаваемых приложений (если тебе повезло в такую попасть со старта). Основная задача местных анонов – пробиться в одну из них. Собственно, материалы в треде как раз и предназначены для того, чтобы выбить ентри левел. Через несколько месяцев пребывания там, ты, если не конченый дебил, уже и сам будешь знать, что тебя ждет, что дальше делать и куда двигаться.
  37. На фрилансе больше нужны люди оркестры, в конторках скорее необходим человек более узкой специализации. Но бывает всякое.
  38.  
  39.  
  40. МАТЕРИАЛЫ, ПОЛЕЗНЫЕ ССЫЛКИ И СОВЕТЫ ПО ОБУЧЕНИЮ.
  41.  
  42. Сначала вкратце по процессу обучения: если совсем нихуя не знаешь, то лучше начинай учить именно HTML/CSS. Сверстаешь свой первый макет – учись верстать адаптивно. Почитывай материалы в инете, разные статейки, смотри интересные примеры, практикуйся, спрашивай непонятное в треде, читай литературу представленную здесь и ищи что-то сам. Постепенно придет понимание всех этих процессов, и че это вообще за хуйня. Как почувствуешь уверенность в верстке – перекатывайся на JS (мастхев, если хочешь развиваться). Можешь параллельно прикручивать готовые скрипты к своим сайтикам, смотреть что как работает. Ну а дальше работы не паханое поле. Двигайся, куда тебе захочется.
  43.  
  44. Необязательно вычитывать и проходить абсолютно все, что есть в пасте. Какие-то вещи тут повторяются, какие-то тебе и вовсе не нужны. Что-то возможно даже немного устарело. Чего-то не хватает. Сначала думай головой.
  45.  
  46. 1. Первичные материалы в хаотичном порядке. Они часто дублируют друг друга. Можно проходить что-то одно по одному из направлений. Личные предпочтения выскажу ниже.
  47.  
  48. http://dash.generalassemb.ly/
  49. http://learnlayout.com/
  50. http://htmlacademy.ru/ - ультрагоднота, советую начинать изучение HTML/CSS отсюда. У них же есть интенсивы (обучающие видеоуроки, для лучшего понимания предмета, тоже мастхев) ссылки чуть ниже.
  51. http://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаган. Лучше начинать учить язык отсюда, потом уже книги.
  52. http://www.codecademy.com/
  53. http://codeschool.com/ - тут платно, но есть бесплатные курсы, годные вещи про jquery и git
  54. http://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.
  55. http://teamtreehouse.com - тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо.
  56.  
  57. Интенсивы от академии:
  58. Базовый интенсив HTMLacademy за 2015 год:
  59. http://nnm-club.me/forum/viewtopic.php?t=899131
  60.  
  61. Продвинутый интенсив HTMLacademy за 2015 год:
  62. http://nnm-club.me/forum/viewtopic.php?t=900609
  63.  
  64. Лично я бы советовал сначала браться за http://htmlacademy.ru/. В идеале пройди базовые курсы у них на сайте, затем купи/скачай с торрента интенсивы, пройди их.
  65.  
  66. Курсы дадут понимание элементов верстки, но только разрозненное. Вряд ли ты сможешь после них сверстать полноценный сайт самостоятельно, это нормально. Для того и нужен базовый интенсив. После него ты сможешь делать фиксированные простенькие странички. Запили минимум 3 из представленных учебных макетов. Практика просто необходима.
  67.  
  68. Затем переходи на продвинутый интенсив. Твоя основная задача там - освоить продвинутые инструменты верстки и адаптивность. Сверстай парочку тамошних тестовых макетов применяя все вышеописанные технологии и приемы.
  69.  
  70. Дальше можешь выкачивать макеты с простор интернета и верстать уже их. Наращивание сложности приветствуется. Где не прописана адаптивность, тоже запили сам. Старайся в каждом новом проекте улучшать код. Черпай инфу из инета и литературы. Узнавай полезные приемы.
  71.  
  72. Не лишним будет ознакомиться с сетками на flexbox и прочими новыми фишками. Вот здесь уже можно проплатить, если есть желание, продвинутые курсы в академии. Месяц там стоит 300 рублей, и за это время ты вполне успеешь пройти все даже дважды. Это не то чтобы мастхев, но понимание работы ксс-анимаций, хороших практик верстки, различных продвинутых элементов в новой спецификации и т.д. там дается. Хотя я буду лукавить, если скажу что всю эту инфу нельзя найти в инете и в разрозненном виде.
  73. Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать надо самому.
  74.  
  75. Текстовые редакторы:
  76. http://brackets.io/
  77. http://www.sublimetext.com/2
  78. https://atom.io/
  79.  
  80. КНИГИ:
  81.  
  82. Тут надо выбирать индивидуально. Если по HTML/CSS, то желательно, чтобы книга была не старше 2012 года, ну или хотя бы переиздана. Читай все что интересно. В любом случае это будет полезно.
  83.  
  84. http://www.ozon.ru/context/detail/id/20279391/ - "Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript и CSS" Весьма неплохая книга, бегло позволит ориентироваться в основах веб-технологий и понять, как же все это говно вместе работает.
  85. http://rutracker.org/forum/viewtopic.php?t=4214664 - "CSS ручной работы" Дэн Седерхольм
  86. http://www.ozon.ru/context/detail/id/5647176/ - "Большая книга CSS" Дэвид Сойер Макфарланд
  87. http://habrahabr.ru/post/240219/ - «Выразительный Джаваскрипт» Хавербек Марейн. Вводна книга по JS и программингу в целом. Для новичков может быть сложноватой.
  88. http://frontendbookshelf.ru/ - список полезных книг. Большинство актуальны, можно выбрать по языку, технологии и конкретному уровню знаний. Первооочередную литературу желательно брать оттуда.
  89. http://scanlibs.com/ что-то типа хранилища айти книг. Скачать книги можно бесплатно. Там есть дохуя всего. Если в свободном доступе не найдете, попробуйте поискать там.
  90.  
  91. Учебное задания УЛЬТРА ХАРДКОР ЛЕВЕЛ. Если считаешь, что тебе мало учебной хуйни. Сделай это и положи к себе в портфолио. Будет что показать на собеседовании. На данный момент устарели, но попрактиковаться все-таки можно:
  92. http://htmlforum.ru/index.php?showtopic=47141
  93. Появились новые тренировочные задания с ТЗ:
  94. http://htmlforum.ru/index.php?showtopic=47974
  95. http://htmlforum.ru/index.php?showtopic=47965
  96.  
  97. ПРИМЕРЫ ВЕРСТКИ ДЛЯ САМЫХ МАЛЕНЬКИХ:
  98.  
  99. Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ.
  100. http://denweb.ru/put-veb-mastera_sod
  101.  
  102. Верстка по БЭМ
  103. http://habrahabr.ru/post/203440/
  104.  
  105. Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.
  106.  
  107. 2. Если вы дошли сюда, значит уже что-то умеете, теперь пойдут профессиональные штуки, очень полезные для общего развития
  108.  
  109. http://frontender.info - годный ресурс по фронт-енд тематике
  110. http://habrahabr.ru/post/114256/ - чеклист верстки. Если ваше говно проходит хотя бы половину пунктов, вы без проблем найдете работу в своем задрищенске.
  111. http://habrahabr.ru/hub/webdev/
  112. tympanus.net/codrops - тут есть годная еженедельная подборочка новостей из мира фронт-енда, рикаминдую
  113. http://www.smashingmagazine.com/ - многое отсюда так или иначе переведено на русский, ресурс полезный для развития
  114. http://css-tricks.com/ - тут можно найти много готовых шаблонов для решения часто встречающихся задач
  115. http://ru.bem.info/ - БЭМ, методология фронт-енд разработки от Яндекса, рикаминдую прочесть доки, наверняка вы нихуя не поймете, но фраза "я прочитал конечно документацию БЭМ, но в силу своего уровня пока понял оттуда совсем немного" звучит на собеседовании гораздо лучше чем хлопание глазами. По БЭМу также немного поясняют в интенсиве академии.
  116. http://goratchet.com/ - mobile first фреймворк от создателей бутстрапа.
  117. http://getbootstrap.com/ - бутстрап. без комментариев, маст хэв. Популярный фронт-енд фреймворк, можно положить его в сонову вашего проекта или быстро накидать сайтец, если дизайн не важен.
  118. http://www.ibm.com/developerworks/ru/ - очень неплохой ресурс от всем известной компании, есть там и статьи про веб-разработку.
  119. http://sass-lang.com/, http://lesscss.ru/, http://lesscss.org/, http://learnboost.github.io/stylus/ - тоже полезные шутки, значительно прокачивают ваш CSS. Так называемые препроцессоры. Я пользуюсь less.
  120. http://codepen.io/ - ресурс с кучей интересных примеров кода.
  121. http://www.html5rocks.com/en/ - туториалы от гугла
  122. http://www.sitepoint.com/html-css/, https://medium.com/tag/css, http://css-live.ru/ выборка статей по теме.
  123.  
  124. Список полезных каналов на ютубе
  125. https://www.youtube.com/channel/UCyU5wkjgQYGRB0hIHMwm2Sg
  126. https://www.youtube.com/channel/UCyIe-61Y8C4_o-zZCtO4ETQ
  127. https://www.youtube.com/channel/UCwRXb5dUK4cvsHbx-rGzSgw
  128. https://www.youtube.com/channel/UCVTlvUkGslCV_h-nSAId8Sw
  129. https://www.youtube.com/channel/UCJbPGzawDH1njbqV-D5HqKw
  130.  
  131.  
  132. 3.Что делать дальше?
  133.  
  134. Загляни в програмач, там есть треды по JS и PHP. Читни тамошний фак, реши пару задачек и думай, что тебе хочется дальше делать. Здесь все-таки больше базовый фронт-енд и верстка, поэтому серьезные вопросы по программированию и инфу следует черпать там.
  135. Запили себе портфолио, желательно на гитхабе. Там же можно через gh-pages отображать готовые странички из репов. По сути, имитировать хостинг, только он неполноценный. Впрочем, для заказчика и этого хватит.
  136.  
  137. Гайд от анона по гитхабу:
  138. http://randomfederation.github.io/
  139.  
  140. Постоянно пополняй портфолио, улучшай знания, развивайся. Пролистай вакансии в своем мухосранске. За его пределами тоже посмотри. Поймешь необходимые требования и направления развития. Можешь запилить резюме. Где это делать – решать тебе. Не бойся ходить на собеседования, разве что по знаниям будешь сильно отставать. Как минимум тебя направят в нужное русло, что-то подскажут.
  141. Хорошие конторки всегда заинтересованы в притоке разрабов. Такие могут и под свое крыло взять, снабдить материалами, подкинуть кучу полезной инфы. И с нами поделиться не забудь.
  142.  
  143. Как правило, несколько месяцев хватает на то чтобы научиться хорошо верстать, а это уже претензия на трудоустройство. На Джаваскрипт уйдет больше времени, хотя хардкорный JS необходим для вакансий, что уровнем повыше будут(но не всегда).
  144.  
  145.  
  146. ОБЩИЕ МАТЕРИАЛЫ БЕЗ ОСНОВАТЕЛЬНОЙ СОРТИРОВКИ
  147.  
  148. Дальше будет куча мала из всего, чего только можно. Но лучше бы тебе в ней порыться, найдешь множество полезного.
  149.  
  150. Макеты для верстки:
  151. Moose - http://yadi.sk/d/g74XxFDUPyrob - корпоративный сайт
  152. Hotel - http://yadi.sk/d/5VEeZriDPyroK - туристический сайт
  153. Seabird - http://yadi.sk/d/XVt_w-TrPyrp4 - корпоративный сайт
  154. Appmo - https://yadi.sk/d/Ofaah1ZsTNrLf - лендинг приложения
  155. Cleanwhite - https://yadi.sk/d/b05MLaKITNrLy - корпоративный сайт
  156. Shoes - https://yadi.sk/d/Cp7qki0yTNrM4 - интернет-магазин обуви.
  157. Крупный пак с псдшками для практики - https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc
  158. http://dbfreebies.co/templates http://freebiesbug.com/psd-freebies/website-template/ - cайты с макетами.
  159. http://www.html5rocks.com/ru/tutorials/internals/howbrowserswork/ как работают браузеры.
  160.  
  161. Гайды по форматированию кода:
  162. http://mdo.github.io/code-guide/ — стайлгайд по форматированию HTML и CSS
  163. http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml и от гугла тоже гайд.
  164. https://github.com/necolas/idiomatic-css/tree/master/translations/ru-RU — перевод на русский
  165. https://github.com/matmuchrapna/CSS-Guidelines/blob/master/README%20Russian.md — перевод на русский
  166. CSS Style Guides http://css-tricks.com/css-style-guides/ — Статья со списком стайлгайдов
  167. Ставить или не ставить закрывающий слэш? (англ.) http://www.colorglare.com/2014/02/03/to-close-or-not-to-close.html — статья-рассуждение по поводу закрывающего слэша в одиночных тэгах
  168. https://htmlacademy.github.io/codeguide/?utm_source=%D0%9F%D0%BE%D0%BB%D0%B5%D0%B7%D0%BD%D0%B0%D1%8F+%D1%80%D0%B0%D1%81%D1%81%D1%8B%D0%BB%D0%BA%D0%B0&utm_campaign=c202ba4b5b-hamail_15102015&utm_medium=email&utm_term=0_a75c235315-c202ba4b5b-162022465 гайд от HTMLacademy самый свежий.
  169.  
  170. Пояснение по блочной модели/сетках:
  171. Флоаты:
  172. Старая, но подробная статья про флоаты: Раскладка в CSS: float -http://softwaremaniacs.org/blog/2005/12/01/css-layout-float/
  173. Хорошая статья про флоаты на английском All About Floats | CSS-Tricks - http://css-tricks.com/all-about-floats/
  174. И пара статей на Хабре: раз - http://habrahabr.ru/post/136588/ - и два - http://habrahabr.ru/post/136622/
  175. Инлайн блоки:
  176. Приёмы борьбы с пробелами после инлайн блоков (англ) - http://css-tricks.com/fighting-the-space-between-inline-block-elements/
  177. Флексбокс:
  178. https://css-tricks.com/snippets/css/a-guide-to-flexbox/ - гайд по флексам.
  179.  
  180. Фотошоп для верстальщика :
  181. Почитать Николай Громов Photoshop для html-верстальщика http://nicothin.ru/page/photoshop-dlja-html-verstalshhika
  182. Два видео-урока:
  183. http://www.youtube.com/watch?v=xXv93EpWeyA
  184. http://www.youtube.com/watch?v=NEKMOXDMz9w
  185. Обсуждение видеоуроков:
  186. http://www.youtube.com/watch?v=OoBUXVaE6SA
  187. http://www.youtube.com/watch?v=gbrptHPp9dk
  188.  
  189. Улучшение и полировка кода, полезные приемы:
  190. Напочитать в этот раз целая книга: http://css-live.ru/articles/obzor-inlajnovyj-kontekst-formatirovaniya.html
  191. Progressive Enhancement или всё-таки Graceful Degradation - http://habrahabr.ru/post/157115/
  192. Так ли дорого прогрессивное улучшение? - http://habrahabr.ru/post/163877/
  193. Туториал: Progressive enhancement на примере формы входа - http://htmlacademy.ru/demos/1
  194. Progressive Enhancement: практичный подход к современной кроссбраузерной разработке. Видео доклада и презентация. - http://tech.yandex.ru/events/yac/2012/talks/373/
  195. Dive Into HTML5 - http://diveintohtml5.info/
  196. http://html5book.ru/css3-transform/ гайд по ксс-трансформациям.
  197. https://events.yandex.ru/lib/talks/1520/ - по семантичной верстке.
  198.  
  199. Сервисы:
  200. Тесты поддержки новых возможностей в браузерах
  201. http://html5test.com
  202. http://css3test.com
  203. http://caniuse.com
  204. http://fmbip.com/litmus/#css3-properties
  205.  
  206. Набор полифилов и рекомендаций
  207. http://html5please.com
  208. http://css3please.com
  209.  
  210. Сборник CSS3 анимаций
  211. http://daneden.github.io/animate.css/
  212.  
  213. Генераторы CSS3 свойств
  214. http://css3generator.com
  215. Градиенты: http://www.css3factory.com/linear-gradients/
  216.  
  217. Определение поддержки
  218. http://modernizr.com
  219. Вспомогательные букмарклеты
  220. http://mir.aculo.us/dom-monster/
  221. http://responsive.victorcoulon.fr
  222.  
  223. Стартовый шаблон страницы
  224. http://html5boilerplate.com
  225.  
  226. Наборы веб шрифтов
  227. http://www.google.com/fonts
  228. http://typekit.com
  229. http://webfont.ru/
  230. http://fontello.com/
  231.  
  232. Работа с префиксами
  233. https://github.com/ai/autoprefixer
  234. http://leaverou.github.io/prefixfree/
  235.  
  236. Оптимизаторы CSS/JS/SVG/Images:
  237. https://github.com/css/csso
  238. https://code.google.com/p/cssmin/
  239. https://github.com/mishoo/UglifyJS2
  240. http://closure-compiler.appspot.com/home
  241. https://github.com/svg/svgo/
  242. http://imageoptim.com
  243. http://pngmini.com
  244.  
  245. Продвинутый валидатор ХТМЛ
  246. https://validator.w3.org/nu/
  247. Замеры скорости работы сайта
  248. http://gtmetrix.com
  249.  
  250. Таблица UTF-8 символов
  251. http://copypastecharacter.com
  252.  
  253. Паттерны для фонов
  254. http://subtlepatterns.com
  255. http://noisepng.com
  256. http://repper.studioludens.com/repper.html
  257.  
  258. Фреймворки
  259. http://getbootstrap.com
  260. http://getpreboot.com
  261.  
  262. Введение в JavaScript:
  263.  
  264. Справочник Mozilla Developer Network - http://developer.mozilla.org/en/docs/Web/JavaScript
  265. Учебник JavaScript - http://learn.javascript.ru/
  266. JavaScript на Codecademy - http://www.codecademy.com/ru/tracks/javascript
  267. JavaScript Garden - http://bonsaiden.github.io/JavaScript-Garden/ru/
  268.  
  269. JavaScript API
  270. Canvas - http://developer.mozilla.org/en-US/docs/Web/HTML/Canvas
  271. Geolocation API - http://developer.mozilla.org/en/docs/WebAPI/Using_geolocation
  272. History API - http://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history
  273. Web Notifications API - http://developer.mozilla.org/en-US/docs/WebAPI/Using_Web_Notifications
  274. Full Screen API - http://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode
  275. Device Orientation API - http://www.html5rocks.com/en/tutorials/device/orientation/
  276. Ambient Light API - http://developer.mozilla.org/en-US/docs/WebAPI/Using_Light_Events
  277. Vibration API - http://davidwalsh.name/vibration-api
  278. Gamepad API - http://developer.mozilla.org/en-US/docs/Web/Guide/API/Gamepad
  279. Battery Status API - http://developer.mozilla.org/en-US/docs/WebAPI/Battery_Status
  280. Page Visibility API - http://www.html5rocks.com/en/tutorials/pagevisibility/intro/
  281. Web Workers - http://www.html5rocks.com/en/tutorials/workers/basics/
  282.  
  283. Еще статьи:
  284. Улучшаем опыт взаимодействия с формам - http://simonenko.su/38146501854/improving-ux-for-web-form
  285. Циклическое слайд-шоу на чистом CSS3 - http://habrahabr.ru/post/143025/
  286. Библия и 9 заповедей начинающего версталы от господа бога Гугла
  287. https://developers.google.com/web/fundamentals/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement