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

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

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

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

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

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

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

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

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

Браузеры

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

Дизайн

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

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

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

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

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

Автор: alexzfort

Источник [149]


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

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

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

[1] W3C HTML5 вышел на финишную прямую: http://css-live.ru/vecssti-s-polej/w3c-html5-vyshel-na-finishnuyu-pryamuyu.html

[2] Как мы тестируем CSS-регрессии с Gemini. Доклад на BEMup в Яндексе: http://habrahabr.ru/company/yandex/blog/238323/

[3] Появились видеозаписи докладов со встречи «Web Standards Days», которая прошла 12 апреля 2014 года в Новосибирске. : https://www.youtube.com/channel/UCY35dlJe-V5J_IqzU-XksAg

[4] Чеклист для мобильного веб-приложения: http://www.luster.io/blog/9-29-14-mobile-web-checklist.html

[5] Семь вопросов к восходящей звезде FutureOfWebApps — Flurin Egger: http://webdesign.tutsplus.com/articles/7-questions-with-fowa-rising-star-flurin-egger--cms-22255

[6] Awesome SVG — впечатляющий список ресурсов, статей, инструментов и других материалов, посвященных SVG : https://github.com/willianjusten/awesome-svg

[7] Анимированный фон для хедера с помощью canvas : http://tympanus.net/codrops/2014/09/23/animated-background-headers/

[8] «Не используйте picture (в большинстве случаев)» — призывает нас Jason Grigsby: http://blog.cloudfour.com/dont-use-picture-most-of-the-time/

[9] Будущее адаптивных изображений : http://www.lukew.com/ff/entry.asp?1922

[10] Google Web Designer: Production-Ready инструмент или игрушка?: http://www.sitepoint.com/google-web-designer-production-ready-tool-toy/

[11] Свежий выпуск подкаста RWD с приглашенным Бредом Фростом : http://responsivedesign.is/articles/rwd-podcast-episode-20-brad-frost

[12] Введение в Broccoli: http://aexmachina.info/intro-to-broccoli/

[13] Процесс WordPress-разработки с помощью Sass и Compass : http://code.tutsplus.com/tutorials/a-wordpress-development-process-using-sass-and-compass--cms-21861

[14] Поведение курсора при наведении на текст: http://css-live.ru/articles-css/povedenie-kursora-pri-navedenii-na-tekst.html

[15] Знакомый незнакомец display в контексте контекстов форматирования: http://css-live.ru/articles-css/display-and-formatting-contexts.html

[16] CSS на крупномасштабных сайтах : http://sixrevisions.com/css/css-development-at-large-sites/

[17] Интересуетесь дальнейшей судьбой забытых CSS-спецификаций? Вот табличка: http://wiki.csswg.org/planning/sophia-2014#recently-updated-wds

[18] Обстоятельные размышления о плюсах и минусах служебных классов, вроде .clearfix и .float-right: http://davidtheclark.com/on-utility-classes/

[19] Еще одни крестики-нолики с «ИИ» на HTML/CSS3 от Стю Николза: http://www.cssplay.co.uk/menu/cssplay-tictactoe-css-only.html

[20] Как писать объектно-ориентированный CSS : http://www.developerdrive.com/2014/09/how-to-code-object-orientated-css/

[21] Стилизация и анимация SVG с помощью CSS: http://slides.com/sarasoueidan/styling-animating-svgs-with-css--2#/

[22] Остерегайтесь вложенности селекторов в Sass: http://www.sitepoint.com/beware-selector-nesting-sass/

[23] Lemonade: http://lemonade.im/

[24] Манипуляция с цветом в Sass: http://blog.revelry.co/post/97873761305/quick-color-with-sass

[25] Наложение цветов в Safari и Firefox: http://blogs.adobe.com/webplatform/2014/09/22/blending-html-elements-in-safari-and-firefox/

[26] Пять простых шагов по добавлению изюминки в кнопки с помощью CSS-анимации: http://www.webdesignviews.com/2014/09/buttons-with-css-transitions/

[27] Потрясающая анимированная история iPhone-ов на чистом CSS: http://www.webdesignerdepot.com/2014/09/amazing-animated-history-of-the-iphone-in-pure-css/

[28] Готовые к использованию в вебе SVG иконки: http://bbriel.me/svgicons/

[29] Подборка CSS-библиотек для добавления эффектов анимации : http://codegeekz.com/css-effect-libraries-creating-beautiful-animations/

[30] 5 стандартизированных методов для написания CSS : http://sixrevisions.com/css/standardized-methods-for-css/

[31] Небольшая подборка CSS-стайлгайдов для вдохновения : http://sixrevisions.com/css/css-style-guides/

[32] CSS Cheat Sheet: http://adam-marsden.co.uk/css-cheat-sheet/

