- PVSM.RU - https://www.pvsm.ru -

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

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

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

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

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №129 (5 — 12 октября 2014) CSS

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №129 (5 — 12 октября 2014) JavaScript

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №129 (5 — 12 октября 2014) Новости

Браузеры

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

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

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №129 (5 — 12 октября 2014) Подборка бесплатных дизайнерских печенек

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №129 (5 — 12 октября 2014) Занимательное

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

Дайджест за прошлую неделю [156].
Материал подготовили dersmoll [157] и alekskorovin [158].

Автор: alexzfort

Источник [159]


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

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

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

[1] Появились видеозаписи докладов с последнего FrontTalks 2014:: http://fronttalks.ru/

[2] первого: https://github.com/web-standards-ru/web-standards-up/blob/master/2014-10-09_fronteers.md

[3] второго: https://github.com/web-standards-ru/web-standards-up/blob/master/2014-10-10_fronteers.md

[4] Веб-стандарты: http://web-standards.ru/

[5] Посередине с элементом <center>: http://css-live.ru/articles/poseredine-s-elementom-center.html

[6] Подстраховка web-доступности семантических областей HTML5 через роли WAI-ARIA: http://habrahabr.ru/post/240065/

[7] Student Developer Pack: https://education.github.com/pack

[8] Создание адаптивных шаблонов писем: http://www.benjystanton.co.uk/blog/making-responsive-html-emails/

[9] Переключение контента тремя способами: jQuery, JS, CSS: http://www.sitepoint.com/content-switching-component-built-three-ways/

[10] Промежуточные страницы в иерархии сайтов: http://css-tricks.com/intermediary-pages-site-heirarchy/

[11] Новое поколение бесплатных редакторов кода: http://sixrevisions.com/tools/free-source-code-editors/

[12] perfmap: https://github.com/zeman/perfmap

[13] Responsive Images For Designers: The HTML5 picture element: http://demosthenes.info/blog/936/Responsive-Images-For-Designers-The-HTML5-picture-element

[14] DevTools Tips: http://devtoolstips.com/

[15] Изящный фоллбэк для SVG изображений в старых IE: http://www.sitepoint.com/graceful-fallback-svgs-old-ie/

[16] Ода спецификациям от фронт-энд разработчиков: http://www.smashingmagazine.com/2014/10/09/front-end-development-ode-to-specifications/

[17] Использование Grunt в процессе WordPress разработки: http://code.tutsplus.com/tutorials/using-grunt-with-wordpress-development--cms-21743

[18] Часть 1: http://habrahabr.ru/post/239951/

[19] Часть 2: http://habrahabr.ru/post/240055/

[20] Режимы наложения и их фоллбеки: http://css.yoksel.ru/blend-modes-fallback/

[21] Sass vs. Less vs. Stylus: http://andrew-r.ru/sass-vs-less-vs-stylus/

[22] Список псевдоэлементов для стилизации элементов управления формы: http://css-live.ru/articles-css/spisok-psevdoelementov-dlya-stilizacii-elementov-upravleniya-formy.html

[23] Стилизация полосы прокрутки HTML5 для разных браузеров: http://www.dejurka.ru/css/input-range-css/

[24] CSS shapes в письмах : http://stylecampaign.com/blog/2014/10/css-shapes-in-email/

[25] CSS URL Rewriter: https://github.com/nzakas/cssurl

[26] csstyle: http://www.csstyle.io/

[27] 4 balls 10 spinners: CSS3 Animations: http://arqex.com/934/4-balls-10-spinners-css3-animations

[28] css:next: http://cssnext.github.io/

[29] Генерация CSS спрайтов с помощью Gulp: http://frontendbabel.info/articles/css-sprites-with-gulp/

[30] CSS исполнилось 20 лет: http://gizmodo.com/css-is-20-years-old-today-1644721207

[31] Четыре функции Sass которые вы, возможно, еще не использовали: http://www.sitepoint.com/sass-features-may-never-tried/

[32] Несколько способов задать точки переключения дизайна в адаптивных сайтах: http://nerd.vasilis.nl/different-ways-define-breakpoints-responsive-site/

