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

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

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

В этом выпуске в качестве эксперимента мы решили проверить, как смотрелся бы дайджест, если бы в прошлом опросе ^[1] победил вариант, в котором было предложено отказаться от перевода заголовков англоязычных статей. Вот что из этого получилось…

Веб-инструменты

Critical Path CSS Generator ^[75]
IE8 Linter ^[76] — проверка сайтов на наличие поддержки IE8, с генерацией отчета о том, что нужно добавить для Internet Explorer.
tinychart.co ^[77] — простой сервис для построения графиков
shade v1.0.0 ^[78] — Mathematically derived gradient explorer
oceanic-next-theme ^[79] — Sublime Text theme ready for ES6, optimized for 6to5-sublime package

Браузеры

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

Абстрактные фоны в веб-дизайне ^[87]
littleblackclassics.com ^[88] — нестандартная навигация и радиальные элементы
dashboard.sidlee.com ^[89] — сайт с анимированными графиками и визуализациями
kevinhaag.com ^[90] — вертикальный скролл-сайт интересными анимационными эффектами
trippeo.com ^[91] — еще один нестандартный скролл-сайт
beta.rwatgg.com ^[92] — необычный сайт с объемной навигацией
adoratorio.com ^[93] — вертикальный сайт с концептуальным дизайном
hartisland.net ^[94] — современный мультимедийный сайт

Дизайн

Интервью с дизайнером Людмилой Гальченко ^[95]
Что интерфейсы позаимствовали из кино ^[96]
Рисуем иконку компаса с длинной тенью в Adobe Photoshop ^[97]
Шпаргалка по размерам изображений в соцсетях 2015 ^[98]
Affinity releases a free (for now) Photoshop killer ^[99]
New Features in Sketch 3.3, presented in GIF ^[100]
Placebo-buttons in everyday life and in web design ^[101]
The Power of Minimalism: A Story of Redesigning Yelp ^[102]
How WebRTC is going to transform web design ^[103]
3 UX Errors to Avoid When Designing an Unsubscribe Flow ^[104] от Bruno Skvorc
UI Patterns: What’s in a (User)Name? ^[105] от Vinay Raghu
Things I've Learned About Sending Email, for Web Designers and Developers ^[106]
Monument Valley / An Apple Design Award Winning Game ^[107]
Printing Medium stories ^[108]
Книга Interaction Design Best Practices: Mastering the Tangibles ^[109]
How to Paint Realistic Eyes in Adobe Photoshop ^[110]
How to Create a Detailed Key Illustration in Adobe Illustrator ^[111]
Design a Zodiac Calendar to Celebrate Chinese New Year in Adobe InDesign ^[112]
A new Freeview logo and identity ^[113]
Typeface Mechanics: 001 ^[114]

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

Бесплатные фоны с круглыми элементами ^[115]
20 наборов силуэтов животных в векторе ^[116]
Hi-Res Watercolor Photoshop Brushes ^[117]
20 Free Paper Textures & Backgrounds Packs ^[118]
10 Seamless Fabric Textures ^[119]
Photo Realistic Apple Device Mockups ^[120]
26 PSD UI Kits – February 2015 Edition ^[121]
40 Flat Icons from Squid Ink ^[122]
Vector EPS Pack of Flat Office Icons + Win More! ^[123]
Geometric Crystal Vectors ^[124]
PIER ^[125] is a modern and structured typograph, free sans serif typeface
Gidole& Gidolinya ^[126] — the typefaces are inspired by DIN #1451 with focus on simplicity, smoothness and legability
Timber ^[127] is a free font I made that's very versatile as you can easily combine the letters with minimal effort in Illustrator to achieve great typographic effects

Новости

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

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

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

Автор: alexzfort

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

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

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

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

[1] прошлом опросе: http://habrahabr.ru/company/zfort/blog/250063/#poll

[2] Приятная сборка frontend проекта: http://habrahabr.ru/post/250569/

[3] Используем SVG (часть первая): http://habrahabr.ru/post/250129/

[4] Делаем онлайн-кинотеатр для слепых (WCAG 2.0 AAA) : http://habrahabr.ru/post/250539/

[5] Вложенные ссылки: http://kizu.ru/fun/nested-links/