[33] Takana — a SCSS Live Editor : http://usetakana.com/

[34] Локализация с AngularJS: http://habrahabr.ru/post/237867/

[35] Трансдьюсеры в JavaScript. Часть вторая: http://habrahabr.ru/post/237733/

[36] Алгоритмы поиска путей на JavaScript: http://habrahabr.ru/post/238001/

[37] Arr.js: события для стандартного массива: http://habrahabr.ru/post/238197/

[38] [Подборка] Melchior.js, ng-admin, Hello.js, ineed: http://habrahabr.ru/post/237933/

[39] Изучаем искусство с помощью JavaScript: http://vart.institute/mondrian/index.html

[40] ECMAScript 6 промисы (1/2): основы: http://www.2ality.com/2014/09/es6-promises-foundations.html

[41] Раскрываем понятие JSON-P: http://davidwalsh.name/unwrapping-jsonp

[42] Awesome Node.js: https://github.com/sindresorhus/awesome-nodejs

[43] JavaScript для OS X автоматизации с примерами: http://developer.telerik.com/featured/javascript-os-x-automation-example/

[44] Анатомия JavaScript MV* фреймворков: http://www.sitepoint.com/anatomy-javascript-mv-framework/

[45] ng-admin: добавляет AngularJS GUI администратора к любому RESTful API: http://marmelab.com/blog/2014/09/15/easy-backend-for-your-restful-api.html

[46] Ошибки, которые я совершил в моем первом проекте на Ember: http://pressupinc.com/blog/2014/09/mistakes-made-first-ember-project/

[47] Приведение в порядок JavaScript UTC даты с помощью Moment.js и Ember Data: http://blog.skylight.io/bringing-sanity-to-javascript-utc-dates-with-moment-js-and-ember-data/

[48] Начинаем разбираться с Melchior.js: http://pixelhunter.me/post/98247138509/getting-started-with-melchior-js

[49] Десяток JS-скриптов для кастомизации скроллбара и добавления скролл-эффектов: http://www.webresourcesdepot.com/10-scripts-for-scrollbars-page-scrolling/

[50] Midnight.js: http://aerolab.github.io/midnight.js/

[51] Particleground: http://jnicol.github.io/particleground/

[52] KaTeX: http://khan.github.io/KaTeX/

[53] Объяснение JS-хаков : http://blog.mdnbar.com/javascript-common-tricks

[54] О ReactJS на пальцах: http://blog.andrewray.me/reactjs-for-stupid-people/

[55] Создаем свою DOM-библиотеку, вдохновившись jQuery : http://www.onextrapixel.com/2014/09/23/building-a-dom-library-inspired-by-jquery/

[56] Использование ServiceWorker в Chrome сегодня : http://jakearchibald.com/2014/using-serviceworker-today/

[57] Победители конкурса Js13kGames 2014: http://js13kgames.com/#winners

[58] Генератор градиентов: http://elrumordelaluz.github.io/draGGradients/#

[59] Стильные бейджики для вашего сайта: http://forthebadge.com/

[60] Leaflet.FreeDraw: http://freedraw.herokuapp.com/

[61] mockaroo: http://www.mockaroo.com/

[62] svgcircus: http://svgcircus.com/

[63] jQuery.com взломан: http://habrahabr.ru/post/238031/

[64] Подтверждён взлом jQuery.com. Зафиксирована вторая успешная атака: http://www.opennet.ru/opennews/art.shtml?num=40671

[65] Курс Bitcoin снова растёт: Paypal разрешил оплату биткоинами в американских интернет-магазинах: http://habrahabr.ru/post/237903/

[66] Вышел npm 2.0.0: http://web-standards.ru/news/908/

[67] Google сможет удалять приложения с пользовательских планшетов и смартфонов: http://siliconrus.com/2014/09/play-delete/

[68] Google «закручивает гайки» на рынке Android-устройств: http://xakep.ru/android-agreement/

[69] Google облегчил покупку авиабилетов на популярные направления: http://www.searchengines.ru/news/archives/google_oblegchi.html

[70] Google внедрил Структурированные Фрагменты в результаты поиска: http://www.searchengines.ru/news/archives/google_vnedril_struct.html

[71] Google обновил поисковое приложение для iOS, изменив название с Google Search на Google: http://www.searchengines.ru/news/archives/google_obnov.html

[72] Яблоко прощения: Apple выкатила срочный релиз iOS 8.0.2 с извинениями: http://habrahabr.ru/post/238201/

[73] У Apple iPhone 6 Plus обнаружен дефект — сгибание корпуса при слабом нажиме: http://www.3dnews.ru/902400/#5422a0ddb4182e063d8b4572

[74] Не так сели: Apple ответила на сообщения о погнувшихся iPhone 6 и 6 Plus: http://habrahabr.ru/post/238183/

