- PVSM.RU - https://www.pvsm.ru -
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда
Веб-разработка [1] |
CSS [2] |
Javascript [3] |
Браузеры [4] |
Новости и занимательное [5] |
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю [106].
Материал подготовили dersmoll [107] и alekskorovin [108].
Автор: Zfort Group
Источник [109]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/javascript/176850
Ссылки в тексте:
[1] Веб-разработка: #webdev
[2] CSS: #css
[3] Javascript: #js
[4] Браузеры: #browser
[5] Новости и занимательное: #intresting
[6] Я заглянул в папку node_modules, и вы не поверите, что произошло: https://habrahabr.ru/post/307822/
[7] Подкаст Веб-стандарты, Выпуск №29: https://soundcloud.com/web-standards/episode-29
[8] Ревью верстки: 10 полезных замечаний и советов: https://tproger.ru/articles/10-layout-tips/
[9] Вышел в свет WordPress 4.6 “Pepper” с оптимизированным управлением плагинами и темами: http://oddstyle.ru/wordpress-2/novosti-wordpress/vyshel-v-svet-wordpress-4-6-pepper-s-optimizirovannym-upravleniem-plaginami-i-temami.html
[10] 10k Apart — конкурс на создание полноценных сайтов или веб-приложений, ограниченных размером в 10Kb и функционирующих без JS: https://a-k-apart.com/
[11] Нужно писать меньше чертова кода: http://www.heydonworks.com/article/on-writing-less-damn-code
[12] Средняя веб-страница (результат анализа 8 миллионов веб-сайтов): https://css-tricks.com/average-web-page-data-analyzing-8-million-websites/
[13] Как предотвратить повторяющиеся атаки на Ваш сайт: https://www.sitepoint.com/how-to-prevent-replay-attacks-on-your-website/
[14] Скрытая сила компонентов шаблонов Handlebars: https://cloudfour.com/thinks/the-hidden-power-of-handlebars-partials/
[15] Обрезка миниатюрных изображений с помощью SVG: https://cloudfour.com/thinks/cropping-image-thumbnails-with-svg/
[16] Вещи, которые я выучил об отзывчивом дизайн шаблонов писем: http://www.leemunroe.com/responsive-email-design/
[17] Мониторинг веб-приложений: http://prgssr.ru/development/monitoring-veb-prilozhenij.html
[18] Оффлайн хранилище для прогрессивных веб-приложений: https://medium.com/@addyosmani/offline-storage-for-progressive-web-apps-70d52695513c
[19] Что такое API на человеческом языке: https://medium.freecodecamp.com/what-is-an-api-in-english-please-b880a3214a82
[20] Что нового в Web Audio?: https://hacks.mozilla.org/2016/08/whats-new-in-web-audio-2/
[21] Улучшаем пользовательский интерфейс с web audio: https://medium.freecodecamp.com/web-audio-for-the-user-interface-1592687f898c
[22] Делаем доступность великой опять: аудит сайтов кандидатов в президенты США на доступность: https://www.lullabot.com/articles/auditing-presidential-websites-for-accessibility
[23] Начни создавать доступные веб-приложения сегодня: https://egghead.io/courses/start-building-accessible-web-applications-today
[24] Практический пример по ускорению клиентской производительности: https://css-tricks.com/case-study-boosting-front-end-performance/
[25] HTTP/2 делает загрузку медиа файлов на мобильных устройствах в 3-15 раз быстрее: https://medium.com/apps-and-networking/http-2-makes-media-loading-3-15-times-faster-on-mobile-a455c3e68135
[26] Мыльные пузыри на SVG: http://css.yoksel.ru/svg-bubble/
[27] Сравнение различных техник веб-анимации на примере прыгающего мячика: https://sparkbox.github.io/bouncy-ball/
[28] Когда использовать Web Animations API: https://danielcwilson.com/blog/2016/08/why-waapi/
[29] Анимация олимпийских колец с gsap: https://codepen.io/steveg3003/pen/kXzXYW
[30] Забавная интерактивная форма отзыва покупателя (для магазина животных): http://codepen.io/jcoulterdesign/pen/pgRzEQ
[31] Презентация нового типа анимации в Isotope — Staggering Animations: https://css-tricks.com/staggering-animations/
[32] Staticman: https://staticman.net/
[33] Настройка живого руководства по стилю в Jekyll: https://www.sitepoint.com/setting-up-a-living-styleguide-in-jekyll/
[34] nucleus: https://holidaypirates.github.io/nucleus/
[35] Как по маслу, или анимируем со скоростью 60 FPS на CSS 3: https://habrahabr.ru/post/308006/
[36] Трёхпозиционный checkbox (aka tristate) без скриптов и смс: https://habrahabr.ru/post/308034/
[37] Полезные соображения насчет курсоров по умолчанию: http://css-live.ru/articles/poleznye-soobrazheniya-naschet-kursorov-po-umolchaniyu.html
[38] Готов ли уже Houdini?: https://ishoudinireadyyet.com/
[39] Bootstrap vs Foundation – топ 2 CSS фреймворка: https://www.keycdn.com/blog/bootstrap-vs-foundation/
[40] Использование Feature Queries (supports) в CSS : https://hacks.mozilla.org/2016/08/using-feature-queries-in-css/
[41] Вы можете изобрести свой собственный странный язык с помощью атрибутов и их селекторов: https://css-tricks.com/weird-design-languages-with-attributes/
[42] Предложенное свойство box-suppress: https://rachelandrew.co.uk/archives/2016/07/22/the-proposed-box-suppress-property/
[43] Свойство `font-display` для масс: https://css-tricks.com/font-display-masses/
[44] Анимация увеличения фоновых изображений: https://css-tricks.com/zooming-background-images/
[45] Новая техника для гибкой типографики, позволяющая манипулировать размерами в заданном промежутке: http://blog.typekit.com/2016/08/17/flexible-typography-with-css-locks/
[46] Как создать макет с CSS Grid Layouts: https://getflywheel.com/layout/css-grid-layouts-how-to/
[47] Тридцать один способ сокращения времени на ручное кросс-браузерное тестирование: http://tinnedfruit.com/2016/08/15/31-ways-to-spend-less-time-on-manual-cross-browser-testing.html
[48] Шпаргалка по стилями для React Native: https://github.com/vhpoet/react-native-styling-cheat-sheet
[49] UnCSS Online! — сервис убирающий неиспользуемый CSS-код: http://uncss-on line.com/
[50] Harry Roberts | CSS для программистов и для CSS разработчиков | CSS Day 2016: https://vimeo.com/177216958
[51] Прогрессивная загрузка web-приложения с помощью разделения кода: https://habrahabr.ru/post/307694/
[52] JavaScript: где мы сейчас и куда двигаться: https://habrahabr.ru/post/308154/
[53] JavaScript выходит за пределы Web в 2015 году: https://habrahabr.ru/post/281342/
[54] Зачем нам jQuery?: https://habrahabr.ru/company/piter/blog/308134/
[55] Да, вы должны изучить ванильный JavaScript перед тем, как иметь дело с js фреймворками: https://snipcart.com/blog/learn-vanilla-javascript-before-using-js-frameworks
[56] Полируем JavaScript код: избавляемся от старых хаков ES5 (часть 2): https://rainsoft.io/make-your-javascript-code-shine-knockout-old-es5-hacks-part-2/
[57] Живой урок погружения в ES2015: https://www.sitepoint.com/a-live-lesson-in-diving-into-es2015-with-darin-haener/
[58] Быстрый совет: что такое factory функции в JavaScript: https://www.sitepoint.com/factory-functions-javascript/
[59] Загадочная и таинственная монада Maybe в JavaScript : http://jrsinclair.com/articles/2016/marvellously-mysterious-javascript-maybe-monad/
[60] Скорость загрузки и выполнения маленьких модулей: https://nolanlawson.com/2016/08/15/the-cost-of-small-modules/
[61] Укрощение цепочек промисов с глубоким вложением: https://philipwalton.com/articles/untangling-deeply-nested-promise-chains/
[62] 100+ эмуляторов, написанных на JavaScript: https://hackerlists.com/javascript-emulators/
[63] Демо с распознаванием нарисованных цифр, использующее GPU и нейронную сеть: https://erkaman.github.io/regl-cnn/src/demo
[64] Введение в Service Workers: https://www.youtube.com/watch?v=EnaKD_EHG14
[65] Уходим в оффлайн с Service Workers: https://www.youtube.com/watch?v=ou6oPEEyjNQ&list=PL37ZVnwpeshGgaWeK9oFRPIjrLSo8mm6b&index=4
[66] JavaScript электроника на Pi Zero : https://www.youtube.com/watch?v=h_VYAjKDTJk
[67] Работа с Redux: введение: http://prgssr.ru/development/rabota-s-redux-vvedenie.html
[68] Aurelia 1.0: как создать простое приложение с авторизацией: https://auth0.com/blog/aurelia-1.0-how-to-build-a-simple-secured-application/
[69] Пишем JavaScript фреймворк — оценка кода песочницы: https://blog.risingstack.com/writing-a-javascript-framework-sandboxed-code-evaluation/
[70] Восход функционального программирования и закат Angular 2.0: http://blog.wolksoftware.com/the-rise-of-functional-programming-and-the-death-of-angularjs
[71] Remy Sharp: что такое React?: https://remysharp.com/2016/08/15/what-is-react
[72] React для дизайнеров: https://medium.com/front-end-hacking/react-for-designers-3fbc7b6560dd
[73] react-roadmap — дорожная карта изучения React: https://github.com/ericdouglas/react-roadmap
[74] Представление React Native Ubuntu: https://developer.ubuntu.com/en/blog/2016/08/05/introducing-react-native-ubuntu/
[75] Архитектура React Fiber: https://github.com/acdlite/react-fiber-architecture/blob/master/README.md
[76] Десять обязательных для изучения функций RxJS с примерами: https://www.sitepoint.com/rxjs-functions-with-examples/
[77] Все о $q и промисах в Angular: https://toddmotto.com/promises-angular-q
[78] От ng-controller к классам компонентов: http://ngmigrate.telerik.com/from-ng-controller-to-component-classes
[79] WAUD.JS: http://www.waudjs.com/
[80] hy-phen: https://github.com/ytiurin/hyphen
[81] Papa Parse — мощный парсер CSV: http://papaparse.com/
[82] react-dates: https://github.com/airbnb/react-dates
[83] Recharts — библиотека для построения компонуемых графиков для React: http://recharts.org/
[84] Спасти рядового Edge: новый план Microsoft: https://tproger.ru/news/saving-private-edge/
[85] Mozilla экспериментирует с добавлением в Firefox средства для обмена скриншотами: http://www.opennet.ru/opennews/art.shtml?num=44990
[86] Из Firefox 47+ удалена поддержка colspan=0: http://tanalin.com/blog/2016/08/fx-zero-colspan/
[87] В Google Chrome для Android появятся рекомендации: http://gagadget.com/announce/23356-v-google-chrome-dlya-android-poyavyatsya-rekomendatsii/
[88] Баг в Chrome и Firefox позволял подменить URL, используя арабские символы: https://xakep.ru/2016/08/18/browsers-and-rtl-simbols/
[89] Почему я так и не смог начать пользоваться Microsoft Edge: http://keddr.com/2016/08/pochemu-ya-tak-i-ne-smog-nachat-polzovatsya-microsoft-edge/
[90] WebVR 1.0 появилась в Firefox Nightly: https://blog.mozvr.com/webvr-1-0-available-in-firefox-nightly/
[91] Странные браузеры @ Webworker NRW — презентация Niels Leenheer о мире существующих браузеров: https://speakerdeck.com/nielsleenheer/weird-browsers-at-webworker-nrw
[92] Google и Microsoft повышают ставки на HTML5 в браузерах: http://www.developer-tech.com/news/2016/aug/19/google-and-microsoft-beefing-html5-bet-browsers/
[93] Facebook выложил в открытый доступ исследования в области искусственного интеллекта: http://ain.ua/2016/08/19/665093
[94] Презентация высокопроизводительной микроархитектуры Zen, или как AMD испортила праздник на улице Intel: http://itc.ua/news/prezentatsiya-vyisokoproizvoditelnoy-mikroarhitekturyi-zen-ili-kak-amd-isportila-prazdnik-na-ulitse-intel/
[95] Вред соперникам и пользователям: Антивирус Касперского обманывал конкурентов, «заражая» безопасные файлы: Reuters: https://meduza.io/feature/2015/08/14/vred-sopernikam-i-polzovatelyam
[96] Веб-разработка: поезд ушел, а пассажиры остались?: http://research.cmsmagazine.ru/web-development-business-2016/
[97] Лучшее с Gamescom 2016: косплей: http://kanobu.ru/articles/luchshee-sgamescom-2016-kosplej-369648/
[98] Мнение Дурова о редизайне ВКонтакте и ответ разработчиков: https://tproger.ru/news/vk-redesign-opinions/
[99] Intel анонсировала шлем, который совмещает виртуальную и дополненную реальность: http://disgustingmen.com/tehno/project-alloy
[100] Пять лет без Джобса: глава Apple Тим Кук говорит о будущем и проблемах компании: http://ain.ua/2016/08/15/664120
[101] Почему Windows так и не стала лидирующей мобильной платформой: https://vc.ru/p/war-of-microsoft
[102] Как полностью исчезнуть из интернета (инфографика): http://ain.ua/2016/08/18/664652
[103] Стажировка в Facebook: зарплата, льготы, бесплатное жилье и доступ к любому проекту: https://vc.ru/p/intern-facebook
[104] Вот твоя жизнь в Силиконовой долине: https://medium.com/@subes01/this-is-your-life-in-silicon-valley-933091235095
[105] Mozilla занимается ребрендингом: https://blog.mozilla.org/opendesign/now-for-the-fun-part/
[106] Дайджест за прошлую неделю: https://habrahabr.ru/company/zfort/blog/307722/
[107] dersmoll: http://habrahabr.ru/users/dersmoll/
[108] alekskorovin: http://habrahabr.ru/users/alekskorovin/
[109] Источник: https://habrahabr.ru/post/308190/?utm_source=habrahabr&utm_medium=rss&utm_campaign=best
Нажмите здесь для печати.