[6] localForage: http://html5.by/blog/localforage/

[7] Создание аудиоплеера при помощи HTML5. Часть 1: функции и дизайн: http://css-live.ru/faq/sozdanie-audiopleera-pri-pomoshhi-html5-chast-1-funkcii-i-dizajn.html

[8] Poll results: popular input types: http://www.quirksmode.org/blog/archives/2015/02/poll_results_po.html

[9] svg-news: http://svg-news.com/

[10] reapp: http://reapp.io/

[11] Inline SVG with Grunticon Fallback: http://css-tricks.com/inline-svg-grunticon-fallback/

[12] 5 Ways to Make Your Site Smaller and Faster: http://davidwalsh.name/site-speed

[13] .htaccess Snippets: https://github.com/phanan/htaccess

[14] Designers: Start Coding With uilang: http://www.smashingmagazine.com/2015/02/11/designers-start-coding-with-uilang/

[15] 60fps on the mobile web: http://engineering.flipboard.com/2015/02/mobile-web/

[16] Ideas and Demos for Animating Article Headers: https://scotch.io/bar-talk/ideas-and-demos-for-animating-article-headers-on-scroll

[17] Why Learning to Code is So Damn Hard: http://www.vikingcodeschool.com/posts/why-learning-to-code-is-so-damn-hard

[18] Improving Your Site with a Font Loader: http://developer.telerik.com/featured/improving-site-font-loader/

[19] Block level links and screen reader support: http://www.last-child.com/block-level-links-and-screen-reader-support/

[20] Видео и презентации с конференции Rolling Scopes в Минске: http://conf.rollingscopes.com/coverage.html

[21] Node OS: http://node-os.com/

[22] Сайты справа налево: как подключить RTL-стандарт: http://habrahabr.ru/company/alconost/blog/250061/

[23] Языки пламени в CSS: http://habrahabr.ru/post/250193/

[24] Еще один способ сжатия CSS файлов: http://habrahabr.ru/post/250239/

[25] Липкий эффект: http://habrahabr.ru/post/250005/

[26] Визуализация CSS файловперевод: http://habrahabr.ru/post/250269/

[27] Transformicons: http://www.transformicons.com/

[28] Все, что вам нужно знать о CSS-свойстве will-change: http://frontender.info/css-will-change-property/

[29] Exploring object-fit: https://hacks.mozilla.org/2015/02/exploring-object-fit/

[30] Introducing counter-style: http://hacks.mozilla.org/2015/02/introducing-counter-styles/

[31] RSCSS: https://github.com/rstacruz/rscss

[32] pseudo-elements: http://cssanimation.rocks/pseudo-elements/

[33] List Items: http://cssanimation.rocks/list-items/

[34] CSS Variables Are a Bad Idea: http://aaron-gustafson.com/notebook/css-variables-are-a-bad-idea/

[35] Sass Mixins To Get You Started On The Next Project: http://www.paulund.co.uk/sass-mixins-get-started-next-project

[36] Control vertical rhythm using Sass and Compass: http://www.developerdrive.com/2015/02/control-vertical-rhythm-using-sass-and-compass/

[37] Making Use of Sass’ Zip() Function: http://www.sitepoint.com/making-use-sass-zip-function/

[38] Why I Don’t Use Compass Anymore: http://www.sitepoint.com/dont-use-compass-anymore/

[39] Subtle Click Feedback Effects: http://tympanus.net/codrops/2015/02/11/subtle-click-feedback-effects/

[40] Bouncy Navigation: http://codyhouse.co/gem/bouncy-navigation/

[41] Full-screen Pushing Navigation: http://codyhouse.co/gem/full-screen-pushing-navigation/

[42] Recreating the Google Images Search Layout with CSS: http://www.sitepoint.com/recreating-google-images-search-layout-css/

[43] 4 tips for a smarter CSS workflow: http://www.creativebloq.com/web-design/4-tips-smarter-css-workflow-11514036

[44] Коллекция слайдеров от Ana Tudor: http://codepen.io/collection/DgYaMj/

[45] A bunch of funky CSS3 Toggle Buttons : http://codepen.io/ashleynolan/pen/wBppKz?editors=110

[46] Using Flexbox today: http://chriswrightdesign.com/experiments/using-flexbox-today/