[33] CSS Layout Debugger: https://gist.github.com/addyosmani/fd3999ea7fce242756b1

[34] Управление значениями цветов с помощью Sass: http://www.sitepoint.com/managing-color-values-with-sass/

[35] Разные стили всплывающих подсказок для вашего вдохновения: http://tympanus.net/codrops/2014/10/07/tooltip-styles-inspiration/

[36] CSS Gradient Animator: http://www.gradient-animator.com/

[37] 3D поле формы для подписки: http://thecodeplayer.com/walkthrough/single-input-3d-form

[38] Стилизация радиобатонов средствами CSS с сохранением доступности: http://codepen.io/heydon/pen/AtlsJ

[39] Треугольные кадрированные изображения на CSS: http://codepen.io/mikehobizal/pen/EHDsu

[40] Sqimitive.js — Frontend Primitive или «Backbone без фантиков»: http://habrahabr.ru/post/239149/

[41] Всё, что вы хотели знать об областях видимости в JavaScript (но боялись спросить): http://habrahabr.ru/post/239863/

[42] Замыкания в Javascript [Часть 2]: http://habrahabr.ru/post/229887/

[43] Автоматизированный шаблон для front-end проектов: http://habrahabr.ru/post/239573/

[44] jQuery.viewport или как я искал элементы на экране: http://habrahabr.ru/post/240083/

[45] Что такое dataset? Привязка данных к элементам через data-атрибуты без jQuery.: http://html5.by/blog/dataset/

[46] Javascript BEST PRACTICES, часть 1: http://www.thinkful.com/learn/javascript-best-practices-1/

[47] часть 1: http://www.developerdrive.com/2014/10/how-to-create-your-first-jquery-plugin-part-1/

[48] часть 2: http://www.developerdrive.com/2014/10/how-to-create-your-first-jquery-plugin-part-2/

[49] Remy Sharp кодит вживую, занимаясь имплементацией промисов: https://www.youtube.com/watch?v=NzcSlJ34se8

[50] Mary Rose пишет игру с нуля, без использования библиотек на Front-Trends 2014: http://vimeo.com/105955605?utm_medium=email&utm_source=javascriptweekly

[51] Еще несколько задач по JavaScript, которые дают на собеседованиях: http://www.sitepoint.com/5-javascript-interview-exercises/

[52] Десятка самых распространенных ошибок среди разработчиков приложений на AngularJS: http://www.airpair.com/angularjs/posts/top-10-mistakes-angularjs-developers-make

[53] JavaScript, вышедший за пределы веба в 2014: http://www.sitepoint.com/javascript-beyond-web-2014/

[54] Включение Javascript API в веб-страницу с помощью Browserify: http://ryandaigle.com/a/expose-javascript-api-with-browserify

[55] Введение в юнит-тестирование в AngularJS приложениях: http://www.smashingmagazine.com/2014/10/07/introduction-to-unit-testing-in-angularjs/

[56] Полное руководство по генераторам в JavaScript (ES6): http://gajus.com/blog/2/the-definetive-guide-to-the-javascript-generators

[57] Легкие особенности ES6, добавляющие мощные возможности: http://colintoh.com/blog/lightweight-es6-features

[58] 6to5: https://github.com/sebmck/6to5

[59] ECMAScript 6 промисы (2/2): API: http://www.2ality.com/2014/10/es6-promises-api.html

[60] Изучаем Meteor.js правильно : http://javascriptissexy.com/learn-meteor-js-properly/

[61] Изучение большего о javascript по одной строчке кода: http://arqex.com/939/learning-much-javascript-one-line-code

[62] Polyfill.js: http://philipwalton.github.io/polyfill/

[63] RWDPerf: https://github.com/lafikl/RWDPerf

[64] Flyer.js: https://github.com/benzap/flyer.js

[65] Nightmare: http://www.nightmarejs.org/

[66] $.noUiSlider: http://refreshless.com/nouislider/

[67] Sweet Alert: http://tristanedwards.me/sweetalert

[68] Raterater: https://github.com/bainmullins/Raterater

[69] TurnDownForWhatJS: https://nthitz.github.io/turndownforwhatjs/

[70] «Хабрахабр» представляет Geektimes: http://habrahabr.ru/company/tm/blog/240135/

