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

---

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

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

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

[1] Сравнение популярных систем сборки для frontend-разработчиков: http://habrahabr.ru/post/215131/

[2] HTML по стандартам: http://habrahabr.ru/company/ifree/blog/216045/

[3] Grunt и WordPress: Часть 4. Расширенные техники использования Grunt: http://oddstyle.ru/wordpress-2/stati-wordpress/grunt-i-wordpress-chast-4-rasshirennye-texniki-ispolzovaniya-grunt.html

[4] Исследуйте интересные проекты из GitHub: https://github.com/explore

[5] Новые атрибуты для ссылок в HTML5: download, media, and ping : http://www.sitepoint.com/new-html5-attributes-hyperlinks-download-media-ping/

[6] jsDelivr: https://hacks.mozilla.org/2014/03/jsdelivr-the-advanced-open-source-public-cdn/

[7] Как не утонуть в инстументах для веб-разработки: http://www.sitepoint.com/drowning-in-tools-web-development-industry/

[8] Краткое описание инструментов современного процесса front-end разработки: Yeoman, Grunt и Bower: http://creative-punch.net/2014/03/tools-modern-front-end-workflow-yeoman-grunt-bower/

[9] Изменяющиеся технологии: Font Icons vs SVG: http://www.onextrapixel.com/2014/03/21/designing-for-changing-technology-font-icons-vs-svg/

[10] Создание лого на WebGL: http://code.formconstantdance.org/post/79687709876/building-a-webgl-logo

[11] Четыре шаблона проектирования, ломающих ожидания пользователей о возможности использования кнопки «Назад»: http://baymard.com/blog/back-button-expectations

[12] Управление вашим android-телефоном одним взмахом пальца: http://www.sitepoint.com/controlling-android-phone-wave-finger/

[13] Авторизация в социальные сети — как дизайнить эту функциональность и как ее имплементировать: http://www.designyourway.net/blog/inspiration/social-logins-how-to-design-and-implement-them/

[14] Пятнадцать лучших шрифтов для программирования: http://www.webdesigntunes.com/coding/best-free-programming-fonts/#.UyrRWfmSxIU

[15] Развернутая шпаргалка по WordPress: http://wp-cheatsheet.com/

[16] Советы относительно разметки email-шаблонов их адаптивности: http://artsy.github.io/blog/2014/03/17/some-tips-for-email-layout-and-responsiveness/

[17] 15 ресурсов для создания своих кастомных E-mail Newsletter : http://www.webresourcesdepot.com/custom-email-newsletter-resources/

[18] Пуленепробиваемые компоненты для HTML Email: https://www.sendwithus.com/resources/bulletproof-html-email-components

[19] Подход «Readability First” : http://webdesign.tutsplus.com/articles/a-readability-first-approach-to-media-queries-and-layout--cms-19419

[20] Responsive дизайн с минимумом кода : http://speckyboy.com/2014/03/17/responsive-web-design-less-code/

[21] BOOTFLAT: http://bootflat.github.io/

[22] Очередная подборка полезных инструментов для работы с Bootstrap: http://www.onextrapixel.com/2014/03/20/showcase-of-useful-bootstrap-tools-for-web-developers/

[23] Отзывчивый дизайн. Реакция на уровень освещенности: http://habrahabr.ru/post/216375/

[24] Идея CSS-псевдонимов от Таба Аткинса: http://web-standards.ru/news/852/

[25] Калькулятор специфичности CSS от Keegan Street: http://codepen.io/certainlyakey/pen/ycEAh

[26] Flukeout.github.io: http://flukeout.github.io/#

[27] Производительность CSS анимаций и переходов: заглядываем внутрь браузера: http://blogs.adobe.com/webplatform/2014/03/18/css-animations-and-transitions-performance/

[28] Flexbox Grid: http://flexboxgrid.com/

[29] Делаем текст вертикальным на CSS (IE9+): http://davidwalsh.name/css-vertical-text

[30] Hello, Yamm 3!: http://geedmo.github.io/yamm3/