[47] A Hilarious Collection of CSS Puns & Jokes: http://speckyboy.com/2015/02/11/css-puns-jokes/

[48] SmashingConf Whistler — Zach Leatherman on Better @font-face with Font Load Events: http://vimeo.com/118908533

[49] Как мы готовим React, Require и Backbone: http://habrahabr.ru/post/250103/

[50] Паттерны в AngularJS: http://habrahabr.ru/post/250149/

[51] Очень быстрые классы на JavaScript с красивым синтаксисом: http://habrahabr.ru/post/250311/

[52] SummaryJS: самое интересное из мира JavaScript за последнюю неделю: http://habrahabr.ru/post/250435/

[53] Node v0.12.0: http://habrahabr.ru/post/250513/

[54] API Яндекс.Карт, часть 1: подключение карты, создание метки и балуна: http://blog.karmanov.ws/?p=72

[55] Оптимизируем AngularJS. Подробный разбор.: http://stepansuvorov.com/blog/2015/02/angularjs-optimization/

[56] Свежий выпуск RadioJS: В гостях Рома Дворнов, про новые браузеры, ES2015 и грядущие стандарты : http://radiojs.ru/2015/02/radiojs-17/

[57] Variables and scoping in ECMAScript 6: http://www.2ality.com/2015/02/es6-scoping.html

[58] Embracing Promises in JavaScript: http://javascriptplayground.com/blog/2015/02/promises/

[59] Demystifying JavaScript Closures, Callbacks and IIFEs: http://www.sitepoint.com/demystifying-javascript-closures-callbacks-iifes/

[60] Detect Problems in JavaScript Automatically with ESLint: http://davidwalsh.name/eslint

[61] Stop Writing Slow Javascript: http://ilikekillnerds.com/2015/02/stop-writing-slow-javascript/

[62] ReactShadow: https://github.com/Wildhoney/ReactShadow

[63] React/Flux from an AngularJS Perspective: http://blog.celerity.com/react/flux-from-an-angularjs-perspective

[64] Rebuilding HipChat with React.js: https://developer.atlassian.com/blog/2015/02/rebuilding-hipchat-with-react/

[65] Matching multiple CSS media queries using window.matchMedia(): http://www.javascriptkit.com/javatutors/matchmediamultiple.shtml

[66] How to Correctly Use BootstrapJS and AngularJS Together: https://scotch.io/tutorials/how-to-correctly-use-bootstrapjs-and-angularjs-together

[67] Animating Text with Blast.js: http://www.sitepoint.com/animating-text-with-blast-js/

[68] Plumin.js: http://www.pluminjs.com/

[69] traceit.js: http://valleybazaar.org/index.html#tracebox

[70] memory-stats.js: https://github.com/paulirish/memory-stats.js

[71] Rimg: http://joeyvandijk.github.io/rimg/

[72] DefiantJS: http://www.defiantjs.com/

[73] msngr.js: https://github.com/KrisSiegel/msngr.js

[74] Mprogress.js: http://lightningtgc.github.io/MProgress.js/

[75] Critical Path CSS Generator: http://jonassebastianohlsson.com/criticalpathcssgenerator/

[76] IE8 Linter: http://ie8.caffeine.co.il/

[77] tinychart.co: http://tinychart.co/

[78] shade v1.0.0: http://jxnblk.com/shade/?base=00ccff&hueShift=-130&saturate=0&lighten=0

[79] oceanic-next-theme: https://github.com/voronianski/oceanic-next-theme

[80] Первая сборка Opera 29 с синхронизацией вкладок: http://habrahabr.ru/company/opera/blog/250255/

[81] Mozilla переходит к обязательной проверке Firefox-дополнений по цифровой подписи: http://www.opennet.ru/opennews/art.shtml?num=41655

[82] Google отказывается от поддержки в Chrome протокола SPDY в пользу HTTP/2: http://www.opennet.ru/opennews/art.shtml?num=41639

[83] В Firefox добавили Reader Mode: http://itc.ua/blogs/v-firefox-dobavili-reader-mode/

[84] В ночных сборках Firefox появилась возможность просмотра Flash-видео Amazon: http://www.opennet.ru/opennews/art.shtml?num=41666

