Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №144 (19 — 25 января 2015)

---

Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/news/80725

Ссылки в тексте:

[1] Что происходит после того, как вы набираете google.com в своем браузере и нажимаете enter?: https://github.com/alex/what-happens-when

[2] Почему мы не можем делать по настоящему адаптивные изображения с помощью CSS или JavaScript: http://www.brucelawson.co.uk/2015/why-we-cant-do-real-responsive-images-with-css-or-javascript/

[3] Живая интерполяция шрифтов в вебе: http://alistapart.com/article/live-font-interpolation-on-the-web

[4] Как обучить себя веб-разработке: http://www.sitepoint.com/teach-web-development/

[5] Что такое виртуальный Viewport?: http://updates.html5rocks.com/2015/01/virtual-viewport

[6] Время проверить использование данных вашим приложением.: http://www.webperformancetoday.com/2015/01/14/mobile-page-growth/

[7] Создание скриншотов из видео: http://davidwalsh.name/create-screenshots-videos

[8] «Front end and back end»: http://www.quirksmode.org/blog/archives/2015/01/front_end_and_b.html

[9] Вопросы для собеседования на позицию фронтенд-разработчка: https://github.com/h5bp/Front-end-Developer-Interview-Questions

[10] Создаем собственные SVG-иконки: http://www.sitepoint.com/build-svg-icons/

[11] Идеи HTML6 или HTML.next: http://www.script-tutorials.com/html-next-or-ideas-for-html6/

[12] LumX: http://ui.lumapps.com/

[13] Marko: https://github.com/raptorjs/marko

[14] Полная кастомизация select без использования JS: http://habrahabr.ru/post/248243/

[15] Что нового в CSS селекторах 4-го уровня: http://habrahabr.ru/post/248187/

[16] Начинаем разбираться с Myth — препроцессором будущего: http://habrahabr.ru/post/248561/

[17] Рисуем анимированную сцену с помощью css: http://habrahabr.ru/post/247731/

[18] Производительность CSS-анимаций: http://forwebdev.ru/css/css-transitions-perfomance/

[19] Создание производительного и отзывчивого сайта на «чистом CSS»: http://css-tricks.com/tour-performant-responsive-css-site/

[20] Идеи эффектов при добавлении покупок: http://tympanus.net/codrops/2015/01/22/ideas-checkout-effects/

[21] PubCSS: форматирование академических публикаций в HTML & CSS: http://thomaspark.me/2015/01/pubcss-formatting-academic-publications-in-html-css/

[22] часть 1: http://demosthenes.info/blog/978/Learning-Sass-with-CodePen-Part-One

[23] часть 2: http://demosthenes.info/blog/979/Learning-Sass-with-CodePen-Part-Two-Nesting

[24] CSS Extend Rule: http://tabatkins.github.io/specs/css-extend-rule/

[25] «ATOMIC CSS» — слайды от Thierry Koblentz из Yahoo! с FED London 2015 : https://www.haikudeck.com/atomic-css-science-and-technology-presentation-dJ0xlFjhBQ#

[26] A Vision for Our Sass: http://alistapart.com/article/a-vision-for-our-sass

[27] cssplus: http://hictech.github.io/cssPlusWebsite/

[28] Центрирование и обрезка изображений одной строчкой CSS (object-fit: cover): https://medium.com/@chrisnager/center-and-crop-images-with-a-single-line-of-css-ad140d5b4a87

[29] Использование свойства fit-content в CSS: http://demosthenes.info/blog/975/Little-Big-Using-CSS-fit-content

[30] Знакомимся с LibSass: http://webdesign.tutsplus.com/articles/getting-to-know-libsass--cms-23114

[31] Окончательная версия реализации длинных теней с помощью Sass-миксина: http://www.sitepoint.com/ultimate-long-shadow-sass-mixin/

[32] image-rendering: pixelated: http://updates.html5rocks.com/2015/01/pixelated

