- PVSM.RU - https://www.pvsm.ru -
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Веб-разработка [1] |
CSS [2] |
Javascript [3] |
Браузеры [4] |
Дизайн [5] |
Новости [6] |
Занимательное [7] |
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю [154].
Материал подготовили dersmoll [155] и alekskorovin [156].
Автор: Zfort Group
Источник [157]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/news/118254
Ссылки в тексте:
[1] Веб-разработка: #webdev
[2] CSS: #css
[3] Javascript: #js
[4] Браузеры: #browser
[5] Дизайн: #design
[6] Новости: #news
[7] Занимательное: #intresting
[8] Первая версия Visual Studio Code 1.0 — путь от простого редактора до мощного инструмента: https://habrahabr.ru/company/microsoft/blog/281667/
[9] JSCS, CST и новое начало: https://habrahabr.ru/post/281635/
[10] JSCS объединяется с ESLint : http://eslint.org/blog/2016/04/welcoming-jscs-to-eslint
[11] Эффективные HTML-формы. Часть 1: http://e-planet.ru/company/blog/effektivnye-html-formy-chast-1.html
[12] Offline badging, DevTools, Testing, Travis, Web Storage, Service Worker Scopes, Data-driven Development, Compute Engine: https://medium.com/totally-tooling-tears/issue-4-offline-badging-testing-travis-devtools-issues-web-storage-data-driven-development-8dd1cfbc410a
[13] : Web Page Test (S3 Mini Tip #3): https://www.youtube.com/watch?v=pOynMwTyRgQ
[14] PPK о путанице в работе с отзывчивыми изображениями из-за неоднозначного поведения devicePixelRatio : http://www.quirksmode.org/blog/archives/2016/04/responsive_imag.html
[15] Ссылки и доступность: http://dev.edenspiekermann.com/2016/04/14/links-and-accessibility/
[16] Процесс создания шаблонов HTML писем с помощью Gulp: http://bitsofco.de/a-gulp-workflow-for-building-html-email/
[17] Создание шаблонов писем, как это делается в 2016-м: https://medium.com/digital-times/building-email-newsletters-like-it-s-2016-da234a5e0689
[18] Инструмент для сборки с простейшей конфигурацией: https://medium.com/@adrianli/the-zero-config-javascript-build-tool-1914d71d749c
[19] Паттерны загрузки веб-шрифтов: https://www.bramstein.com/writing/web-font-loading-patterns.html
[20] Эстетика невидимого: https://francescoschwarz.de/en/blog/aesthetics-of-the-invisible/
[21] phenomic: https://phenomic.io/
[22] Создание нейросети прямо в браузере: http://playground.tensorflow.org/#activation=tanh&batchSize=10&dataset=circle®Dataset=reg-plane&learningRate=0.03®ularizationRate=0&noise=0&networkShape=8,2&seed=0.80686&showTestData=false&discretize=false&percTrainData=50&x=true&y=true&xTimesY=false&xSquared=false&ySquared=false&cosX=false&sinX=false&cosY=false&sinY=false&collectStats=false&problem=classification
[23] Создание просмотрщика продуктов с поворотом на 360 градусов: https://codyhouse.co/gem/360-degrees-product-viewer/
[24] flickr выложил свой лейаут с упорядоченными изображениями в open source: http://code.flickr.net/2016/04/05/our-justified-layout-goes-open-source/
[25] Еженедельная подборка красивых эффектов на CSS/SVG/JS #32: http://css-live.ru/cssjssvg-s-podvypodvertom/ezhenedelnaya-podborka-krasivyx-effektov-na-csssvgjs-32-2.html
[26] Interactive 3D Mall Map : http://tympanus.net/codrops/2016/04/13/interactive-3d-mall-map/
[27] Создание динамического SVG таймера: http://stylecampaign.com/blog/2016/04/building-a-dynamic-svg-timer/
[28] Креативный лоадер: http://codepen.io/vinsongrant/pen/pydLGX
[29] Креативные эффекты для текста с помощью three.js: http://codepen.io/zadvorsky/pens/tags/?selected_tag=three.js
[30] Видео со встречи PiterCSS №2, которая прошла 22 марта 2016 в Петербурге. : https://www.youtube.com/playlist?list=PLMBnwIwFEFHd07IVX530mqmygDo30UD_U
[31] Правильно @apply в CSS (нативные CSS-миксины): https://blog.gospodarets.com/css_apply_rule
[32] Webflow: Новый визуальный конструктор сайтов и модулей с помощью flexbox: https://flexbox.webflow.com/
[33] Интерактивный игровой туториал по flexbox: https://preview.webflow.com/preview/flexbox-game?preview=d1a26b027c4803817087a91c651e321f&m=1
[34] Как начать работу с CSS Modules: https://css-tricks.com/css-modules-part-2-getting-started/
[35] Гриды с гибкими размерами с помощью auto-fill и minmax: https://rachelandrew.co.uk/archives/2016/04/12/flexible-sized-grids-with-auto-fill-and-minmax/
[36] CSS из будущего: когда вальный CSS будет достаточно хорошим для замены препроцессоров?: http://zeke.sikelianos.com/css-from-the-future/
[37] imagehover.css: http://imagehover.io/
[38] Интервью с Håkon Wium Lie (создателем CSS): https://medium.com/net-magazine/interview-with-h%C3%A5kon-wium-lie-f3328aeca8ed
[39] Эволюция асинхронного JavaScript: http://frontender.info/asynchronous-javascript/
[40] 3D в браузере с помощью Three.JS: http://blogs.adobe.com/dreamweaver/2016/04/3d-in-the-browser-with-three-js.html
[41] Другой вид усталости от Javascript: http://chrismm.com/blog/the-other-kind-of-javascript-fatigue/
[42] Почему разработка JS — это сумасшествие: http://www.planningforaliens.com/blog/2016/04/11/why-js-development-is-crazy/
[43] Руководство по качественной обработке ошибок в JavaScript: http://www.sitepoint.com/proper-error-handling-javascript/
[44] Добавление JavaScript модулей в веб-платформу: https://blog.whatwg.org/js-modules
[45] Понимание свойства prototype в JavaScript: http://bytearcher.com/articles/understanding-prototype-property-in-javascript/
[46] Понимание JavaScript модулей: пакетирование и преобразование: http://www.sitepoint.com/javascript-modules-bundling-transpiling/
[47] Service Worker-ы заменяют AppCache: кувалда для раскалывания орешка: https://medium.com/@firt/service-workers-replacing-appcache-a-sledgehammer-to-crack-a-nut-5db6f473cc9b
[48] Коллбеки JavaScript, объясненные с помощью минионов: https://medium.com/@kevink/javascript-callbacks-explained-using-minions-da272f4d9bcd
[49] Webpack — смущающие стороны: https://medium.com/@rajaraodv/webpack-the-confusing-parts-58712f8fcad9
[50] Рассмотрение Salsa – нового сервиса для работы с JavaScript в Visual Studio 15: https://blogs.msdn.microsoft.com/visualstudio/2016/04/08/previewing-salsa-javascript-language-service-visual-studio-15/
[51] Процесс TC39 для внесения новых возможностей языка в спецификацию ECMAScript: http://frontender.info/tc39-process/
[52] ES6: ловушки прокси изнутри: http://css-live.ru/articles/es6-lovushki-proksi-iznutri.html
[53] Лучший Node с помощью ES6, ч.1: https://scotch.io/tutorials/better-node-with-es6-pt-i
[54] Новые стрелочные функции в ES6: http://blog.carbonfive.com/2016/04/13/new-arrow-functions-in-es6/
[55] ES6 символы: барабанную дробь пожалуйста!: https://www.sitepen.com/blog/2016/04/13/es6-symbols-drumroll-please/
[56] Деструктурирование и параметры по умолчанию в ES6: https://www.redfin.com/blog/2016/04/destructuring-and-default-parameters-in-es6.html
[57] Деревья промисов в ES6: http://www.2ality.com/2016/04/promise-trees.html
[58] Angular 2 Beta, обучающий курс «Тур героев» часть 2: https://habrahabr.ru/post/281727/
[59] React на практике: приложение с сортировкой и поиском данных: http://jsraccoon.ru/react-sort-and-search
[60] Angular vs React, some surprising trends: https://medium.com/the-bleeding-edge/angular-vs-react-some-surprising-trends-fcec3e602f50
[61] Оптимизация производительности для React-приложений: https://medium.com/@alexandereardon/performance-optimisations-for-react-applications-b453c597b191
[62] Начинаем работать с Rx.js: введение: http://www.barbarianmeetscoding.com/blog/2016/04/11/getting-started-with-rx-dot-js/
[63] React за 15 минут — [часть 1 из 3]: https://www.youtube.com/watch?v=PGUMRVowdv8
[64] Начало работы с React и JSX: http://www.sitepoint.com/getting-started-react-jsx/
[65] Урок: давайте создадим React приложение с Redux-ом: https://stormpath.com/blog/build-a-redux-powered-react-application/
[66] Красота React Native: создание вашего первого iOS приложения с JavaScript (часть 1): https://www.smashingmagazine.com/2016/04/the-beauty-of-react-native-building-your-first-ios-app-with-javascript-part-1/
[67] Скажите привет React CDK (Component Development Kit): https://voice.kadira.io/say-hello-to-react-cdk-97cff692e798
[68] Создание одностраничного приложения «список дел» с Node и Angular: https://scotch.io/tutorials/creating-a-single-page-todo-app-with-node-and-angular
[69] JavaScript Entity Graph (Базы данных графа в памяти для данных JavaScript): https://github.com/brandonbloom/jseg
[70] Сравнительная таблица доступности для медиа-плееров: http://kensgists.github.io/apt/
[71] FapfapJS — ручной JS-феймворк для энтузиастов DIY : http://www.fapfapjs.io/
[72] webpack-validator: https://github.com/jonathanewerner/webpack-validator
[73] Iframify: https://github.com/edenspiekermann/iframify
[74] Project Tofino — новый браузер от Mozilla: https://habrahabr.ru/company/ua-hosting/blog/281501/
[75] Выпуск web-браузера Chrome 50: http://www.opennet.ru/opennews/art.shtml?num=44241
[76] Пользователи Windows XP и Vista лишились обновлений Google Chrome: https://tjournal.ru/26515-polzovateli-windows-xp-i-vista-lishilis-obnovlenii-google-chrome
[77] Мир без паролей: Windows Hello в Microsoft Edge: https://blogs.windows.com/msedgedev/2016/04/12/a-world-without-passwords-windows-hello-in-microsoft-edge/
[78] Skype работает в вебе без плагинов, но только если используется браузер Edge: http://thenextweb.com/apps/2016/04/15/skype-now-works-web-without-plugins-use-edge/
[79] plane-site.com: http://plane-site.com/
[80] andy-hook.co.uk: http://andy-hook.co.uk/
[81] austin-weight.com: http://austin-weight.com/
[82] nurturedigital: http://www.nurturedigital.com/
[83] Все броски, совершенные легендарным игроком NBA Kobe Bryant, все 30,699: http://graphics.latimes.com/kobe-every-shot-ever/
[84] Сайты, сделанные в Польше: http://www.dejurka.ru/web-design/sites-made-in-poland/
[85] 9 популярных ошибок в мобильном UX-дизайне: http://sketchapp.me/9-populyarnyx-oshibok-v-mobilnom-ux-dizajne/
[86] Об анимации в мобильных UX дизайнах: http://sketchapp.me/ob-animacii-v-mobilnyx-ux-dizajnax/
[87] Git для новичков и дизайнеров интерфейсов: http://sketchapp.me/git-dlya-novichkov-i-dizajnerov-interfejsov/
[88] Интервью с Томом Крча, Adobe XD: http://sketchapp.me/intervyu-s-tomom-krcha-adobe-xd/
[89] Неправильные, но популярные решения в мобильном UX-дизайне: http://sketchapp.me/nepravilnye-no-populyarnye-resheniya-v-mobilnom-ux-dizajne/
[90] Открытое письмо начинающим дизайнерам: http://www.dejurka.ru/articless/letter-to-designer/
[91] Хватит чувствовать себя глупыми по поводу комбинирования шрифтов: http://typeburrito.com/2016/03/18/stop-feeling-dumb-about-pairing-fonts.html
[92] Психология цвета в веб-дизайне: http://www.vandelaydesign.com/the-psychology-of-color-in-web-design/
[93] Кот-ниндзя: новый Emoji для Windows: http://blog.emojipedia.org/ninja-cat-the-windows-only-emoji/
[94] Концепт интеграции магазина в Instagram: https://medium.com/@connorhasson/what-if-you-could-purchase-products-on-instagram-7683b52ca4cc
[95] Ты дерешься, как дизайнер: http://www.developertown.com/fight-like-a-designer/
[96] Факты о дизайне: http://www.designfacts.org/fact/
[97] Лучшие советы по дизайну классных упаковок и наклеек: http://design.tutsplus.com/articles/10-top-tips-for-designing-awesome-packaging-and-labels--cms-26231
[98] Шесть практических хаков по снятию креативных фотографий используя ваш смартфон: http://www.sitepoint.com/6-practical-hacks-for-taking-creative-photos-with-your-smartphone/
[99] Как привлечь внимание пользователя (и другие жестокие ловушки): http://www.sitepoint.com/how-to-direct-the-eye/
[100] Sketch 3.7 и новые Symbol-ы: https://blog.sketchapp.com/sketch-3-7-and-new-symbols-d833a5be4027
[101] Онлайн альтернативы фотошопу: http://blogsizzle.com/technology/best-free-photoshop-alternatives-online/
[102] Adobe Photoshop Actions, объяснение за 60 секунд: http://photography.tutsplus.com/tutorials/adobe-photoshop-actions-explained-in-60-seconds--cms-25639
[103] Дизайн 2016: год иллюстрации?: http://www.sitepoint.com/design-trend-2016-year-illustration/
[104] Вы можете делать почти все что угодно (часть I): http://www.elischiff.com/blog/2016/4/12/do-almost-anything
[105] Оптические исправления в дизайне логотипа: https://medium.com/@LogoGeek/optical-corrections-in-logo-design-8010cc234e2c
[106] Дизайн логотипов для адаптивных веб-сайтов: https://www.smashingmagazine.com/2016/04/logo-design-responsive-websites/
[107] Короткий список логотипов-финалистов для Tokyo 2020: https://medium.com/@WebdesignerDepot/tokyo-2020-logo-shortlist-revealed-e3531f48aa9f
[108] Генератор логотипов по заданному имени компании: http://emblemmatic.org/markmaker/#/
[109] Mark Simonson, живая легенда создавшая Proxima Nova: http://blog.youworkforthem.com/2016/04/13/mark-simonson-the-living-legend-behind-proxima-nova/
[110] PS Fournier: трибьют французской современной эре типографики от Stéphane Elbaz: https://medium.com/@jfporchez/ps-fournier-a-tribute-to-the-french-modern-typography-era-by-st%C3%A9phane-elbaz-7bdd9ebb451d
[111] Charlie Rose — типографическая айдентика для теле-шоу: http://fontsinuse.com/uses/12506/charlie-rose
[112] Комбинации подходящих Google шрифтов: https://www.behance.net/gallery/35768979/Typography-Google-Fonts-Combinations
[113] Action к фотошопу для создания эффекта отсортированных пикселей — Glitch Art: http://blog.spoongraphics.co.uk/freebies/free-pixel-sorting-photoshop-action-for-creating-glitch-art
[114] Шаблон посадочной страницы (с iPhone мокапами): http://webresourcesdepot.com/free-landing-page-template-iphone-mockups/
[115] Мокап Samsung Galaxy S7 (PSD): http://webresourcesdepot.com/samsung-galaxy-s7-mockup/
[116] Векторные монограммы: https://pixelbuddha.net/freebie/56-awesome-vector-monograms
[117] Цветочная векторная графика: http://webresourcesdepot.com/60-awesome-resources-floral-freebie/
[118] Бесплатный вектор на природную тематику: http://www.dejurka.ru/graphics/nature-vector-free/
[119] Наборы иконок на тему фотографий.: http://www.vandelaydesign.com/free-photography-icons/
[120] Более двух сотен наборов с иконками: http://www.fusionplate.com/2459/free-icon-sets/
[121] Набор с тысячей иконок для веб-дизайнeров: http://webuilddesign.com/1000-squid-ink-mini-icons/
[122] Иконки Google Play приложений для Sketch: http://webresourcesdepot.com/google-play-icons-sketch/
[123] Адаптивные офисные иконки (EPS, PDF, SVG, PNG): http://tympanus.net/codrops/2016/04/15/freebie-responsive-office-icons/
[124] Красивые шрифты с засечками: http://www.noupe.com/essentials/43-free-serif-fonts-96980.html
[125] Exan-3 — футуристический миниммалистический шрифт без засечек: https://www.behance.net/gallery/36169711/Exan-3-Free-Font
[126] Day Drunk: рукописный шрифт: https://www.behance.net/gallery/36006591/Day-Drunk-A-Handwritten-Font
[127] Google индексирует атрибут title у изображений: http://www.searchengines.ru/news/archives/google_indeksiruet_title.html
[128] Telegram объявил о первом масштабном обновлении бот-платформы: https://vc.ru/n/telegram-bots-2
[129] Facebook запустила платформу чат-ботов для Messenger: http://itc.ua/news/facebook-zapustila-platformu-chat-botov-dlya-messenger/
[130] Microsoft запустила сервис, автоматически генерирующий подписи к фото: https://tjournal.ru/26480-microsoft-zapustila-servis-avtomaticheski-generiruushii-podpisi-k-foto
[131] На синих экранах смерти Windows 10 появятся QR-коды для быстрого поиска причины ошибки: http://itc.ua/blogs/na-sinih-ekranah-smerti-windows-10-poyavyatsya-qr-kodyi-dlya-byistrogo-poiska-prichinyi-oshibki/
[132] В Bash для Windows 10 запущены и графические программы для Linux: http://www.wincore.ru/windows-news/4124-v-bash-dlya-windows-10-zapuscheny-i-graficheskie-programmy-dlya-linux.html
[133] Google поможет найти время на жизненные цели с помощью автоматического планировщика в «Календаре»: https://vc.ru/n/google-calendar-goals
[134] Летнее обновление Windows 10: список ожидаемых изменений: http://keddr.com/2016/04/letnee-obnovlenie-windows-10-spisok-ozhidaemyih-izmeneniy/
[135] Марк Цукерберг показал внутреннюю версию Facebook с дополнительной функциональностью: https://vc.ru/n/yellow-facebook
[136] Facebook представила камеру Surround 360 для создания виртуального контента: http://gagadget.com/announce/21627-facebook-predstavila-kameru-surround-360-dlya-sozdaniya-virtualnogo-kontenta/
[137] IAB разработало механизм проверки оптимальности HTML5-рекламы: http://www.cossa.ru/news/244/126312/
[138] «Панамский архив» могли украсть через дыры в WordPress и Drupal: https://xakep.ru/2016/04/12/panama-papers-2/
[139] Нейросеть научилась додумывать изображение: https://tjournal.ru/26552-neiroset-nauchilas-dodumivat-izobrazhenie
[140] CNN, Poncho, Spring: Боты для Facebook Messenger, которые доступны уже сейчас: https://vc.ru/p/fb-bots
[141] Apple vs ФБР: 146-я серия: http://alexmak.net/blog/2016/04/14/apple-fbi-next/
[142] Oculus Rift против HTC Vive: http://kanobu.ru/articles/oculus-rift-protiv-htc-vive-369402/
[143] Стивен Хокинг, Юрий Мильнер и Марк Цукерберг отправят мини-корабли к альфе Центавра на скорости 161 млн км/ч: http://ain.ua/2016/04/13/643497
[144] Графен и мировая техническая революция: http://naked-science.ru/article/interview/grafen-i-mirovaya-tehnicheskaya-revolyuciya
[145] Как знаменитые IT-гиганты получили свои названия: http://naked-science.ru/article/top/kak-znamenitye-it-giganty-poluchili-svoi-nazvaniya
[146] Ошибка в bash-скрипте привела к полной очистке всех серверов хостинг-провайдера: http://www.opennet.ru/opennews/art.shtml?num=44247
[147] Чем занимаются жёны западных ИТ-предпринимателей — Элона Маска, Эрика Шмидта, Кевина Систрома и других: https://vc.ru/p/entrepreneurs-wives
[148] 12 книг с историями великих IT-компаний: http://gagadget.com/21592-12-knig-s-istoriyami-velikih-it-kompanij/
[149] Вам не нужно строить масштабируемый стартап: http://ain.ua/2016/04/10/642745
[150] Как культовые экзоскелеты вторглись в нашу реальность: http://disgustingmen.com/tehno/exoskeletons-in-videogames
[151] Илон Маск: 15 цитат последователя Стива Джобса и Леонардо да Винчи: http://lifehacker.ru/2016/04/13/15-quotes-elon-musk/
[152] https://www.google.com/killer-robots.txt: https://www.google.com/killer-robots.txt
[153] Классические картины и программисты: http://classicprogrammerpaintings.tumblr.com/
[154] Дайджест за прошлую неделю: https://habrahabr.ru/company/zfort/blog/281308/
[155] dersmoll: http://habrahabr.ru/users/dersmoll/
[156] alekskorovin: http://habrahabr.ru/users/alekskorovin/
[157] Источник: https://habrahabr.ru/post/281789/
Нажмите здесь для печати.