[31] Таблица с RWD, реализованная на HTML/CSS: http://codepen.io/geoffyuen/details/FCBEg/

[32] Вдохновение для создания анимационных эффектов переходов: http://tympanus.net/codrops/2014/03/18/inspiration-for-item-transitions/

[33] SVG файлы с анимированными прелоадерами: https://github.com/jxnblk/loading

[34] Создание радужной обводки с помощью Sass от Hugo Giraudel: http://www.sitepoint.com/rainbow-border-with-sass/

[35] Анимированные ретро заставки-скринсэйверы, воспроизведенные на CSS: http://bryanbraun.github.io/after-dark-css/

[36] CSS Synthesizer: http://bennettfeely.com/cssynth/

[37] 28 сниппетов на чистом CSS для веб-разработчиков : http://designm.ag/resources/28-css-only-code-snippets/

[38] flexbox в реальном мире : http://www.planningforaliens.com/blog/2014/03/11/real-world-flexbox/

[39] CSS Shapes geometry: http://blogs.adobe.com/webplatform/2014/03/17/css-shapes-geometry-discussed-and-demod/

[40] Простое создание лейаута в стиле Masonry с помощью Flexbox: http://demosthenes.info/blog/844/Easy-Masonry-Layout-With-Flexbox

[41] Поведение курсора над текстом в браузерах: http://www.impressivewebs.com/cursor-over-text-behaviour-browsers/

[42] Простой алгоритм для полигонов при расчете фигур в CSS первого уровня: http://hansmuller-webkit.blogspot.com/2014/03/a-simpler-algorithm-for-css-shapes.html

[43] Массив в JavaScript: slice против splice: http://frontender.info/javascript-array-slice-vs-splice/

[44] Раскрытие тайны this в JavaScript: http://frontender.info/demystifying-this-in-javascript/#raskrtietaynthisvjavascript

[45] Бесплатный CSS3 генератор EnjoyCSS: http://habrahabr.ru/company/enjoycss/blog/216117/

[46] Win 8.1 App использование HTML & WinJS: http://habrahabr.ru/post/216135/

[47] Руководство по basis.js. Часть 1: Начало работы, представления, модули, инструменты: http://habrahabr.ru/post/216577/

[48] Получаем элемент страницы, на котором находится фокус, с помощью JavaScript: http://davidwalsh.name/focused-element

[49] Tether: http://github.hubspot.com/tether/docs/welcome/

[50] Исследование JavaScript Device API: http://blog.teamtreehouse.com/exploring-javascript-device-apis

[51] Google Grid Gallery: http://tympanus.net/codrops/2014/03/21/google-grid-gallery/

[52] Адаптивные полноразмерные табы: http://tympanus.net/codrops/2014/03/21/responsive-full-width-tabs/

[53] Что появится в AngularJS 2.0 и почему: http://blog.angularjs.org/2014/03/angular-20.html

[54] Почему я взволнован Object.observe в JavaScript: http://amasad.me/2014/03/16/why-im-excited-about-objectobserve/

[55] Правила создания приложений на JavaScript MVC от Alex MacCaw: http://blog.sourcing.io/mvc-style-guide

[56] Выяснение равенства объектов в JavaScript: http://designpepper.com/blog/drips/object-equality-in-javascript.html

[57] Browserify — Unix в браузере: http://thinkingonthinking.com/unix-in-the-browser/

[58] Пересмотр минифицирования JavaScript-а: http://code.tutsplus.com/tutorials/revisiting-javascript-minification--cms-20072

[59] модульный JavaScript с npm и модулями Node: https://vimeo.com/89258863

[60] picturePolyfill: http://verlok.github.io/picturePolyfill/

[61] interfake: https://github.com/basicallydan/interfake

[62] JScrambler: https://jscrambler.com/

[63] MixItUp: https://mixitup.kunkalabs.com/

[64] Руководство по написанию JS кода от Nijiko Yonskai: https://github.com/Nijikokun/the-zen-approach