[33] Супербыстрая адаптивная разметка с Jeet: http://www.sitepoint.com/super-fast-responsive-layouts-jeet/

[34] Manhattan: http://www.adchsm.me/manhattan/

[35] Начинаем разбираться с CSS-фреймворком Skeleton: http://www.sitepoint.com/getting-started-with-skeleton-simple-css-boilerplate/

[36] Вычисление факториала на числах Чёрча: http://habrahabr.ru/post/248331/

[37] Гибкое управление событиями в jQuery — плагин jquery.behavior: http://habrahabr.ru/post/237501/

[38] В рамках проекта Gitlet развивается упрощённая реализация Git на JavaScript: http://www.opennet.ru/opennews/art.shtml?num=41523

[39] PhantomJS 2.0 запланирован на 23 января: http://web-standards.ru/news/952/

[40] Пишем игру на ReactJs с использованием webpack + react-hot-loader: https://pqr7.wordpress.com/2015/01/19/%D0%BF%D0%B8%D1%88%D0%B5%D0%BC-%D0%B8%D0%B3%D1%80%D1%83-%D0%BD%D0%B0-reactjs-%D1%81-%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC-webpack-react-hot-loader/

[41] Top 10 CodePens of the Week: JavaScript January Edition: https://scotch.io/bar-talk/top-10-codepens-of-the-week-javascript-january-edition

[42] Генерация фейковых данных для вашего JavaScript-приложения с помощью Faker: https://scotch.io/tutorials/generate-fake-data-for-your-javascript-applications-using-faker

[43] Ошибки в JavaScript и как их исправлять: http://davidwalsh.name/fix-javascript-errors

[44] Отладка Javascript [немного] больше чем console.log: http://swizec.com/blog/javascript-debugging-slightly-beyond-console-log/swizec/6633

[45] Путешествие по стране тестирования клиентской части приложений с помощью JavaScript: http://developer.telerik.com/featured/journey-client-side-testing-javascript/

[46] ECMAScript 6 эквиваленты в ES5: https://github.com/addyosmani/es6-equivalents-in-es5

[47] ES6 JavaScript: https://medium.com/daffl/es6-javascript-the-less-weird-parts-3103a9c821ae

[48] font-character-inspector: https://github.com/techieshark/font-character-inspector

[49] Custom Events and Ajax Friendly Page-ready Checks: http://www.sitepoint.com/custom-events-ajax-friendly-page-ready-checks/

[50] Получение литералов с помощью ES6 Template Strings: http://updates.html5rocks.com/2015/01/ES6-Template-Strings

[51] Fetch API в действии: http://blog.gospodarets.com/fetch_in_action/

[52] Создание сайтов с хорошими манерами с API видимости страницы: http://www.smashingmagazine.com/2015/01/20/creating-sites-with-the-page-visibility-api/

[53] Автозаполнение форм с помощью jQuery и Web Storage API: http://www.sitepoint.com/auto-filling-forms-jquery-web-storage-api/

[54] Глубинные особенности AngularJS: http://www.smashingmagazine.com/2015/01/22/angularjs-internals-in-depth/

[55] angular-websocket: https://github.com/gdi2290/angular-websocket

[56] Представление NumGL: http://jonolive.blogspot.com/2015/01/introducing-numgl-webgl-library-for.html

[57] mingo: https://github.com/kofrasa/mingo

[58] Tuxedo.js: http://www.tuxedojs.org/

[59] marty.js: http://martyjs.org/

[60] mozaik: https://github.com/plouc/mozaik

[61] canvg: https://github.com/gabelerner/canvg

[62] WheelNavJS: http://wheelnavjs.softwaretailoring.net/index.html

[63] pwstabs: https://github.com/alexchizhovcom/pwstabs

[64] terminal.js: http://gottox.de/terminal.js/

[65] amalia.js: http://ina-foss.github.io/amalia.js/

[66] blockrain.js: http://aerolab.github.io/blockrain.js/

[67] Slalom: http://iamralpht.github.io/constraints/