[71] «Живой стандарт» WHATWG HTML включил информацию о поддержке браузерами: http://css-live.ru/vecssti-s-polej/zhivoj-standart-whatwg-html-vklyuchil-informaciyu-o-podderzhke-brauzerami.html

[72] Apple снова самый дорогой бренд. Статистика компаний за 2014 год : http://keddr.com/2014/10/apple-snova-samyiy-dorogoy-brend-statistika-kompaniy-za-2014-god/

[73] Microsoft поменял интерфейс Skype: чат теперь совсем другой: http://habrahabr.ru/post/239887/

[74] Imgur предлагает перейти на gifv: как gif, только легче: http://habrahabr.ru/post/239875/

[75] Google внедрил безопасный поиск в учебных заведениях: http://www.searchengines.ru/news/archives/google_vnedril_bezop.html

[76] Количество активных смартфонов и планшетов превысило население Земли: http://tjournal.ru/paper/more-phones-than-people

[77] Facebook закрыл сделку по покупке WhatsApp за $19 млрд: http://slon.ru/fast/future/facebook-zakryl-sdelku-po-pokupke-whatsapp-1167403.xhtml

[78] Марк Цукерберг признался, что до сих пор не придумал способ монетизации WhatsApp: http://siliconrus.com/2014/10/whatsapp-no-investment/

[79] Symantec разделяется на две компании: http://xakep.ru/symantec-split/

[80] Раскол HP: http://keddr.com/2014/10/raskol-hp/

[81] Microsoft заработала за прошлый год $1 млрд на Android-устройствах Samsung: http://www.3dnews.ru/903009/

[82] Adobe сильно расширила возможности мобильных приложений Creative Cloud: http://www.3dnews.ru/903086/

[83] Презентация HTC «Double Exposure» — HTC Desire Eye и Re Camera : http://keddr.com/2014/10/live-prezentatsiya-htc-double-exposure/

[84] Ингалятор-перископ-трубка или просто камера RE от HTC: http://keddr.com/2014/10/ingalyator-periskop-trubka-ili-prosto-kamera-re-ot-htc/

[85] Business Insider: Yahoo превратит Tumblr в конкурента YouTube: http://siliconrus.com/2014/10/tumblr-to-youtube/

[86] Facebook покупает за 3 млрд. библиотеку гифок bukk.it от Ethan Marcotte: http://alistafart.com/article/facebook-buys-marcottes-bukk-it-for-3-billion/

[87] Релиз web-браузера Chrome 38 с устранением 159 уязвимостей: http://www.opennet.ru/opennews/art.shtml?num=40773

[88] Chrome/Chromium 38 и 39 beta: http://xakep.ru/chromium-38/

[89] На 45 % Android-устройств стоит браузер с серьёзной уязвимостью: http://www.3dnews.ru/903298/

[90] Chrome 39 бета с новыми функциональностями для разработчиков, включая JS генераторы и управление веб-анимациями: http://venturebeat.com/2014/10/09/chrome-39-beta-arrives-with-new-developer-features/

[91] Семь новых функций Google Chrome, о которых вы должны знать: http://www.hongkiat.com/blog/chrome-features/

[92] О поддержке HTTP/2 в IE под Windows 10 (и о том, почему они не будут поддерживать SPDY): http://blogs.msdn.com/b/ie/archive/2014/10/08/http-2-the-long-awaited-sequel.aspx

[93] Сайты, создающие эффект присутствия: http://www.dejurka.ru/web-design/effect-of-the-presence-in-web-design/

[94] Сайты наших музыкальных групп: http://www.dejurka.ru/web-design/bands-web-sites/

[95] Google создала промо-сайт для фильма «Интерстеллар»: http://www.3dnews.ru/903028/

[96] Carrot: http://www.introducingcarrot.com/

[97] Прелесть минималистичных дизайнов портфолио: http://www.webdesignviews.com/2014/10/minimal-portfolio-design/

[98] andy-wolf.at: http://andy-wolf.at/awe/#/

[99] Destiny Planet View: https://www.destinyplanetview.com/en/home

[100] kikk.be: http://www.kikk.be/2014/

