Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №139 (15 — 21 декабря 2014)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №139 (15 — 21 декабря 2014) - 1

Сайты с интересным дизайном и функциональностью

Свежая подборка классных сайтов ^[66]
apps.npr.org/best-songs-2014 ^[67] — нестандартный проигрыватель-галерея песен
Страница со статистикой работы сервиса Wunderlist ^[68]
Dino Hunt ^[69] — сайт, посвященный динозаврам, с трехмерными моделями
Интерактивные графики с помощью SVG на bloomberg ^[70]
tondapizza.it ^[71] — интерактивный сайт, посвященный пицце
natgeoeat.com ^[72] — сайт от National Geographic, посвященный истории еды
pendryhotels.com ^[73] — красочный сайт с реализацией скролинга внутрь
firstlightfusion.com ^[74] — вертикальный сайт с креативными скролл-эффектами
teye.denkwerk.com ^[75] — забавный интерактивный сайт с интересными элементами дизайна
Покадровая скролл-анимация, превращающаяся в интерактивный посыл ^[76]
tap42.com ^[77] — вертикальный сайт, насыщенный параллакс-эффектами
freresdencre.com ^[78] — сайт с симпатичной анимацией и ховер-эффектами
Полноэкранный сайт с современной анимацией загрузки ^[79]

Дизайн

Семь трендов в веб-дизайне на 2015 год ^[80]
Альфа-банк представил редизайн своего сайта от «Студии Артемия Лебедева» ^[81]
Синий цвет в веб-дизайне ^[82]
Блестящий карамельный текст в Adobe Photoshop ^[83]
material palette ^[84] — цветовая палитра для Material Design
10 must-read UX design books ^[85]
Лучшие обложки книг в 2014 по версии NyTimes ^[86]
Интервью с иллюстратором Натальей Долотко ^[87]
Мобильные приложения с прекрасным дизайном и юзабилити ^[88]
История создания иконки желтого бегущего человека AOL ^[89]
Как плохой UX заставляет пользователей обвинять себя ^[90]
Черный должен быть черным ^[91]
Как удалять фон из фото с помощью инструмента Pen в Photoshop-е ^[92]
Как создать блок изометрического пиксель-арта в Adobe Photoshop ^[93]
Начинаем разбираться со Smart Objects в фотошопе ^[94]
Typecast™ ^[95] — бесплатный план
Лучшие постеры к фильмам 2014-го года ^[96]

Подборка бесплатных дизайнерских печенек

Бесплатные фоны и паттерны для новогодних открыток ^[97]
Бесплатные исходники для зимних фотоманипуляций ^[98]
Праздничные ленточки скидок в Adobe Illustrator ^[99]
Наборы кистей для фотошопа ^[100]
Подборка с упаковками с контурными иконками ^[101]
Набор SVG-иконок evel-icons ^[102]
Набор иконок с плоским дизайном responsive & mobile (PNG, PSD) ^[103]
Oduda ^[104] — округлый шрифт без засечек
Cathedral ^[105] — исторический декоративный шрифт
Motorless ^[106] — стильный декоративный шрифт без засечек
Hanken Round ^[107] — простой геометрический скругленный шрифт
Mad Squire ^[108] — декоративный шрифт
Два десятка иконочных шрифтов ^[109]

Демо

What Colour is it ^[110] — сервис, изменяющий цвет фона в соответствии со временем, преобразуя его в HEX код
Мона Лиза из многоугольников расположенных в объемном пространстве ^[111] (glsl)
Поток из частиц в WebGL ^[112]
Панорама 360 на WebGL ^[113]
SVG Christmas ^[114]
Симпатичный концепт календаря на «чистом CSS» ^[115]
HexGL, гонки на WebGL ^[116]

Новости

Занимательное

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю ^[146].
Материал подготовили dersmoll ^[147] и alekskorovin ^[148].

Автор: alexzfort

Источник ^[149]

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

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

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

[1] Не только Яндексу. Микроразметка на крупнейших сайтах рунета: зачем ею пользуются и почему она пригодится и вам: http://habrahabr.ru/company/yandex/blog/246003/

[2] Single Page Application в облачном хранилище: http://habrahabr.ru/company/selectel/blog/246019/

[3] Yeoman для новичков: http://habrahabr.ru/post/246349/

[4] Mozilla внедрит не все веб-компоненты: http://web-standards.ru/news/942/