[68] Matter.js: http://brm.io/matter-js/

[69] Генератор хипстерских логотипов: http://www.hipsterlogogenerator.com/

[70] PencilBlue: https://pencilblue.org/

[71] Конвертор растровых изображений в форматах jpeg, jpg, gif, png в векторный формат Svg: http://picsvg.com/

[72] Tint UI: http://tintui.com/index.html

[73] Релиз web-браузера Chrome 40: http://www.opennet.ru/opennews/art.shtml?num=41507

[74] Вышел Chrome 40 с блокировкой всех плагинов NPAPI: https://xakep.ru/2015/01/23/chrome-40/

[75] Spartan: тот же IE11, только сбоку: http://web-standards.ru/news/955/

[76] Новинки панели для разработчиков в Firefox, эпизод 37: https://hacks.mozilla.org/2015/01/web-animation-tools-network-security-insights-font-inspector-improvements-and-more-firefox-developer-tools-episode-37/

[77] Что нового в Firefox 35 — детали для веб-разработчиков: http://www.sitepoint.com/whats-new-firefox-35/

[78] В Firefox Nightly появилась виртуальная реальность: https://xakep.ru/2015/01/23/webvr/

[79] Web VR появляется в Firefox Nightly: http://mozvr.com/posts/webvr-lands-in-nightly/

[80] Firefox обрежет «рефереры» для приватности: https://xakep.ru/2015/01/23/firefox-referer/

[81] Google предлагает пользователям Firefox изменить поиск по умолчанию и стартовую страницу: http://www.searchengines.ru/news/archives/google_predlagaet_.html

[82] Для Firefox доступна система блокирования рекламы uBlock: http://www.opennet.ru/opennews/art.shtml?num=41500

[83] Microsoft выпустит Windows 10 с двумя браузерами одновременно: http://itc.ua/news/microsoft-vyipustit-windows-10-s-dvumya-brauzerami/

[84] Веб-дизайн от первого лица: http://www.dejurka.ru/web-design/first-person-web-design/

[85] Shopify в 2014-м: http://www.shopify.com/2014

[86] Креативное портфолио: http://www.melanie-f.com/en/

[87] Aerolab: https://aerolab.co/

[88] blitzagency.com: http://www.blitzagency.com/

[89] gianlucabocchi.com: http://www.gianlucabocchi.com/it/

[90] homunculus.jp: http://homunculus.jp/

[91] Видео. Основные принципы Material Design: http://habrahabr.ru/post/248653/

[92] 12 базовых принципов анимации: http://forwebdev.ru/design/12-basic-principles-of-animation/

[93] Организуй это полностью: http://forwebdev.ru/design/organize-it-completely/

[94] 10 Android-приложений в стиле Material Design, которые уже доступны в Google Play: http://siliconrus.com/2015/01/10-material/

[95] UX-консультант: Почему ленты новостей в Facebook и Instagram устроены неправильно: http://siliconrus.com/2015/01/feed-broken/

[96] Tumblr тестирует социальную сеть для взаимодействия брендов и художников: http://www.cossa.ru/news/237/95094/

[97] Зачем веб-дизайнеру старый монитор?: http://www.dejurka.ru/articless/using-a-bad-monitor/

[98] Создаем кисти-капли в Adobe Photoshop: http://www.dejurka.ru/tutorial/water-drop-brushes/

[99] Узор для вязанного свитера Adobe Illustrator: http://www.dejurka.ru/tutorial/jumper-pattern-illustrator/

[100] 10 трендов в веб-дизайне, которые изменят все в 2015м: http://www.creativebloq.com/web-design/hottest-trends-2015-11513980

[101] Четыре основных тренда в дизайне веб-сайтов в 2015: http://www.webdesignerdepot.com/2015/01/4-essential-layout-trends-for-2015/

[102] Девяностолетняя дизайнер Силиконовой Долины: http://www.npr.org/blogs/alltechconsidered/2015/01/19/377702882/at-90-shes-designing-tech-for-aging-boomers