[101] Иконка-гамбургер: http://habrahabr.ru/post/239517/

[102] Мобильная версия сайта или адаптивный дизайн?: http://habrahabr.ru/post/239441/

[103] Джонатан Айв обвинил конкурентов в лени и воровстве: http://www.3dnews.ru/903389/#5438373db4182e926e8b456e

[104] Интервью Джони Айва журналу Vogue: о работе в Apple, автомобилях, личной жизни: http://siliconrus.com/2014/10/jony-ive-vogue/

[105] Почему стоит сменить Instagram на блокнот и карандаш: http://lifehacker.ru/2014/10/06/pochemu-stoit-smenit-instagram-na-bloknot-i-karandash/

[106] Почему интернет способствует созданию плохого дизайна и как с этим бороться: http://siliconrus.com/2014/10/internet-is-anti-design/

[107] Очевидный дизайн всегда выигрывает: http://www.dejurka.ru/articless/obvious-design-always-wins/

[108] Редизайн «Авито»: Как перепридумали главный сайт объявлений в России: http://www.lookatme.ru/mag/live/opinion/208129-redesign-avito

[109] Модный дизайн обложек для СD: http://www.dejurka.ru/inspiration/trend-cd-covers/

[110] Впечатляющая демонстрация Squarespace 7.: http://squarespace.com/seven

[111] Текст vs. визуальный контент: нет места для обоих: http://www.onextrapixel.com/2014/10/07/text-vs-visual-content-there-is-no-room-for-both/

[112] Когда пользователи оставляют поле поиска пустым…: http://css-tricks.com/users-leave-search-box-empty/

[113] Редизайн банкнот в Норвегии: http://snohetta.com/project/200-norways-new-banknotes

[114] Письмо старого графического дизайнера молодому графическому дизайнеру: http://www.youthedesigner.com/inspiration/a-letter-from-an-old-graphic-designer-to-a-young-graphic-designer/

[115] Photoshop все еще лучший вариант для дизайнеров: http://www.designyourway.net/blog/misc/photoshop-is-still-the-best-option-for-designers/

[116] Введение в социальные сети для веб-дизайнеров: http://www.webdesignerdepot.com/2014/10/the-web-designers-guide-to-social-media/

[117] Эмоциональный дизайн и анимации: http://www.webdesignviews.com/2014/10/emotional-design-and-animations/

[118] Примеры креативного использования цветовых фильтров в веб-дизайне: http://webdesignledger.com/inspiration/20-examples-of-creative-using-color-filters-in-web-design

[119] Что нового в Photoshop CC 2014 V2: http://photoshopsecrets.tumblr.com/post/99320444200/whats-new-in-photoshop-cc-2014-v2

[120] Концепт редизайна LinkedIn: https://www.behance.net/gallery/19176671/LinkedIn-Redesign-Concept

[121] Дизайн для пока не существующей команды Дэвида Бэкхема Miami MLS Team: http://diegoguevara.com/blog/2014/10/07/latest-project-miami-mls-team-2/

[122] Создание пиксельной анимации тыквы к Дню Всех Святых в Adobe Photoshop: http://design.tutsplus.com/tutorials/make-an-animated-pumpkin-icon-using-pixel-art-in-adobe-photoshop--cms-22318

[123] Создание цифрового коллажа с элементами ручной работы в Adobe Photoshop: http://design.tutsplus.com/tutorials/create-a-digital-handicraft-collage-in-adobe-photoshop--cms-22343

[124] Быстрый урок: как создать изображение металлической поверхности в Photoshop-е: http://www.dreamstale.com/quick-tutorial-metallic-effect-photoshop/

[125] Дизайны обложек книг с отменной типографикой от Iacopo Bruno: http://www.youthedesigner.com/graphic-design-tips/22-mind-blowing-book-designs-by-iacopo-bruno/

[126] Векторные и вексельные портреты для вдохновения: http://www.youthedesigner.com/inspiration/you-be-inspired-50-stunning-vector-and-vexel-portraits/

[127] Бесплатные стили для Photoshop, имитирующие кожу и текстиль: http://www.dejurka.ru/graphics/free-photoshop-textil-leather-styles/