[85] «Спутник» запустил первую версию браузера для смартфонов на базе Android и iOS: http://www.searchengines.ru/news/archives/sputnik_zapusti.html

[86] Browser Trends February 2015: The US IE8 Rebound: http://www.sitepoint.com/browser-trends-february-2015-us-ie8-rebound/

[87] Абстрактные фоны в веб-дизайне: http://www.dejurka.ru/web-design/abstract-background-web-design/

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

[89] dashboard.sidlee.com: http://dashboard.sidlee.com/

[90] kevinhaag.com: http://kevinhaag.com/

[91] trippeo.com: http://trippeo.com/

[92] beta.rwatgg.com: http://beta.rwatgg.com/

[93] adoratorio.com: http://www.adoratorio.com/

[94] hartisland.net: https://www.hartisland.net/

[95] Интервью с дизайнером Людмилой Гальченко: http://www.dejurka.ru/articless/ludmila-galchenko/

[96] Что интерфейсы позаимствовали из кино: http://siliconrus.com/2015/02/from-movie-to-ui/

[97] Рисуем иконку компаса с длинной тенью в Adobe Photoshop: http://www.dejurka.ru/tutorial/compass-icon/

[98] Шпаргалка по размерам изображений в соцсетях 2015: http://allfacebook.com.ua/socialmedia/shpargalka-po-razmeram-izobrazheniy-v-sotssetyah-2015/

[99] Affinity releases a free (for now) Photoshop killer: http://www.webdesignerdepot.com/2015/02/affinity-releases-a-free-for-now-photoshop-killer/

[100] New Features in Sketch 3.3, presented in GIF: https://medium.com/clarklab/new-features-in-sketch-3-3-presented-in-gif-cfc1b06e27c8

[101] Placebo-buttons in everyday life and in web design: http://www.script-tutorials.com/placebo-buttons-in-everyday-life-and-in-web-design/

[102] The Power of Minimalism: A Story of Redesigning Yelp: https://medium.com/jerrycao_uxpin/the-power-of-minimalism-a-story-of-redesigning-yelp-1a39c0b014f0

[103] How WebRTC is going to transform web design: http://www.creativebloq.com/web-design/how-webrtc-going-transform-web-design-21514159

[104] 3 UX Errors to Avoid When Designing an Unsubscribe Flow: http://www.sitepoint.com/3-ux-errors-avoid-building-unsubscribe-flow/

[105] UI Patterns: What’s in a (User)Name?: http://www.sitepoint.com/ui-patterns-whats-username/

[106] Things I've Learned About Sending Email, for Web Designers and Developers: http://www.leemunroe.com/sending-email-designers-developers/

[107] Monument Valley / An Apple Design Award Winning Game: http://stories.maker.me/monument-valley-an-apple-design-award-winning-game/

[108] Printing Medium stories: https://medium.com/designing-medium/printing-medium-stories-89f381b903c9

[109] Interaction Design Best Practices: Mastering the Tangibles: http://www.uxpin.com/interaction-design-best-practices-tangibles.html

[110] How to Paint Realistic Eyes in Adobe Photoshop: http://design.tutsplus.com/tutorials/how-to-paint-realistic-eyes-in-adobe-photoshop--cms-23054

[111] How to Create a Detailed Key Illustration in Adobe Illustrator: http://design.tutsplus.com/tutorials/how-to-create-a-detailed-key-illustration-in-adobe-illustrator--cms-23065

[112] Design a Zodiac Calendar to Celebrate Chinese New Year in Adobe InDesign: http://design.tutsplus.com/tutorials/design-a-zodiac-calendar-to-celebrate-chinese-new-year-in-adobe-indesign--cms-23169

[113] A new Freeview logo and identity: http://www.logodesignlove.com/freeview-logo

[114] Typeface Mechanics: 001: http://www.frerejones.com/blog/typeface-mechanics-001/

[115] Бесплатные фоны с круглыми элементами: http://www.dejurka.ru/graphics/free-circle-background/

[116] 20 наборов силуэтов животных в векторе: http://www.dejurka.ru/graphics/vector-animals-silhouettes/

[117] Hi-Res Watercolor Photoshop Brushes: http://www.bittbox.com/freebies/free-hi-res-watercolor-photoshop-brushes