[65] Speaking JavaScript: http://speakingjs.com/es5/

[66] Screen Sizes: http://screensiz.es/phone

[67] Текущее положение с инструментами для добавления интерактивности к дизайну: https://medium.com/p/f755c6515368

[68] youtube-dl: http://rg3.github.io/youtube-dl/

[69] Brick: http://brick.im/

[70] Подбор шрифта из Google Font по амперсанду — &: http://hail2u.github.io/google-webfonts-ampersands.html

[71] GitHub Selfies: http://blog.travisthieman.com/github-selfies/

[72] psdiff: http://filp.github.io/psdiff/

[73] Aesop Story Engine: http://aesopstories.com/story-engine/

[74] GDC 2014: представлен движок Unity 5 с системой глобального освещения и поддержкой WebGL: http://www.3dnews.ru/812083

[75] Facebook научился распознавать лица в толпе с точностью 97,25 %: http://habrahabr.ru/post/216281/

[76] Motorola и LG готовят умные часы на ОС от Google: http://habrahabr.ru/post/216285/

[77] Изменения на сервисах Яндекса [в связи с ситуацией в Крыму]: http://itc.ua/news/izmeneniya-na-servisah-yandeksa-v-svyazi-s-situatsiey-v-kryimu/

[78] Компания Google продолжает активное продвижение формата WebP: http://www.opennet.ru/opennews/art.shtml?num=39378

[79] Sony представила свой шлем виртуальной реальности: http://www.siliconrus.com/2014/03/sony-morpheus/

[80] Microsoft официально представила DirectX 12: http://itc.ua/news/microsoft-ofitsialno-predstavila-directx-12/

[81] Google Maps для Android будет напоминать о грядущих концертах, матчах и других событиях: http://www.3dnews.ru/811112/

[82] Google представила Android Wear — платформу для умных часов: http://www.3dnews.ru/811957/

[83] Google добавил в выдачу калькулятор для решения геометрических задач: http://www.searchengines.ru/news/archives/v_vydachu_google.html

[84] Яндекс купил израильский стартап KitLocate : http://www.searchengines.ru/news/archives/yandex_bought_kitlocate.html

[85] «Яндекс.Деньги» стали выпускать виртуальные карты: http://www.cossa.ru/news/244/68692/

[86] Bing покажет нужный маршрут на карте прямо в результатах поиска: http://www.searchengines.ru/news/archives/bing_pokazhet_root.html

[87] Twitter позволит отслеживать сообщения от избранных пользователей: http://www.3dnews.ru/811800/

[88] Adobe показала квартальную выручку в размере 1 млрд долларов США: http://www.3dnews.ru/812035/

[89] В Telegram появились голосовые сообщения: http://www.siliconrus.com/2014/03/telegram-voice-messages/

[90] Глава Linkedin сместил Марка Цукерберга с первой строчки рейтинга лучших CEO: http://www.siliconrus.com/2014/03/ceo-of-the-year/

[91] Apple выпустила дешевые iPhone 5C с 8-ю ГБ на борту: http://mashable.com/2014/03/18/apple-launches-8gb-iphone-5c/

[92] Релиз Firefox 28: http://habrahabr.ru/post/216279/

[93] Выход Firefox 29-beta и Firefox 30-aurora: http://www.opennet.ru/opennews/art.shtml?num=39377

[94] Mozilla отказалась выпускать WinRT-версию Firefox из-за низкого интереса пользователей: http://www.3dnews.ru/811116/

[95] Как защитить браузер от нежелательных изменений настроек: http://www.computerra.ru/96751/kak-zashhitit-brauzer-ot-nezhelatelnyih-izmeneniy-nastroek/

[96] Релиз Firefox 28: новый видео-кодекVP9, нотификации для OS X, управление уровнем громкости в HTML5 Video и Audio: http://thenextweb.com/insider/2014/03/18/firefox-28-arrives-vp9-video-decoding-web-notifications-os-x-html5-video-audio-volume-controls/