[103] Как привлекает новых пользователей Duolingo: http://www.useronboard.com/how-duolingo-onboards-new-users/

[104] Dropbox для Android: https://medium.com/weekly-redesign-challenge/redesign-challenge-2-52-dropbox-for-android-61f49b1df95d

[105] Становится ли визуальный дизайн плоским?: http://blog.intercom.io/has-visual-design-fallen-flat/

[106] UX Reader: http://theuxreader.com/

[107] Рассмотрение инструментов для прототипирования: http://stephenmeszaros.com/posts/prototyping-tools.html

[108] Является ли минимализм лучшей стратегией для вашего сайта?: http://speckyboy.com/2015/01/23/minimal-design-best-strategy-site/

[109] Сто и одна вдохновляющая цитата для дизайнеров: http://www.webdesignerdepot.com/2015/01/101-inspirational-quotes-for-designers/

[110] Примеры цветных интерфейсов мобильных приложений: http://www.designyourway.net/blog/inspiration/showcase-of-colorful-mobile-user-interface-designs/

[111] Руководство по повышению точности дизайна мокапов: http://sixrevisions.com/user-interface/design-mockup-fidelity/

[112] Веб-дизайны с креативной типографикой нарисованной вручную: http://line25.com/articles/20-web-designs-with-creative-hand-drawn-typography

[113] Пятнадцать шагов на пути к лучшему юзабилити (и счастливым пользователям): http://www.sitepoint.com/making-happy-users-better-usability/

[114] Создание изометрического пиксель-арт изображения здания в Adobe Photoshop: http://design.tutsplus.com/tutorials/create-an-isometric-pixel-art-apartment-building-in-adobe-photoshop--cms-23006

[115] Как создавать эффект портрета животного в Adobe Photoshop: http://design.tutsplus.com/tutorials/how-to-create-a-painted-pet-portrait-effect-in-adobe-photoshop--cms-23003

[116] Шрифтовые пары из коллекции Google Fonts: http://fontpair.co/

[117] Покемоны и бренды: http://pictogram.agency/pokemonbranding/

[118] Кисти дыма для фотошопа: http://www.dejurka.ru/graphics/free-photoshop-smoke-brushes/

[119] Бесплатные иконки, нарисованные от руки: http://www.dejurka.ru/graphics/free-hand-drawn-icons/

[120] Два десятка плагинов к фотошопу: http://www.fusionplate.com/4359/20-free-photoshop-plugins-designers/

[121] Фото городов: http://designinstruct.com/resource/free-city-photos/

[122] Колекция новых и бесплатных шрифтов за январь 2015: http://mag.splashnology.com/article/free-fonts-jan-2015/13821/

[123] Дюжина кистей к фотошопу изображающих разбитое стекло: http://www.youthedesigner.com/freebies/free-brushes/12-high-resolution-shattered-glass-photoshop-brushes/

[124] Векторные баннеры, посвященные Дню Святого Валентина (AI & EPS): http://speckyboy.com/2015/01/20/freebie-valentines-day-vector-banner-kit-ai-eps/

[125] Набор Avant UI (более ста элементов) в четырех PSD-файлах: http://webuilddesign.com/free-avant-ui-kit-psd/

[126] Набор с элементами Apple Watch UI: http://www.webappers.com/2015/01/22/free-download-apple-watch-ui-kit/

[127] Векторная карта мира и северной Америки (AI, SVG): http://webuilddesign.com/world-map-us-states-vector-aisvg/

[128] Набор иконок Creatt (PNG, AI, SVG): http://webuilddesign.com/creatt-icon-png-ai-svg/

[129] Набор векторных иконок, посвященных образованию (PSD, AI, EPS, SVG) : http://webuilddesign.com/educate-icon-set/

[130] Шаблон плоского дизайна корзины интернет-магазина: http://www.dreamstale.com/freebie-shopping-cart-design-templates/