[5] Какими знаниями должен обладать Front-end разработчик в 2015 году: http://ps.siliconrus.com/problem/6158/

[6] Про аутлайны: http://wd.dizaina.net/internet-maintenance/on-outlines/

[7] Что нового в последней версии WordPress 4.1: http://www.sitepoint.com/whats-new-in-wordpress-4-1/

[8] Pointer Events: http://www.w3.org/TR/2014/PR-pointerevents-20141216/

[9] SMACSS-Press: http://css-tricks.com/smacss-press/

[10] Оптимизация изображения для Web: http://blog.teamtreehouse.com/optimize-images-web

[11] Подборка видео с Fronteers 2014: http://vimeo.com/channels/fronteers14

[12] Свежий скринкаст от Криса Койера: три метода анимации SVG : https://www.youtube.com/watch?v=lM7cuk5DPgc

[13] Эластичные SVG элементы : http://tympanus.net/codrops/2014/12/15/elastic-svg-elements/

[14] Обзор техник по созданию SVG-спрайтов : http://24ways.org/2014/an-overview-of-svg-sprite-creation-techniques/

[15] Три способа анимации SVG: http://css-tricks.com/video-screencasts/135-three-ways-animate-svg/

[16] Советы по оптимизации SVG для веба: http://calendar.perfplanet.com/2014/tips-for-optimising-svg-delivery-for-the-web/

[17] Коллекция туториалов по HAML : http://www.webresourcesdepot.com/haml-tutorials-for-frontend-development/

[18] Языки и фреймворки, которые советуют выучить в 2015м : http://tutorialzine.com/2014/12/the-languages-and-frameworks-that-you-should-learn-in-2015/

[19] Enyo: http://enyojs.com/

[20] Front-end Boilerplate: http://frontendboilerplate.com/

[21] Пуленепробиваемый гайд по использованию HTML5 и CSS3 в почтовых письмах: https://litmus.com/blog/a-bulletproof-guide-to-using-html5-and-css3-in-email

[22] Как сделать редирект веб-страницы: http://css-tricks.com/redirect-web-page/

[23] MailDev: http://djfarrelly.github.io/MailDev/

[24] Десять строчек на CSS, которые помогут отказаться от нативных приложений: http://frontender.info/ten-css-one-liners-to-replace-native-apps/

[25] Исправляем «прыгающий скролл» на чистом CSS: http://www.kobzarev.com/makeup/fix-jumping-scrollbar.html

[26] Функциональные обертки в Sass: http://www.sitepoint.com/functional-wrappers-sass/

[27] CSS object-fit: http://codepen.io/dudleystorey/pen/myPZwN

[28] Автоисполняемый SCSS стилевой гид: http://davidtheclark.com/scss-lint-styleguide/

[29] SC5 Styleguide: http://styleguide.sc5.io/

[30] Анимированные заголовки: http://codyhouse.co/gem/css-animated-headlines/

[31] Приключения в стране Flexbox: http://chriswrightdesign.com/experiments/flexbox-adventures/

[32] Почему псевдо-класс :visited такой странный : http://sixrevisions.com/css/visited-pseudo-class-strange/

[33] Помещаем троеточие в начало строки с помощью CSS : http://hugogiraudel.com/2014/12/16/css-riddle-reverse-ellipsis/

[34] 10 CSS препроцессоров, на которые стоит обратить внимание (на самом деле нет) : http://marketblog.envato.com/resources/10-css-preprocessors-worth-considering/

[35] Как писать Mobile-first CSS: http://www.zell-weekeat.com/how-to-write-mobile-first-css/

[36] Размышления о наименовании классов: http://24ways.org/2014/naming-things/

[37] Выразительный JavaScript: Проект: Веб-сайт по обмену опытом: http://habrahabr.ru/post/246331/

[38] Проблема «7-го января»: http://habrahabr.ru/post/246097/

[39] Libscore.com: https://medium.com/Shapiro/introducing-libscore-com-be93165fa497

[40] Простая валидация форм с помощью нативных средств HTML5 : http://tutorialzine.com/2014/12/quick-tip-easy-form-validation-with-html5/

[41] Архитектура JavaScript приложений на пути к 2015: https://medium.com/@addyosmani/javascript-application-architecture-on-the-road-to-2015-d8125811101b

[42] Программирование JavaScript приложений: http://chimera.labs.oreilly.com/books/1234000000262/index.html

[43] Изучение базовых регулярных выражений за 20 минут: http://tutorialzine.com/2014/12/learn-regular-expressions-in-20-minutes/