[118] 20 Free Paper Textures & Backgrounds Packs: http://www.fusionplate.com/4696/20-free-paper-textures-backgrounds-packs/

[119] 10 Seamless Fabric Textures: http://webuilddesign.com/10-seamless-fabric-textures-freebie/

[120] Photo Realistic Apple Device Mockups: http://designmodo.com/apple-devices-mockups/

[121] 26 PSD UI Kits – February 2015 Edition: http://www.fusionplate.com/4645/free-psd-ui-kits-feb-2014/

[122] 40 Flat Icons from Squid Ink: http://www.webappers.com/2015/02/12/free-download-40-flat-icons-squid-ink/

[123] Vector EPS Pack of Flat Office Icons + Win More!: http://justcreative.com/2015/02/10/free-social-office-vector-icons/

[124] Geometric Crystal Vectors: http://designinstruct.com/free-resources/freebie-geometric-crystal-vector/

[125] PIER: https://www.behance.net/gallery/23196691/PIER-FREE-TYPEFACE

[126] Gidole& Gidolinya: https://gidole.github.io/

[127] Timber: https://www.behance.net/gallery/23357757/Timber-Free-Font

[128] Сервису Карты Google исполнилось 10 лет: http://www.searchengines.ru/news/archives/servisu_karty_g.html

[129] Google добавит ответы на вопросы о состоянии здоровья в поисковую выдачу в США: http://www.searchengines.ru/news/archives/google_dobavit_.html

[130] Google предлагает 2 ГБ дискового пространства взамен на проверку безопасности: http://www.searchengines.ru/news/archives/google_predlaga_2gb.html

[131] Десятки тысяч баз MongoDB доступны через интернет: https://xakep.ru/2015/02/12/mongodb-shodan/

[132] Microsoft зарегистрировала торговую марку Windows 365: http://keddr.com/2015/02/microsoft-zaregistrirovala-torgovuyu-marku-windows-365/

[133] Windows 10 теперь и на смартфонах: http://naked-science.ru/article/media/windows-10-teper-i-na-smartfon

[134] Apple инвестирует $850 млн в строительство огромной солнечной электростанции, которая обеспечит энергией новую штаб-квартиру: http://itc.ua/news/apple-investiruet-850-mln-v-stroitelstvo-ogromnoy-solnechnoy-elektrostantsii-kotoraya-obespechit-energiey-novuyu-shtab-kvartiru-kompanii/

[135] Apple стала первой в мире компанией с капитализацией более $700 млрд: http://itc.ua/news/apple-stala-pervoy-v-mire-kompaniey-s-kapitalizatsiey-bolee-700-mlrd/

[136] Старейший файлообменник RapidShare закрывается 31 марта: http://itc.ua/news/stareyshiy-fayloobmennik-rapidshare-zakryivaetsya-31-marta/

[137] В 2040 году подводные лодки NASA будут бороздить моря спутника Сатурна: http://gagadget.com/koncepty/16391-v-2040-godu-podvodnyie-lodki-nasa-budut-borozdit-morya-sputnika-saturna/

[138] Как работает смартфон, где приложения — не главное: http://www.lookatme.ru/mag/live/industry-research/211771-ubuntu-phone

[139] Почему бренды отказываются от YouTube в пользу Facebook: http://siliconrus.com/2015/02/facebook-vs-youtube/

[140] Видео: «тест-драйв» новейшего робота по имени Спот: http://naked-science.ru/article/video/video-test-draiv-noveishego-ro

[141] Где лучше всего бесплатно учиться онлайн: сравнение платформ Coursera, Udemy, SkillShare и TUTS+: http://ain.ua/2015/02/10/562153

[142] 10-летняя история Google Maps: от бесполезного сервиса до миллиарда пользователей: http://internetno.net/category/analitika/googlemaps_10years1/

[143] Третий лишний: история сооснователя Facebook, о котором вы не знали: http://ain.ua/2015/02/10/563514

[144] Проект беспилотного автомобиля Apple: новые подробности: http://www.3dnews.ru/909531/#54dfb4b1b4182eaf068b4567

[145] Видео: Китайские цензоры поют гимн интернету: http://tjournal.ru/paper/china-internet-song

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

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

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

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

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