[131] Упаковка из почти четырех десятков иконок с плоским дизайном: http://www.onextrapixel.com/2015/01/20/freebie-38-flat-web-icons-pack/

[132] REFUGE: http://www.grantbeaudry.com/refuge

[133] Slash: http://pixelbuddha.net/freebie/free-font-slash

[134] Новая Windows 10 и другие фантастические новинки от Microsoft: http://geektimes.ru/company/microsoft/blog/244632/

[135] Видеозапись конференции Microsoft доступна для просмотра на YouTube всем желающим: http://4pda.ru/2015/01/22/198034/

[136] Microsoft интегрирует Skype в Windows 10, сделав его аналогом Apple iMessage: http://itc.ua/news/microsoft-integriruet-skype-v-windows-10-sdelav-ego-analogom-apple-imessage/

[137] Виртуальное будущее от Microsoft: голографический шлем HoloLens и платформа Windows Holographic: http://gagadget.com/koncepty/16277-virtualnoe-buduschee-ot-microsoft-golograficheskij-shlem-hololens-i-platforma-windows-holographic/

[138] Microsoft представила виртуального помощника Cortana для Windows 10: http://itc.ua/news/microsoft-predstavila-virtualnogo-pomoshhnika-cortana-dlya-windows-10/

[139] Microsoft: конец чёрной полосы?: http://gagadget.com/16276-microsoft-konets-chyornoj-polosyi/

[140] Microsoft анонсировала Office 2016 и Office для Windows 10: http://www.computerra.ru/113823/ms-office-2016-and-office-4-win10/

[141] В Microsoft рассказали про бесплатное обновление до Windows 10: http://naked-science.ru/article/media/v-microsoft-rasskazali-pro-bes

[142] Microsoft Windows 10: обещать — не значит жениться: http://gagadget.com/16282-microsoft-windows-10-obeschat--ne-znachit-zhenitsya/

[143] Обзор от Логвинова: https://www.youtube.com/watch?v=xoxkrwvNHaE

[144] Microsoft присоединился к Student Developer Pack и некоторые другие новости GitHub Education: http://habrahabr.ru/post/248765/

[145] В Google планируют сотрудничество со SpaceX: http://geektimes.ru/post/244510/

[146] Facebook сделал из WhatsApp виртуального оператора сотовой связи; Google на подходе: https://roem.ru/24-01-2015/179241/whatsapp-goes-virtual/

[147] Google: Интернет вскоре исчезнет: http://www.3dnews.ru/908480/

[148] Рекламные доходы YouTube в 80 раз меньше, чем у ТВ-каналов: http://www.cossa.ru/news/244/95024/

[149] Рынок мобильного ПО обогнал по доходности Голливуд: http://www.3dnews.ru/908452/

[150] В прошлом году Facebook потеряла 9 % активных пользователей: http://www.3dnews.ru/908450/

[151] оценен в $227 млрд: http://www.cossa.ru/news/247/94925/

[152] Google обрабатывает не менее 1 триллиона запросов в год: http://www.searchengines.ru/news/archives/google_obrabaty.html

[153] HP вырвалась в лидеры на рынке ноутбуков: http://www.3dnews.ru/908185/

[154] Как закон Мура уничтожил Google Glass: http://www.computerra.ru/113562/glass-vs-moore/

[155] В Китае при помощи 3D-печати возвели «пятиэтажку» и огромную виллу: http://www.3dnews.ru/908385/

[156] Что можно распечатать на 3D-принтере?: http://keddr.com/2015/01/chto-mozhno-raspechatat-na-3d-printere/

[157] Видео дня: Boston Dynamics кардинально переработала робота Atlas: http://www.3dnews.ru/908331/

[158] Дайджест за прошлую неделю: http://habrahabr.ru/company/zfort/blog/248177/

[159] dersmoll: http://habrahabr.ru/users/dersmoll/

[160] alekskorovin: http://habrahabr.ru/users/alekskorovin/

[161] Источник: http://habrahabr.ru/post/248869/

Нажмите здесь для печати.