[44] Классы в JavaScript: исследование имплементации в движке Chakra: http://blogs.msdn.com/b/ie/archive/2014/12/15/classes-in-javascript-exploring-the-implementation-in-chakra.aspx

[45] Исследование: производительность самых популярных JavaScript MVC фреймворков: http://www.filamentgroup.com/lab/mv-initial-load-times.html

[46] Как менять контент с помощью jQuery, оставляя его доступным : http://www.sitepoint.com/accessibly-rotate-contents-jquery/

[47] Часть 1: http://www.jquerybyexample.net/2014/12/latest-angularjs-interview-question-1.html

[48] Часть 2: http://www.jquerybyexample.net/2014/12/latest-angularjs-interview-question-2.html

[49] AngularJS: от прототипа к функциональному коду: https://www.airpair.com/angularjs/posts/angularjs-from-prototyping-to-functional-code

[50] jQuery vs. AngularJS: сравнение и процесс миграции: https://www.airpair.com/angularjs/posts/jquery-angularjs-comparison-migration-walkthrough

[51] Создание модальных окон с запоминаемыми состояниями с Angular UI роутером: http://www.sitepoint.com/creating-stateful-modals-angularjs-angular-ui-router/

[52] fakeLoader.js: https://github.com/joaopereirawd/fakeLoader.js

[53] tcomb-form: http://gcanti.github.io/tcomb-form/

[54] календарь для React: https://github.com/react-component/calendar

[55] JSnoX: https://github.com/af/JSnoX

[56] Rantjs: http://rantjs.robbestad.com/

[57] barn: https://github.com/arokor/barn

[58] Chartist.js, open-source библиотека для адаптивных графиков: http://www.smashingmagazine.com/2014/12/16/chartist-js-open-source-library-responsive-charts/

[59] Практический функциональный JavaScript с библиотекой Ramda: http://developer.telerik.com/featured/practical-functional-javascript-ramda/

[60] focusable: https://github.com/zzarcon/focusable

[61] В Chrome планируется помечать соединение как небезопасное при открытии сайта по HTTP: http://www.opennet.ru/opennews/art.shtml?num=41263

[62] Создатель Glitché Владимир Шрейдер: Прозрачный интерфейс «Яндекс.Браузера» — это абсурд: http://siliconrus.com/2014/12/ya-bro/

[63] Бывший главный разработчик IE покидает Microsoft и теперь «готов наслаждаться новыми веяниями в мире технологий" : http://itc.ua/news/byivshiy-glavnyiy-razrabotchik-internet-explorer-pokidaet-microsoft/

[64] Duo: http://helloduo.com/

[65] Pseudo elements, promise inspection, raw headers, and much more – Firefox Developer Edition 36: https://hacks.mozilla.org/2014/12/pseudo-elements-promise-inspection-raw-headers-and-much-more-firefox-developer-edition-36/

[66] Свежая подборка классных сайтов: http://www.dejurka.ru/web-design/inspiring-web-design/

[67] apps.npr.org/best-songs-2014: http://apps.npr.org/best-songs-2014/

[68] Страница со статистикой работы сервиса Wunderlist: https://www.wunderlist.com/world-productivity-report/

[69] Dino Hunt: http://dinohuntcanada.history.ca/#!/dinos/ankylosaurus

[70] Интерактивные графики с помощью SVG на bloomberg: http://www.bloomberg.com/graphics/2014-america-shakes-off-oil-addiction/

[71] tondapizza.it: http://www.tondapizza.it/

[72] natgeoeat.com: http://www.natgeoeat.com/

[73] pendryhotels.com: http://pendryhotels.com/

[74] firstlightfusion.com: http://firstlightfusion.com/

[75] teye.denkwerk.com: http://teye.denkwerk.com/#

[76] Покадровая скролл-анимация, превращающаяся в интерактивный посыл: http://sendamessage.to/

[77] tap42.com: http://tap42.com/#home

[78] freresdencre.com: http://www.freresdencre.com/

[79] Полноэкранный сайт с современной анимацией загрузки: http://www.aquest.it/

[80] Семь трендов в веб-дизайне на 2015 год: http://www.dejurka.ru/articless/design-trends-article/

[81] Альфа-банк представил редизайн своего сайта от «Студии Артемия Лебедева»: http://siliconrus.com/2014/12/alfa-redesign/