[97] Представление отладчика Canvas в панели для разработки Firefox: https://hacks.mozilla.org/2014/03/introducing-the-canvas-debugger-in-firefox-developer-tools/

[98] Все основные браузеры были взломаны на Pwn2own Hacking Contest: http://www.cio.com/article/749724/All_Major_Browsers_Fall_During_Second_Day_At_Pwn2own_Hacking_Contest

[99] Сайты с забавным дизайном : http://www.dejurka.ru/web-design/fun-web-design/

[100] Элементы футуризма в веб-дизайне : http://www.dejurka.ru/web-design/futuristic-web-design/

[101] /bacondeczar.com: http://bacondeczar.com/

[102] Креативныйтематическийавтомобильныйсайтспараллакс-эффектами: http://foxrockinrioh-en.sec4you.com.br/#!galeria-de-fotos

[103] mystaticself.com: http://mystaticself.com/

[104] fitbit2013: http://ueno.co/fitbit2013/#intro

[105] runbetter.newtonrunning.com: http://runbetter.newtonrunning.com/

[106] snowflakecreative.co.uk: http://www.snowflakecreative.co.uk/

[107] Официальные сайты селебрити тренде современного веб-дизайна: http://www.onextrapixel.com/2014/03/19/celebrity-official-websites-that-follow-design-trends/

[108] 45 Modern Minimal Websites: http://www.splashnology.com/article/modern-minimal-websites/11881/

[109] www.hadalabo.jp/shiroshizuku: http://www.hadalabo.jp/shiroshizuku/

[110] Мобильные приложения для дизайнеров: http://www.dejurka.ru/articless/mobile-apps-for-designers/

[111] 5 простых советов по работе в Adobe Illustrator: http://www.dejurka.ru/tutorial/five-advices-for-illustrator/

[112] Samsung запускает сайт о философии дизайна: http://www.engadget.com/2014/03/19/samsung-teases-design-site/

[113] Font Men — SXSW 2014 Official Selection: http://vimeo.com/88318922

[114] Интервью журнала Time с легендарным Jonathan Ive из Apple: http://time.com/jonathan-ive-apple-interview/

[115] Руководство для дизайнеров по выравниванию пикселей: http://www.webdesignerdepot.com/2014/03/the-designers-guide-to-pixel-hinting/

[116] Пять бесплатных альтернатив облачному фотошопу: http://www.epoff.com/2014/03/5-free-online-cloud-based-photoshop-alternatives/

[117] Вдохновляющие странички „О нас“: http://webdesignledger.com/inspiration/13-super-inspiring-about-pages

[118] Создание дизайна форм, которые увеличивают конвертацию пользователей, семь проверенных техник: http://www.webdesignerdepot.com/2014/03/designing-forms-that-convert-7-proven-techniques/

[119] Apple TV – the next generation?: http://www.martinhajek.com/apple-tv-the-next-generation/

[120] Десять способов создания профессиональных и хорошо организованных PSD-файлов: http://design.tutsplus.com/tutorials/10-ways-to-create-professional-and-organized-psd-files--psd-35194

[121] Создание красочного геометрического повторяющигося фона в Photoshop: http://design.tutsplus.com/tutorials/create-a-colorful-geometric-pattern-in-photoshop--psd-37055

[122] Создание сложного, повторяющегося, геометрического фона в Photoshop: http://design.tutsplus.com/tutorials/create-a-complex-repeating-geometric-pattern-in-photoshop--psd-37680

[123] Уроки по использованию инструмента кисть в фотошопе: http://www.webresourcesdepot.com/photoshop-tuts-using-the-brush-tool/

[124] Подробное рассмотрение арабской каллиграфии: http://www.smashingmagazine.com/2014/03/20/taking-a-closer-look-at-arabic-calligraphy/

[125] Бесплатные паттерны в стиле ретро: http://www.dejurka.ru/graphics/free-retro-patterns/

[126] Бесплатные кисти для Adobe Illustrator: http://www.dejurka.ru/graphics/free-illustrator-brushes/