[128] Бесплатные фоны и шаблоны открыток в стиле ретро: http://www.dejurka.ru/graphics/free-retro-cards-and-backgrounds/

[129] Электронная книга: The Guide to UX Design Process & Documentation: http://speckyboy.com/2014/10/10/guide-ux-design-process-documentation/

[130] AllTheFreeStock.com: http://allthefreestock.com/

[131] Фото-текстуры с изображением пятен акварельных красок в форматах JPG & PNG: http://blog.spoongraphics.co.uk/freebies/25-free-watercolour-circle-textures-in-jpg-png

[132] PSD мокап Coming Soon страницы: http://www.dreamstale.com/freebie-coming-soon-page-psd-mockup/

[133] Awesome UI Kit: http://uxpin.com/ui-kit.html

[134] Небольшой набор векторных иконок: https://dribbble.com/shots/1746875-Additional-40-ui-ux-new-icons-set

[135] Более двухсот векторных контурных иконок со значками для карт: http://www.webdesignfreebies.net/icons/240-free-maps-icons/

[136] Набор векторных иконок Helium в форматах AI, EPS, SVG, иконочный шрифт: http://tympanus.net/codrops/2014/10/10/freebie-helium-icon-set/

[137] Векторные осенние иконки в формате EPS: http://www.smashingmagazine.com/2014/10/10/freebie-50-icons-of-autumn/

[138] Пять наборов с иконками в плоском дизайне: http://www.webdesignfreebies.net/icons/5-free-icons-sets-to-download-today/

[139] Более сорока декоративных шрифтов готовых к загрузке: от WMC 5 Free Font Pack до Coolhand Luke: http://gomedia.us/zine/downloads/free-fonts-for-designers/

[140] Пять современных шрифтов: от Arca Majora до Big John / Slim Joe: http://www.webdesignfreebies.net/fonts/5-modern-free-fonts/

[141] Роботы в медицине: http://habrahabr.ru/post/239473/

[142] 7 экспериментальных интерфейсов будущего: http://habrahabr.ru/post/239491/

[143] Немцы изобрели способ печатать гибкие сенсорные дисплеи на обычном принтере: http://habrahabr.ru/company/madrobots/blog/239605/

[144] Топ-10 китайских аналогов популярных сервисов и сайтов: http://keddr.com/2014/10/top-10-kitayskih-analogov-populyarnyih-servisov-i-saytov/

[145] Съёмка для Google Street View переместилась в пески ОАЭ: http://www.3dnews.ru/903262/

[146] 9 мудрых советов от соучредителя Apple Стива Возняка: http://lifehacker.ru/2014/10/07/9-sovetov-ot-stiva-voznyaka/

[147] Жизнь после Microsoft: 8 фактов из материала Forbes о Стиве Балмере: http://siliconrus.com/2014/10/after-microsoft/

[148] Как получить 300 тысяч просмотров за 30 дней с помощью Product Hunt и Hacker News — кейс проекта Famous Outfits: http://siliconrus.com/2014/10/product-hunt-hacker-news-300k-views/

[149] Интервью легендарного инвестора Марка Андриссена о Марке Цукерберге, Twitter и Apple Watch: http://siliconrus.com/2014/10/andreessen/

[150] Gartner: десять ключевых IT-тенденций 2015 года: http://www.3dnews.ru/903194/#54350087b4182e365a8b456b

[151] Обсуждение на Quora: Почему сотрудники уходят из Facebook, Microsoft и Google: http://siliconrus.com/2014/10/leaving-tech-giants/

[152] «Tesla D»: полный привод, автопилот и 3 секунды до 100 км/ч: http://itc.ua/news/tesla-d-polnyiy-privod-avtopilot-i-3-sekundyi-do-100-km-ch/

[153] Tesla Motors: неизвестные факты из истории компании: http://siliconrus.com/2014/10/tesla-facts/

[154] Исследование: интернет-тролли – настоящие нарциссы, садисты и психопаты: http://itc.ua/news/issledovanie-internet-trolli-nastoyashhie-nartsissyi-sadistyi-i-psihopatyi/

[155] Фламинго Пабло: http://pablotheflamingo.com/

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

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

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

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