[82] Синий цвет в веб-дизайне: http://www.dejurka.ru/web-design/blue-web-design/

[83] Блестящий карамельный текст в Adobe Photoshop: http://www.dejurka.ru/tutorial/glossy-candy-cane-text/

[84] material palette: http://www.materialpalette.com/

[85] 10 must-read UX design books: http://www.adhamdannaway.com/blog/ux-design/10-must-read-ux-design-books

[86] Лучшие обложки книг в 2014 по версии NyTimes: http://www.nytimes.com/interactive/2014/12/08/books/review/best-book-covers-2014.html?_r=1

[87] Интервью с иллюстратором Натальей Долотко: http://design.tutsplus.com/articles/to-the-point-interview-with-nataliya-dolotko--cms-22699

[88] Мобильные приложения с прекрасным дизайном и юзабилити: http://www.webdesignerdepot.com/2014/12/19-exceptionally-well-designed-mobile-app-experiences/

[89] История создания иконки желтого бегущего человека AOL: http://www.theatlantic.com/technology/archive/2014/12/the-story-behind-aols-iconic-yellow-running-man/383652/

[90] Как плохой UX заставляет пользователей обвинять себя: http://blog.uxpin.com/6069/bad-ux-makes-users-blame/

[91] Черный должен быть черным: http://nerd.vasilis.nl/black-black/

[92] Как удалять фон из фото с помощью инструмента Pen в Photoshop-е: http://webdesignledger.com/tutorials/howto-remove-photo-bg-with-pen-tool

[93] Как создать блок изометрического пиксель-арта в Adobe Photoshop: http://design.tutsplus.com/tutorials/how-to-create-an-isometric-pixel-art-neighborhood-block-in-adobe-photoshop--cms-22792

[94] Начинаем разбираться со Smart Objects в фотошопе: http://design.tutsplus.com/articles/design-course-getting-started-with-smart-objects--cms-22892

[95] Typecast™: http://typecast.com/plans

[96] Лучшие постеры к фильмам 2014-го года: https://mubi.com/notebook/posts/the-best-movie-posters-of-2014

[97] Бесплатные фоны и паттерны для новогодних открыток: http://www.dejurka.ru/graphics/free-christmas-patterns-backgrounds/

[98] Бесплатные исходники для зимних фотоманипуляций: http://www.dejurka.ru/graphics/free-winter-stock-images/

[99] Праздничные ленточки скидок в Adobe Illustrator: http://www.dejurka.ru/tutorial/holiday-sales-tags/

[100] Наборы кистей для фотошопа: http://www.youthedesigner.com/graphic-design-resources/31-sets-of-free-photoshop-paint-brushes/

[101] Подборка с упаковками с контурными иконками: http://www.designyourway.net/blog/resources/line-icons-to-use-in-your-modern-design-projects/

[102] Набор SVG-иконок evel-icons: http://evil-icons.io/

[103] Набор иконок с плоским дизайном responsive & mobile (PNG, PSD): http://www.smashingmagazine.com/2014/12/17/freebie-responsive-mobile-icon-set-100-icons-png-psd/

[104] Oduda: http://ortheme.com/oduda-rounded-typeface/

[105] Cathedral: http://ortheme.com/cathedral-free-typeface/

[106] Motorless: https://www.behance.net/gallery/21899055/Motorless-Free-font

[107] Hanken Round: https://www.behance.net/gallery/18871499/Hanken-Round

[108] Mad Squire: https://www.behance.net/gallery/21888779/Mad-Squire-typeface-FREE-FONT

[109] Два десятка иконочных шрифтов: http://webdesignledger.com/freebies/free-icon-fonts-to-use-in-your-designs

[110] What Colour is it: http://whatcolourisit.scn9a.org/

[111] Мона Лиза из многоугольников расположенных в объемном пространстве: http://andyhall.github.io/glsl-projectron/viewer_mona.html

[112] Поток из частиц в WebGL: http://david.li/flow/

[113] Панорама 360 на WebGL: http://www.emanueleferonato.com/2014/12/10/html5-webgl-360-degrees-panorama-viewer-with-three-js/

[114] SVG Christmas: https://ihatetomatoes.net/svg-christmas/

[115] Симпатичный концепт календаря на «чистом CSS» : http://codepen.io/davidkpiano/full/wBGjMr/

[116] HexGL, гонки на WebGL: http://hexgl.bkcore.com/play/

