- PVSM.RU - https://www.pvsm.ru -
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.
Веб-разработка [1] |
CSS [2] |
Javascript [3] |
Браузеры [4] |
Новости и занимательное [5] |
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю [113].
Материал подготовили dersmoll [114] и alekskorovin [115].
Автор: Zfort Group
Источник [116]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/javascript/197534
Ссылки в тексте:
[1] Веб-разработка: #webdev
[2] CSS: #css
[3] Javascript: #js
[4] Браузеры: #browser
[5] Новости и занимательное: #intresting
[6] Двенадцать полезных Chrome DevTools Tips: https://habrahabr.ru/company/infopulse/blog/311582/
[7] Верстка адаптивных электронных писем: Проблемы и их решения: https://habrahabr.ru/company/pechkin/blog/311656/
[8] «Пишите письма»: Три техники верстки хороших email’ов: https://habrahabr.ru/company/pechkin/blog/311572/
[9] Подкаст Веб-стандарты, Выпуск №36 : https://soundcloud.com/web-standards/episode-36
[10] Пилотный выпуск подкаста Хекслет: https://ru.hexlet.io/blog/posts/podcast_01
[11] мышление: http://www.braintools.ru
[12] Пространство в системах дизайна: http://css-live.ru/articles/prostranstvo-v-sistemax-dizajna.html
[13] Альтернативный текст для изображений: http://prgssr.ru/development/alternativnyj-tekst-dlya-izobrazhenij.html
[14] Alternative Text and Images: https://bitsofco.de/alternative-text-and-images/
[15] Иллюстрированное руководство по синтаксису `path` в SVG : https://css-tricks.com/svg-path-syntax-illustrated-guide/
[16] Обзор AMP с точки зрения разработчика: https://medium.com/@yvoschaap/googles-amp-reviewed-as-a-developer-19734198c9b1
[17] На данный момент AMP не оптимизирован под 2G и ниже: https://medium.com/@cramforce/currently-amp-is-not-optimized-for-2g-and-lower-although-it-does-alright-there-d0273d15995e
[18] HTTP/2: хороший, плохой и ужасный: https://www.voxxed.com/blog/2016/10/http2-good-bad-ugly/
[19] Рекурсивные шаблоны на SVG, ч.2: http://thenewcode.com/1147/Recursive-SVG-Patterns-Part-2
[20] Стартовое руководство по бандлингу модулей с помощью Webpack: https://www.codementor.io/javascript/tutorial/module-bundler-webpack-getting-started-guide
[21] Секреты веб-производительности от BBC: https://medium.com/net-magazine/web-performance-secrets-from-the-bbc-d4b01f869752
[22] Топ 10 статических фронтенд-фреймворков в 2016-м: https://www.keycdn.com/blog/front-end-frameworks/
[23] Состояние мобильных HTML-фреймворков в 2016-м: https://agingcoder.com/mobile/2016/09/25/the-state-of-html-mobile-frameworks-in-2016/
[24] Быстрый совет: как вручную стилизовать Google Custom Search: https://www.sitepoint.com/style-google-custom-search/
[25] Почему я верю, что GraphQL заменит REST: https://dev.to/reactiveconf/why-i-believe-graphql-will-come-to-replace-rest
[26] Беседа с экспертами: Chris Coyier: https://www.sitepoint.com/premium/screencasts/talk-with-the-experts-chris-coyier
[27] Может, хватит уже поливать грязью CSS на конференциях разработчиков?: https://habrahabr.ru/post/311920/
[28] Редизайн с помощью CSS Shapes, статья от Eric Meyer: http://alistapart.com/article/redesign-with-css-shapes
[29] Материалы с CSSConf, прошедшей конце сентября в Бостоне: https://2016.cssconf.com/#videos
[30] Flex-grow 9999 Hack: http://joren.co/flex-grow-9999-hack/
[31] правила : https://www.lottejackson.com/learning/supports-will-change-your-life
[32] supports: https://habrahabr.ru/users/supports/
[33] Мои мысли по поводу инлайновых стилей: https://medium.com/@andrewingram/my-thoughts-on-inline-styles-da94682b5e35
[34] Выровняют ли CSS Grids наш HTML?: https://css-tricks.com/will-flattening-html-css-grids/
[35] tipograf: https://github.com/mightyCrow/tipograf
[36] Оптимизация шрифтов: https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/webfont-optimization
[37] Магическая рандомизация с помощью nth-child и Приципа Цикады: http://www.lottejackson.com/learning/nth-child-cicada-principle
[38] «will-change» должен измениться? Предостережение для дизайнеров: http://greensock.com/will-change
[39] Введение в переменные CSS: http://codepen.io/hidanielle/post/css-variables-an-introduction
[40] What’s so sassy about SCSS?: https://medium.com/@MentallyFriendly/whats-so-sassy-about-scss-851f2b099ad4
[41] Responsive table layout: http://allthingssmitty.com/2016/10/03/responsive-table-layout/
[42] Even Stevens: Использование Round и Space в повторяющихся фоновых изображениях: http://thenewcode.com/1143/Even-Stevens-Using-Round-and-Space-in-Repeated-Background-Images
[43] Создание и настройка градиентов онлайн: http://www.colinkeany.com/blend/
[44] Демо-анимация куба на чистом CSS : http://codepen.io/keithclark/pen/ORjAqZ
[45] Каково оно учить JavaScript в 2016: https://habrahabr.ru/post/312022/
[46] How it feels to learn Javascript in 2016: https://hackernoon.com/how-it-feels-to-learn-javascript-in-2016-d3a717dd577f
[47] Каково оно на самом деле учить JavaScript в 2016-м: https://medium.com/@kitze/how-it-actually-feels-to-write-javascript-in-2016-46b5dda17bb5
[48] Усталость от усталости JavaScript: https://medium.freecodecamp.com/javascript-fatigue-fatigue-66ffb619f6ce
[49] Движение в сторону Javascript-разработки: https://paulund.co.uk/moving-to-javascript-development
[50] Почему JavaScript такой сложный?: https://develoger.com/why-is-javascript-so-hard-bd3648db51a5
[51] С JavaScript все нормально: http://www.macwright.org/2016/10/04/everything-is-fine-with-javascript.html
[52] Прекратите обвинять JavaScript, если все что вы хотите — это поговорить о фронтенде: https://hackernoon.com/stop-blaming-on-javascript-when-all-you-want-is-to-talk-about-front-end-73ff19fef861
[53] Существует не так много фреймворков, существует мало контента : https://medium.com/@liche_Ideen/there-are-not-too-many-frameworks-there-is-too-little-content-afbbca9643d
[54] Front-end — это технология, которая рулит миром с JavaScript-ом на троне : https://medium.com/front-end-hacking/front-end-is-and-javascript-is-d4bc3a8edbb7
[55] Сумасшедшее и чудесное состояние веб-разработки: https://medium.com/@lee.falin/the-crazy-and-wonderful-state-of-web-development-5baa373a1ea2
[56] Состояние JavaScript — финальные результаты большого опроса: http://stateofjs.com/
[57] Еще раз про обещания: https://habrahabr.ru/post/311804/
[58] Разработка игр на JavaScript: https://dou.ua/lenta/articles/javascript-gamedev/
[59] Walmart публикует исходный код своей JavaScript-платформы для веб-сайтов — Electrode: http://www.nixp.ru/news/13797.html
[60] Приключение в Javascript с помощью всего шести символов: http://jazcash.com/a-javascript-journey-with-only-six-characters/
[61] Как загрузка JavaScript может замедлить ваш сайт (даже с асинхронностью): https://www.nccgroup.trust/uk/about-us/newsroom-and-events/blogs/2016/september/how-loading-javascript-can-slow-websites-down/
[62] Как Twitter деплоит свои JS виджеты: https://blog.twitter.com/2016/how-twitter-deploys-its-widgets-javascript
[63] Как использовать инлайновый JS для стилизации всего: https://medium.com/capital-one-developers/cut-the-sass-how-to-use-inline-javascript-styles-for-everything-f5ac5b77ae57
[64] Fetch – современные асинхронные запросы к серверу: http://developer.telerik.com/featured/fetch-modern-async-server-calls/
[65] Начинаем работать с Web Workers в HTML5 — многопоточность в JS: http://www.codingdefined.com/2016/10/getting-started-with-web-workers-in.html
[66] JavaScript Internationalization API: https://webkit.org/blog/6978/javascript-internationalization-api/
[67] Спасение от Callback Hell: https://www.sitepoint.com/saved-from-callback-hell/
[68] Отладка с Node.js: https://code.tutsplus.com/tutorials/debugging-with-nodejs--cms-26306
[69] TypeScript от настройки до процесса: основы: https://medium.com/@mouafa/typescript-up-running-the-basics-866c47257c80
[70] От JavaScript к ClojureScript: какой редактор выбрать?: https://medium.com/@roman01la/from-javascript-to-clojurescript-which-editor-to-choose-a444b2f8edca
[71] SoundCloud клиент на React+Redux: http://blog.zacorp.ru/frontend/soundcloud-klient-na-react-redux/
[72] Как тестировать компоненты React с помощью Jest: https://www.sitepoint.com/test-react-components-jest/
[73] Представление React-компонента для прогрессивных изображений: https://formidable.com/blog/2016/10/03/introducing-react-progressive-image/
[74] Часть I — введение: https://medium.com/@addyosmani/progressive-web-apps-with-react-js-part-i-introduction-50679aef2b12
[75] Часть 2 — производительность загрузки страницы: https://medium.com/@addyosmani/progressive-web-apps-with-react-js-part-2-page-load-performance-33b932d97cf2
[76] Часть 3 — поддержка оффлайн состояния и сетевой устойчивости: https://medium.com/@addyosmani/progressive-web-apps-with-react-js-part-3-offline-support-and-network-resilience-c84db889162c
[77] How React Do?: http://blog.jfo.click/how-react-do/
[78] React Components & B.E.M. : https://medium.com/@GarrettLevine/react-components-b-e-m-168f199f35b
[79] Понимание жизненного цикла React: http://codepen.io/kurt_cagle/post/understanding-the-react-life-cycle
[80] Элегантная проверка форм с помощью React: https://spin.atomicobject.com/2016/10/05/form-validation-react/
[81] Angular 2 vs React: последний танец: https://medium.com/javascript-scene/angular-2-vs-react-the-ultimate-dance-off-60e7dfbc379c
[82] Angular роутер: понимание редиректов: https://vsavkin.com/angular-router-understanding-redirects-2826177761fc
[83] Будущее Ember от Yehuda Katz @ EmberPDX: https://www.youtube.com/watch?v=Pd0gilezBDw
[84] Angular 2 lazy loading c Webpack: https://medium.com/@daviddentoom/angular-2-lazy-loading-with-webpack-d25fe71c29c1
[85] Создаем среду разработки для Angular с помощью Gulp: https://medium.com/@Armandotrue/building-angular-development-environment-with-gulp-230df2f2f6ca
[86] Создание клона Trello с использованием Angular, Node.js, Mongo, и Express: https://www.codementor.io/angularjs/tutorial/trello-clone-angular-node-mongo-express
[87] hyperform.js: https://hyperform.js.org/
[88] abDetector: https://github.com/R4meau/abDetector
[89] KUTE.js: http://thednp.github.io/kute.js/index.html
[90] instafetch.js: https://github.com/thomasvaeth/instafetch.js
[91] iview — UI компоненты для Vue.js: https://github.com/iview/iview
[92] <f> mFancyTitle — плагин для анимации вашего заголовка страницы и favicon: http://mft.musings.it/
[93] prottle — Promise.all() throttle: https://github.com/zewish/prottle
[94] Тренды браузеров октябрь 2016: падение Microsoft Edge: https://www.sitepoint.com/browser-trends-october-2016-microsoft-edges-downward/
[95] Firefox 49 поддерживает теги HTML5 details и summary: https://www.marcozehe.de/2016/10/05/firefox-49-supports-the-html5-details-and-summary-elements/
[96] В ночных сборках Firefox прекращена поддержка NPAPI-плагинов, кроме Flash: http://www.opennet.ru/opennews/art.shtml?num=45294
[97] Microsoft Edge будет обновляться чаще, но частями: http://www.wincore.ru/windows-news/4786-microsoft-edge-budet-obnovlyatsya-chasche-no-chastyami.html
[98] Представлена гарнитура виртуальной реальности Google Daydream View: http://itc.ua/news/predstavlena-garnitura-virtualnoy-realnosti-google-daydream-view/
[99] Производительность программы против читаемости и простоты: в пользу чего стоит делать выбор?: https://tproger.ru/translations/performance-vs-simplicity/
[100] Тим Бернерс-Ли дал шанс предотвратить стандартизацию средств DRM для Web: http://www.opennet.ru/opennews/art.shtml?num=45290
[101] Компания Mozilla представила проекты, получившие гранты в третьем квартале 2016 года: http://www.opennet.ru/opennews/art.shtml?num=45271
[102] Apple — самый дорогой бренд в мире: http://gagadget.com/business/24017-apple-samyij-dorogoj-brend-vmire/
[103] Google Pixel и Ассистент или как Google решила вынести поисковую строку за рамки: http://itc.ua/blogs/google-pixel-i-assistent-ili-kak-google-reshila-vyinesti-poiskovuyu-stroku-za-ramki/
[104] Что такое облачная робототехника? Рассказываем на примере ВАЛЛ-И: http://ain.ua/2016/10/05/671626
[105] Самообучающийся искусственный интеллект можно обмануть и украсть, воссоздав со 100% точностью: http://ain.ua/2016/10/08/675129
[106] Этикет Кремниевой долины: как принято себя вести в общении, на встречах и переговорах: http://ain.ua/2016/10/06/674563
[107] Экосистема Stack Overflow: больше, чем просто ответы: https://tproger.ru/sponsored/stack-overflow-part-4/
[108] Где искать ответы на свои вопросы, кроме Stack Overflow: 10 лучших ресурсов с ответами на программистские «почему» и «как»: https://tproger.ru/digest/top-answer-services/
[109] Силой мысли: история нейроинтерфейсов, современные разработки и финансовые перспективы области: https://vc.ru/p/neurointerfaces
[110] У владельца анонимного форума 4chan закончились деньги на развитие проекта: https://vc.ru/n/4chan-nomoney
[111] 35 самых инновационных приложений 2016 года — рейтинг Fast Company: https://vc.ru/p/35-innovative-apps
[112] Что не так с новыми Pixel?: http://keddr.com/2016/10/chto-ne-tak-s-novyimi-pixel/
[113] Дайджест за прошлую неделю: https://habrahabr.ru/company/zfort/blog/311546/
[114] dersmoll: http://habrahabr.ru/users/dersmoll/
[115] alekskorovin: http://habrahabr.ru/users/alekskorovin/
[116] Источник: https://habrahabr.ru/post/312136/?utm_source=habrahabr&utm_medium=rss&utm_campaign=best
Нажмите здесь для печати.