- PVSM.RU - https://www.pvsm.ru -
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.
Веб-разработка [1] |
CSS [2] |
Javascript [3] |
Браузеры [4] |
Новости и занимательное [5] |
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю [114].
Материал подготовили dersmoll [115] и alekskorovin [116].
Автор: Zfort Group
Источник [117]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/javascript/204518
Ссылки в тексте:
[1] Веб-разработка: #webdev
[2] CSS: #css
[3] Javascript: #js
[4] Браузеры: #browser
[5] Новости и занимательное: #intresting
[6] Login или Log in?: https://habrahabr.ru/post/313774/
[7] Подкаст Веб-стандарты, Выпуск №39 : https://soundcloud.com/web-standards/episode-39
[8] Запись трансляции Web Standards Days, проходившей 29 октября в Минске: https://www.youtube.com/watch?v=cOTOSbjet_8
[9] Начинаем работать с Webpack 2: https://medium.com/written-with-envy/getting-started-with-webpack-2-ed2b86c68783
[10] Как проектировать, создавать и анимировать SVG: https://htmlacademy.ru/blog/127-a-guide-to-svg-on-web
[11] SVG и медиазапросы: http://prgssr.ru/development/svg-i-mediazaprosy.html
[12] Введение в SVG анимацию: https://www.oreilly.com/learning/introduction-to-svg-animation
[13] Фильтры SVG примитивов для работы со внешними изображениями и фрагментами SVG: http://vanseodesign.com/web-design/svg-filter-primitives-working-external-images-svg-fragments/
[14] Создание интерактивного дорожного путешествия с помощью SVG и Web Animation API: http://thenewcode.com/1154/Create-an-Interactive-Roadtrip-with-SVG-and-the-Web-Animation-API
[15] Децентрализованный хостинг AMP JS и NPM для веба: https://medium.com/@cramforce/decentralized-hosting-of-amps-javascript-npm-for-the-web-75ed698a4d64
[16] Переключение на Google AMP и обратно: https://evertpot.com/switching-to-amp-and-back-again/
[17] Пуш-нотификации для веба: https://bitsofco.de/bitsofcode-pwa-part-3-push-notifications/
[18] Карусели не должны быть сложными: http://mediatemple.net/blog/tips/carousels-dont-have-to-be-complicated/
[19] Парсинг JSON — это минное поле : http://seriot.ch/parsing_json.html
[20] Автоматические отзывчивые изображения с помощью клиентских подсказок: http://www.webdesignerdepot.com/2016/10/automatic-responsive-images-with-client-hints/
[21] Встречайте новый Web Animations API: https://amdouglas.com/blog/meet-the-new-web-animations-api/
[22] Коллективный список публичных JSON APIs для использования в веб-разработке: https://github.com/toddmotto/public-apis
[23] Печальное состояние HTML Email полей и IDNs: https://grepular.com/The_Sad_State_of_HTML_Email_Input_Fields_and_IDNs
[24] aria-selected – когда (не) использовать: https://www.stefanjudis.de/aria-selected-and-when-to-use-it.html
[25] Доступность для разработчиков: https://www.youtube.com/watch?v=msrcqmlAnLA
[26] YouTube переписывается с веб компонентами и Polymer: https://react-etc.net/entry/youtube-is-being-rebuilt-on-web-components-and-polymer
[27] Еще раз про border-image: http://css-live.ru/articles-css/understanding-border-image.html
[28] В чем разница между нативными CSS переменными и переменными в препроцессорах?: https://css-tricks.com/difference-between-types-of-css-variables/
[29] Повышение восприятия производительности с помощью множественных фоновых изображений: http://csswizardry.com/2016/10/improving-perceived-performance-with-multiple-background-images/
[30] Жуууткие селекторы в CSS: https://css-tricks.com/spoooooky-css-selectors/
[31] Отзывчивые изображения в CSS: https://css-tricks.com/responsive-images-css/
[32] Вы слишком ленивы для создания разметки с независимым CSS: https://medium.com/@marcmintel/you-are-too-lazy-to-write-markup-independent-css-1f3a60ba7ca
[33] Лучшие практики CSS, 14 шагов: https://medium.com/@AlexDevero/css-best-practices-14-steps-to-become-a-css-ninja-pt1-e670f8b42abd
[34] Тонирование фотографий с помощью градиентов и режимов смешивания: http://daveshea.com/2016/10/24/photo-toning.html
[35] Организация ваших Sass файлов: https://medium.com/@osternaud_clem/organize-your-sass-files-b2c2513f3fcf
[36] Функциональный CSS в перспективе Pure UI: https://medium.com/javascript-inside/functional-css-from-a-pure-ui-perspective-bd04c8af4fdc
[37] useful.ly: http://www.useful.ly/
[38] Создание набора микро-анимаций: https://medium.com/net-magazine/create-a-set-of-micro-animations-6bb42a292f8b
[39] Урок по Angular-Material 2 Theme: https://medium.com/covalent-ui/angular-material-2-theme-tutorial-2f7e6c344006
[40] CSS-анимация с динамической обводкой объекта: http://codepen.io/paolocavanna/pen/qNKAyX
[41] Черновик CSS Table Module Level 3: https://www.w3.org/TR/2016/WD-css-tables-3-20161025/
[42] Компонент выбора цвета c CSS variables: https://codepen.io/pixelass/pen/VKJZPY
[43] CSS переменные как обратная связь с данными: https://codepen.io/jasesmith/pen/dpwjra
[44] Восходящие тренды в JS: подробное руководство по библиотекам и фреймворкам: https://envato.com/blog/rising-trends-in-javascript/
[45] Часть 1: выбор DOM элементов: http://codepen.io/Mobius1/post/native-equivalents-of-jquery-methods
[46] Часть 2: работа с атрибутами и свойствами: http://codepen.io/Mobius1/post/native-equivalents-of-jquery-methods-part-2-working-with-attributes-and-properties
[47] Возможности и примеры реализации хакерских атак на JavaScript движки : http://www.phrack.org/papers/attacking_javascript_engines.html
[48] Игра-викторина на знание современных JS инструментов: https://javascript-game.firebaseapp.com/
[49] Modular JavaScript: https://mjavascript.com/
[50] Механизмы контроля в играх на JavaScript: https://hacks.mozilla.org/2016/10/control-mechanisms-in-javascript-games/
[51] Три примера, в которых JavaScript генераторы уместны (+ понимание их работы): http://goshakkk.name/javascript-generators-understanding-sample-use-cases/
[52] История Node.js на временной шкале: https://blog.risingstack.com/history-of-node-js/
[53] PurpleJS — альтернатива Node.js для Java проектов: http://webagility.com/posts/purplejs-the-alternative-to-node.js-for-java-projects
[54] Node.js 7.0.0 зарелизился. Встречайте async/await без babel: https://habrahabr.ru/post/313658/
[55] Обзор базовых возможностей ES6: https://habrahabr.ru/post/313526/
[56] Глупые трюки с ES6: https://habrahabr.ru/post/313814/.io.com.io
[57] ES6 Template Strings, the Handlebars killer?: https://www.keithcirkel.co.uk/es6-template-strings/
[58] Обзор возможностей ES6: http://adrianmejia.com/blog/2016/10/19/Overview-of-JavaScript-ES6-features-a-k-a-ECMAScript-6-and-ES2015/
[59] 6 самых впечатляющих возможностей ES6: https://nodesource.com/blog/six-of-the-most-exciting-es6-features-in-node-js-v6-lts
[60] Три способа понять промисы: http://www.2ality.com/2016/10/understanding-promises.html
[61] Настройка окружения для разработки на React/ES6 с помощью Webpack, Express и Babel: https://blog.hellojs.org/setting-up-your-react-es6-development-environment-with-webpack-express-and-babel-e2a53994ade
[62] VueJS: сравнение с остальными фреймворками : https://vuejs.org/guide/comparison.html
[63] Почему Vue.js?: http://blog.debugme.eu/why-vue-js/
[64] Vue.js еще легче, чем jQuery: https://medium.com/js-dojo/vue-js-is-easier-to-learn-than-jquery-abbbb9c12cf8
[65] Vue.js Material — Material Design для Vue.js : https://marcosmoura.github.io/vue-material/#/
[66] Evan You — Современный фронтенд с Vue.js — Laracon EU 2016: https://www.youtube.com/watch?v=D_z-RAweP1k
[67] Пошаговая настройка окружения для React разработчика: http://www.zsoltnagy.eu/step-by-step-environment-setup-of-the-react-developer-no-legacy-2016-standards/
[68] Создание книжного магазина с помощью React & Redux I: React Redux Flow: https://scotch.io/tutorials/build-a-bookshop-with-react-redux-i-react-redux-flow
[69] Redux без React — управление состояним на ванильном JavaScript: https://www.sitepoint.com/redux-without-react-state-management-vanilla-javascript/
[70] ARc — стартовый набор для React, основанный на методологии Atomic Design : https://arc.js.org/
[71] React Memory Game: http://codepen.io/mikun/full/jrRJjq/
[72] Шесть причин нашей любви к React: https://medium.com/serverless-with-syncano/top-6-reasons-why-we-love-react-d70d3a289e4b
[73] React, Redux, селекторы: http://www.thinkloop.com/article/state-driven-routing-react-redux-selectors/
[74] Как выложить приложение на React в продакшен и спать лучше: https://vimeo.com/album/4199344/video/187454105
[75] Как Airtable использует React: https://medium.com/@matt_bush/how-airtable-uses-react-5e37066a87d4
[76] Руководство по созданию качественных компонентов в Angular 1.5 : https://www.sitepoint.com/building-angular-1-5-components/
[77] Angular 2 Transclusion с помощью ng-content: https://scotch.io/tutorials/angular-2-transclusion-using-ng-content
[78] Angular 2 Forms — создание директивы асинхронной валидации: https://medium.com/@NetanelBasal/angular-2-forms-create-async-validator-directive-dd3fd026cb45
[79] Next.js — маленький фреймворк для создания универсальных JS приложений, отрендеренных на сервере : https://zeit.co/blog/next
[80] Shave: https://dollarshaveclub.github.io/shave/
[81] MathJax: https://www.mathjax.org/
[82] JS Ipsum: http://jsipsum.lunarlogic.io/
[83] JsonLogic — парсер для создания сложных правил при работе с JSON-ом: http://jsonlogic.com/operations.html
[84] swip: https://github.com/paulsonnentag/swip
[85] Mozilla значительно улучшит производительность Firefox новым движком Quantum: https://habrahabr.ru/post/313820/
[86] Проект Mozilla представил Quantum, комбинированный браузерный движок для Firefox: http://www.opennet.ru/opennews/art.shtml?num=45385
[87] Новая Opera 41 со множеством открытых вкладок запускается в несколько раз быстрее старой Opera 40: http://itc.ua/blogs/novaya-opera-41-so-mnozhestvom-otkryityih-vkladok-zapuskaetsya-v-neskolko-raz-byistree-staroy-opera-40/
[88] Что нового в Chromium 54 и Opera 41: https://dev.opera.com/blog/opera-41/
[89] Дайджест обновлений DevTools за октябрь 2016 : https://developers.google.com/web/updates/2016/10/devtools-digest
[90] Некоторые подробности Safari Technology Preview 16: https://webkit.org/blog/7030/release-notes-for-safari-technology-preview-16/
[91] Mozilla перестаёт доверять новым сертификатам WoSign и StartCom: http://www.opennet.ru/opennews/art.shtml?num=45368
[92] Apple Special Event, октябрь 2016 [архив текстовой трансляции]: https://geektimes.ru/post/281942/
[93] Каким получился новый MacBook Pro: https://geektimes.ru/company/banderolka/blog/281982/
[94] Снова здорова: 10 недостатков новых MacBook Pro и что на них ответят фанаты Apple: https://tjournal.ru/36445-snova-zdorova-10-nedostatkov-novih-macbook-pro-i-chto-na-nih-otvetyat-fanati-apple
[95] Почему Тим Кук — это новый Стив Балмер: http://ain.ua/2016/10/30/678914
[96] Microsoft Windows 10 Event [архив текстовой трансляции]: https://geektimes.ru/post/281894/
[97] Что нам показали на мероприятии Microsoft Windows 10: http://gagadget.com/24297-chto-nam-pokazali-na-meropriyatii-microsoft-windows-10/
[98] Microsoft представила моноблок Surface Studio: http://keddr.com/2016/10/microsoft-predstavila-monoblok-surface-studio/
[99] Без вариантов? Microsoft собирается слопать Apple на обед: https://medium.com/javascript-scene/no-escape-microsoft-is-about-to-eat-apple-for-lunch-1fbef5048086
[100] Microsoft, я тебя прощаю!: https://m.signalvnoise.com/microsoft-i-forgive-you-2fb6d6061a2c
[101] Twitter закрывает видеосервис Vine: http://gagadget.com/business/24311-twitter-zakryivaet-videoservis-vine/
[102] Платформы типа Facebook’s Instant Articles и Google AMP услажняют публикацию в вебе: http://www.recode.net/2016/10/20/13318746/online-publishing-platform-amp-facebook-instant-articles-apple-news
[103] Огромная Охренительная Ракета SpaceX: на чем, когда и за сколько мы полетим на Марс: http://theoryandpractice.ru/posts/14913-ogromnaya-okhrenitelnaya-raketa-spacex-na-chem-kogda-i-za-skolko-my-poletim-na-mars
[104] Шрифт и авторское право: http://telegraf.design/shrift-i-avtorskoe-pravo/
[105] Вырви глаз: как информация в интернете стала нечитаемой: http://ain.ua/2016/10/28/678721
[106] Китайская компания признала, что совершённая в пятницу DDoS-атака стала возможна из-за слабых паролей её устройств: https://tproger.ru/news/ddos-devices-made-in-china/
[107] Нейронная сеть Google изобрела собственный протокол шифрования: https://geektimes.ru/post/281998/
[108] Исследователи создали «квантовый сокет» – важный шаг на пути к масштабируемым квантовым компьютерам: http://itc.ua/news/issledovateli-sozdali-kvantovyiy-soket-vazhnyiy-shag-na-puti-k-masshtabiruemyim-kvantovyim-kompyuteram/
[109] История «транспорта будущего» Hyperloop и компании Hyperloop One: https://vc.ru/p/hyperloop-problems
[110] Таблеточные гики Кремниевой долины: история компании Nootrobox, занимающейся продажей ноотропов: https://vc.ru/p/silicon-valley-pill-freaks
[111] «Умная» вещь как оружие массового поражения: http://www.computerra.ru/157619/dyn/
[112] Почему руководители крупных ИТ-компаний принимают решения во время прогулок: https://vc.ru/p/walking-ceo
[113] Игры на GitHub: https://github.com/leereilly/games
[114] Дайджест за прошлую неделю: https://habrahabr.ru/company/zfort/blog/313402/
[115] dersmoll: http://habrahabr.ru/users/dersmoll/
[116] alekskorovin: http://habrahabr.ru/users/alekskorovin/
[117] Источник: https://habrahabr.ru/post/313968/?utm_source=habrahabr&utm_medium=rss&utm_campaign=best
Нажмите здесь для печати.