[117] WordPress обновился до версии 4.1: http://habrahabr.ru/post/246273/

[118] На смену JPEG приходит новый формат: http://www.computerra.ru/112129/bpg-better-portable-graphics/

[119] Google Тренды: популярные темы 2014 года, новый дизайн и расширенный список видео YouTube: http://www.searchengines.ru/news/archives/google_obnovil_trendu.html

[120] а также самые популярные поисковые запросы 2014 года: http://www.searchengines.ru/news/archives/google_nazval_s.html

[121] Ждём обновление Android до версии 5.1 уже в феврале: http://androidinsider.ru/os/zhdyom-obnovlenie-android-do-versii-5-1-uzhe-v-fevrale.html

[122] Google закрывает Freebase – источник информации «Сети знаний»: http://www.searchengines.ru/news/archives/google_zakryvae.html

[123] Windows 10 установили 1,5 млн человек: http://www.3dnews.ru/907003/

[124] Уязвимость в протоколах ОКС-7: прослушка телефонов по всему миру: http://xakep.ru/ss7-bugs/

[125] Критическая уязвимость в клиенте Git: http://xakep.ru/kriticheskaya-uyazvimost-v-kliente-git/

[126] Microsoft начала бета-тестирование Skype Translator – приложения для перевода голосовых звонков в реальном времени: http://itc.ua/news/microsoft-nachala-beta-testirovanie-skype-translator-prilozheniya-dlya-perevoda-golosovyih-zvonkov-v-realnom-vremeni/

[127] Microsoft прекращает демонстрацию окна выбора браузера в европейских версиях Windows: http://itc.ua/news/microsoft-prekrashhaet-demonstratsiyu-okna-vyibora-brauzera-v-evropeyskih-versiyah-windows/

[128] Доступность должна стать обязательным требованием для тем WordPress.org: http://oddstyle.ru/wordpress-2/novosti-wordpress/dostupnost-dolzhna-stat-obyazatelnym-trebovaniem-dlya-tem-wordpress-org.html

[129] Toyota начала продажи автомобиля с водородным двигателем: http://geektimes.ru/post/242987/

[130] Счастливого Нового Гугла: http://tjournal.ru/paper/new-year-doodles

[131] Создатель Minecraft обошёл Бейонсе и Jay-Z в покупке особняка за 70 миллионов долларов: http://tjournal.ru/paper/minecraft-mansion

[132] МТС и писатели-фантасты заглянули в будущее: http://www.computerra.ru/112030/mts-i-pisateli-fantastyi-zaglyanuli-v-budushhee/

[133] 10 ляпов, которые IT-мир запомнит навсегда: http://keddr.com/2014/12/10-lyapov-kotoryie-it-mir-zapomnit-navsegda/

[134] LinkedIn назвал 25 главных рабочих навыков 2014 года: http://www.lookatme.ru/mag/live/experience-news/210383-skills

[135] 14 трендов в области технологий, которые принесут миллиарды долларов в 2015 году: http://siliconrus.com/2014/12/tech-money/

[136] Расследование BBC: Журналисты рассказали о тяжелых условиях работы на сборке iPhone: http://siliconrus.com/2014/12/iphone-made/

[137] Роботизированные протезы выходят на новый уровень: http://www.3dnews.ru/906930/

[138] Я, не робот: http://geektimes.ru/post/243159/

[139] Лучшее на Medium: Как программист потратил четыре года, чтобы получить работу в Apple: http://siliconrus.com/2014/12/apple-long-story/

[140] Logitech изнутри: как создают и тестируют игровые мыши: http://gagadget.com/16056-logitech-iznutri-kak-sozdayut-i-testiruyut-igrovyie-myishi/

[141] Легенды Силиконовой долины: история NVIDIA: http://gagadget.com/15944-legendyi-silikonovoj-dolinyi-istoriya-nvidia/

[142] Некоторая статистика инсайдерской программы Windows: http://microsoftportal.net/windows-9/4411-nekotoraya-statistika-insayderskoy-programmy-windows.html

[143] Роль женщин в ИТ-отрасли и в науке: http://www.computerra.ru/112148/women-in-it-n-science/

[144] Стив Возняк: Все «умные» часы меня разочаровали, а Google Glass не имеет никакого смысла: http://siliconrus.com/2014/12/wozniak-glass/

[145] Пятьдесят топ людей 2014-го года по версии TheVerge: http://www.theverge.com/a/2014-verge-50/intro

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

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

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

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

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