[75] Новые iPhone 6 и iPhone 6 Plus побили историчекий рекорд продаж: http://ain.ua/2014/09/23/541878

[76] Alibaba провела крупнейшее в истории США размещение акций: http://www.3dnews.ru/902175/

[77] «Алибаба»: первый кандидат в терадолларовые доткомы: http://www.computerra.ru/107267/alibaba-ipo/

[78] Microsoft и LG объединят усилия для развития «Интернета вещей»: http://www.3dnews.ru/902477/

[79] Артемий Лебедев создал промо-сайты для зоны.москва в обмен на именной домен: http://tjournal.ru/paper/lebedev-dot-moscow

[80] FAA предоставила шести кинокомпаниям разрешение на коммерческое использование беспилотных дронов: http://itc.ua/news/faa-predostavila-shesti-kinokompaniyam-razreshenie-na-kommercheskoe-ispolzovanie-bespilotnyih-dronov/

[81] Яндекс запустил сервис поиска подрядчиков — Яндекс.Мастер: http://www.searchengines.ru/news/archives/yandeks_master.html

[82] Руководитель «Одноклассников» Илья Широков покидает компанию: http://siliconrus.com/2014/09/shirokov/

[83] Проект Mozilla присоединился к инициативе по отказу от SHA-1 для HTTPS: http://www.opennet.ru/opennews/art.shtml?num=40661

[84] Для отключённых от сети пользователей браузера Chrome сделали миниигру с динозавром: http://tjournal.ru/paper/t-rex-chrome

[85] Клевая реализация гайда в Dropbox: https://www.dropbox.com/guide

[86] immersive-g.com: http://immersive-g.com/

[87] mbianchi.us: http://mbianchi.us/

[88] tobiashaeusler.de: http://tobiashaeusler.de/

[89] tectonica.co: http://www.tectonica.co/

[90] france.hermes.com: http://france.hermes.com/la-maison-des-carres.html

[91] www.serious-studio.com: http://www.serious-studio.com/

[92] 30 сайтов с акцентом на типогруфику в дизайне: http://mag.splashnology.com/article/websites-big-bold-typography-2/13148/

[93] Руководство для дизайнера по DPI: http://habrahabr.ru/post/237931/

[94] Компания Adobe открыла код инструментария для создания шрифтов OpenType: http://www.opennet.ru/opennews/art.shtml?num=40676

[95] Фанатам Helvetica посвящается : http://www.dejurka.ru/inspiration/helvetica-fan-art/

[96] Принципы работы с типографикой для создания сбалансированного веб-дизайна: http://www.dejurka.ru/articless/ballance-in-web-design-typography/

[97] Меню и списки в мобильном дизайне: http://www.dejurka.ru/web-design/menu-list-mobile-design/

[98] Руководство по созданию дизайна рассылочных писем от MailChimp: Email Design Guide: http://mailchimp.com/resources/email-design-guide/

[99] Полное руководство по разрешениям все iPhone-ов: http://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

[100] Как проектировать дизайн для пальцев в эпоху больших экранов: http://qz.com/268433/how-to-design-for-thumbs-in-the-era-of-huge-screens/

[101] Как создать кнопки в Photoshop-е и Adobe Muse: http://webdesign.tutsplus.com/tutorials/how-to-create-buttons-in-photoshop-and-adobe-muse--cms-22142

[102] Создание собственных гранж кистей в Adobe Photoshop: http://design.tutsplus.com/tutorials/create-your-own-grunge-brushes-in-adobe-photoshop--cms-22139

[103] Дизайн удобных форм регистрации: http://www.designyourway.net/blog/inspiration/designing-usable-sign-up-forms/

[104] Превосходные иконки от Ramotion: http://ramotion.com/work/iconography/

[105] Основы композиции в графическом дизайне: http://www.script-tutorials.com/basics-of-composition-in-graphic-design/

[106] Насколько подходит всем иконка меню-гамбургер: http://blog.booking.com/hamburger-menu.html

[107] Мой процесс разработки дизайна для приложений: http://bjango.com/articles/appdesignworkflow/#

[108] Как использовать ограничения для успеха в дизайне: http://www.webdesignerdepot.com/2014/09/how-to-transform-design-limitations-into-design-success/

[109] Примеры толкового использования типографики в веб-дизайне: http://www.designyourway.net/blog/inspiration/examples-of-how-to-use-typography-properly-in-web-design/

[110] Создание дизайна иконки взлетающей ракеты в Adobe Fireworks: http://www.smashingmagazine.com/2014/09/23/designing-a-rocket-icon-in-adobe-fireworks/

[111] Рисунки никогда не умрут: http://www.youthedesigner.com/graphic-design-tips/doodles-will-never-die/