[127] Фоновые изображения от Mike Kus: черная доска, стены, дерево: http://designreindeer.com/excellent-background-pictures-from-mike-kus-free-download/

[128] Десять PSD с потрясающими шаблонами (темами) сайтов: http://inspiredm.com/10-free-stunning-psd-themes/

[129] Mockuuups: http://www.mockuuups.com/

[130] Полторы сотни контурных иконок в формате от Dario Ferrando: http://freebiesbug.com/psd-freebies/150-free-outlined-icons-psd-ai-svg-webfont/

[131] Geomicons Open: http://jxnblk.github.io/geomicons-open/

[132] Иконки посвященные свадьбе: http://dribbble.com/shots/1461892-FREE-Wedding-Icons

[133] Outlined Iconset — более полторы сотни контурных иконок в наборе: http://www.webappers.com/2014/03/19/free-download-150-simple-outlined-icons/

[134] Десять лучших новых, преимуществено без засечек шрифтов: от Campton до Mohave: http://webdesignledger.com/freebies/10-best-new-free-fonts

[135] Три десятка элегантных шрифтов подходящих для минималистичных дизайнов: http://www.webdesigntunes.com/web-design/amazing-free-sleek-fonts/#.UyrRZfmSxIU

[136] Coda: http://ortheme.com/coda-free-typeface/

[137] Lousiane: http://ortheme.com/lousiane-free-font/

[138] Experiments: http://marcus-experiments.tumblr.com/

[139] WebGL и asm.js на GDC 2014: http://creativejs.com/2014/03/webgl-and-asm-js-at-gdc-2014/

[140] Увлекательные chrome-эксперименты : http://www.dejurka.ru/inspiration/cool-chrome-experiements/

[141] 404 страница с клёвой CSS3 анимацией: http://www.hugoware.net/404

[142] Rollers: http://codepen.io/thebabydino/pen/lhKjt

[143] Портированные для веб часы macslow: https://s3.amazonaws.com/macslow/index.html

[144] Facebook vs. Google: битва технологических гигантов переместилась в небо: http://habrahabr.ru/company/ambar/blog/216241/

[145] На здоровье! Десять самых интересных новинок 2014 года: http://habrahabr.ru/post/216321/

[146] Увидел свет Makehuman 1.0.0, свободный генератор 3D-моделей тела человека: http://www.opennet.ru/opennews/art.shtml?num=39328

[147] Американец стал первым человеком в мире, набравшим 1 млн очков в Xbox Live: http://www.3dnews.ru/810994/

[148] Проект «Bleu» и 3D-принтер Stratasys: создаём модель авто из разных материалов: http://www.3dnews.ru/811101/

[149] HP летом начнет массовое производство 3D-принтеров: http://www.3dnews.ru/812609/

[150] Почти невероятно! Физики впервые доказали существование гравитационных волн: http://slon.ru/fast/future/lopni-moya-selezyenka-fiziki-dokazali-sushchestvovanie-gravitatsionnykh-voln-1072043.xhtml

[151] Google-камеры засняли сплав по реке Большого Каньона: http://www.3dnews.ru/811170/

[152] Второе пришествие VR: прелести и ужасы новых шлемов виртуальной реальности: http://www.computerra.ru/96600/vr-2-0/

[153] Неделя краудфандинга: http://www.siliconrus.com/2014/03/nedelya-kraudfandinga/

[154] Samsung издевается над iPad, Kindle Fire и Surface: http://www.computerra.ru/96668/samsung-izdevaetsya-nad-ipad-kindle-fire-i-surface/

[155] Работающая клавиатура, созданная из LEGO: https://www.youtube.com/watch?v=SEEzQKJfNE0

[156] Moto360: http://moto360.motorola.com/

[157] ITStuff: http://itstuff.com.ua

[158] Labinskiy: http://habrahabr.ru/users/labinskiy/

[159] футболку HTML5: http://itstuff.com.ua/shop/html5/

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

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

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

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

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