[112] Небесные города: девять замысловатых иллюстраций воображаемых городов: http://www.youthedesigner.com/inspiration/celestial-cities-9-intricate-illustrations-of-imagined-cities/

[113] Как делать дизайн для пальцев в эру больших экранов: http://scotthurff.com/posts/how-to-design-for-thumbs-in-the-era-of-huge-screens

[114] A PDF worth checking out: Mobile Multi-Device Design, or lessons learned building Polar: http://static.lukew.com/MobileMultiDevice_LukeWsm.pdf

[115] Следующая большая вещь в отзывчивом дизайне: http://www.fastcodesign.com/3036091/the-next-big-thing-in-responsive-design

[116] Кисти к фотошопу от Daniel Martin: http://gomedia.us/zine/downloads/photoshop-brush-freebie/

[117] Электронная книга с дизайнами более тысячи логотипов на семидесяти страницах: http://justcreative.com/2014/09/23/free-logo-design-inspiration-ebook/

[118] Иконки для Apple Watch: http://ortheme.com/apple-watch-free-screen-icons/

[119] Мокапы для демонстрации приложений в Android L / iPhone 6 Plus: http://ortheme.com/freebie-android-iphone-plus-app-mockup/

[120] Семь фотореалистичных мокапов для демонстрации логотипов: http://ortheme.com/free-photorealistic-logo-mockups/

[121] Apple Watch GUI PSD : https://dribbble.com/shots/1735649-Apple-Watch-GUI-PSD?list=users&offset=0

[122] Вайрфеймы и GUI для Android, версии 2014-го года: http://speckyboy.com/2014/09/26/android-gui-wireframe-templates-2014/

[123] Два десятка современных фонов в высоком разрешении: http://www.dreamstale.com/freebie-20-modern-backgrounds/

[124] Морской набор векторных ретро-изображений: http://pixelbuddha.net/freebie/nautical-vector-pack-free

[125] Набор иконок Jellycons iOS 8 (PNG, Sketch): http://tympanus.net/codrops/2014/09/18/freebie-jellycons-ios-8-app-icon-set/

[126] Более полторы сотни векторных контурных иконок: http://www.webdesignfreebies.net/icons/157-free-minimalistic-icons/

[127] Векторные тонкие иконки социальных медиа: http://www.dreamstale.com/freebie-74-thin-social-media-icons/

[128] Набор с векторными изображениями, посвященными Дню Всех Святых: http://www.webdesignerdepot.com/2014/09/free-download-halloween-vector-pack/

[129] Семь наборов с векторными иконками в плоском дизайне: http://dotbuffer.com/free-designer-icons/

[130] Бесплатные латинские и кириллические шрифты: http://www.dejurka.ru/graphics/free-fonts-latin-and-cyrillic/

[131] Игра на угадывание сайта по вайрфрейму: http://dedesigntheweb.com/

[132] Реконструкция 3D модели лица по видео: http://grail.cs.washington.edu/projects/totalmoving/

[133] Визуализация искусственной нейросети: http://nxxcxx.github.io/Neural-Network/

[134] 5 функций Apple Watch, и еще 5, которые для этих часов пока что не доступны: http://habrahabr.ru/company/witget/blog/237753/

[135] Дроны Facebook для доступа в Интернет будут размером с Boeing 747: http://www.3dnews.ru/902485/

[136] Дрессировка роботов как альтернатива программированию: http://www.computerra.ru/107292/dressirovka-robotov-kak-alternativa-programmirovaniyu/

[137] Том Йорк опубликовал новый альбом через BitTorrent: http://www.lookatme.ru/mag/live/experience-news/207879-bittorrent

[138] Группа U2 и Apple совместно разрабатывают новый музыкальный формат: http://www.3dnews.ru/902140/

[139] 4 тренда мировой экономики, которые подтверждают успешное IPO Alibaba: http://siliconrus.com/2014/09/alibaba-ipo-trends/

[140] 5 новых материалов, которые изменят вашу жизнь: http://www.lookatme.ru/mag/live/inspiration-lists/207671-new-materials

[141] Самые глупые решения в истории Кремниевой долины: http://siliconrus.com/2014/09/stupidest-decisions/

[142] Учёные советуют научную фантастику: 17 книг, которые стоят того: http://www.lookatme.ru/mag/how-to/tops/207819-scientists-recommend-sci-fi

[143] Как зарабатывают профессиональные геймеры: http://www.the-village.ru/village/hopesandfears/how/165155-kak-zarabotat-igraya-v-league-of-legend

[144] 12 популярных стартаперских неологизмов, выраженных GIF-картинками: http://ain.ua/2014/09/26/542098

[145] Тема дня: как компании отреагировали на гнущийся iPhone в Twitter: http://www.lookatme.ru/mag/live/experience-news/207835-iphone

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

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

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

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