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

---

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

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

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

[1] ни на что: http://www.bbc.co.uk/news/world-europe-26304842

[2] Как получить хорошую верстку от верстальщика: http://habrahabr.ru/post/213313/

[3] Адаптивные письма? Пожалуйста!: http://habrahabr.ru/post/212821/

[4] Responsive фреймворки: просто потому что ты это можешь, должен ли ты это делать?: http://mobile.smashingmagazine.com/2014/02/19/responsive-design-frameworks-just-because-you-can-should-you/

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

[6] Как использовать секционные элементы в HTML5 (header, footer, main, section, article и т.д.): http://blog.teamtreehouse.com/use-html5-sectioning-elements

[7] Падение и взлет SVG — как SVG стал более востребованным: http://ashleynolan.co.uk/blog/the-fall-and-rise-of-svg

[8] Десять причин нашего перехода с иконочного шрифта на SVG: http://frontender.info/ten-reasons-we-switched-from-an-icon-font-to-svg/

[9] Использование HTML для рекламных блоков Rich Media (SVG/JS): http://blogs.adobe.com/webplatform/2014/02/20/using-html-for-rich-media-advertising/

[10] Семь стилевых гидов которые помогут улучшить ваши скилы веб-разработчика: http://webdesignledger.com/resources/7-pattern-libraries-that-will-help-improve-your-web-development-skills

[11] Разбираемся с модальными окнами в Bootstrap: http://www.sitepoint.com/understanding-bootstrap-modals/

[12] Головоломка насчет доступной ссылки на текущую страницу: http://www.heydonworks.com/article/the-accessible-current-page-link-conundrum

[13] Делаем ссылки доступными: 15 золотых правил для разработчиков: http://www.sitepoint.com/15-rules-making-accessible-links/

[14] Стартуем проект с INIT и Grunt: http://coding.smashingmagazine.com/2014/02/20/kickstart-your-project-with-init-and-grunt/

[15] AngularGap: http://angulargap.github.io/

[16] Panda.js: http://www.pandajs.net/

[17] Tweet For Code #2: http://davidwalsh.name/tweet-code-2

[18] Адаптивные социальные кнопки: http://kurtnoble.com/labs/rrssb/

[19] Создание полноэкранного эффекта «Scroll-Jacking»: http://www.hugeinc.com/ideas/perspective/scroll-jacking-on-hugeinc

[20] 8 вариантов добавления адаптивной навигации на сайт : http://sixrevisions.com/user-interface/responsive-menus/

[21] Редактирование Sass и Less в Firefox Developer Tools: https://hacks.mozilla.org/2014/02/live-editing-sass-and-less-in-the-firefox-developer-tools/

[22] Гайд по .htaccess для разработчиков и веб-дизайнеров: http://www.hongkiat.com/blog/guide-to-htaccess/

[23] WebGL с помощью Three.js – урок 1 : http://www.script-tutorials.com/webgl-with-three-js-lesson-1/

[24] Культ карго CSS: http://web-standards.ru/articles/cargo-cult-css/

[25] Архитектура CSS: http://web-standards.ru/articles/css-architecture/

[26] Как работает анимация линий в SVG: http://css-tricks.com/svg-line-animation-works/

[27] Type Quest: http://typequest.org/

[28] Stackicons: http://stackicons.com/

[29] Zen Grids: http://next.zengrids.com/

[30] Susy: http://susy.oddbird.net/

[31] Изучаем Sass с помощью рефакторинга : http://www.welcomebrand.co.uk/thoughts/learning-sass-by-refactoring/

[32] Подборка бесплатных видео на тему Sass с последней конференции SassConf : http://vimeo.com/sassconf/videos

[33] Почему Sass?: http://frontender.info/why-sass/

[34] Самый простой способ создать стайлгайд с помощью Sass и Compass: http://livingstyleguide.org/

[35] 3д наклоны в css: http://codepen.io/dudleystorey/pen/KFLJp

[36] CSS для начинающих с помощью Dreamweaver : http://flippinawesome.org/2014/02/17/css-for-beginners-with-dreamweaver/

[37] 9 альтернатив бутстрапу : http://flippinawesome.org/2014/02/17/8-bootstrap-alternatives/

[38] The Magic Circle: задачка на тему CSS : http://hugogiraudel.com/2014/02/19/the-magic-circle-a-css-brain-teaser/

[39] Hocus Pocus, CSS Aliases: http://kilianvalkhof.com/2014/css-xhtml/hocus-pocus-css-aliases/

[40] Definer.js — простая модульная система: http://habrahabr.ru/post/212817/

[41] Init.js: Зачем и как разрабатывать с Full-Stack JavaScript: http://habrahabr.ru/post/213265/

[42] Работа с функциями массива ES5 JavaScript в современных и старых браузерах: http://tech.pro/tutorial/1834/working-with-es5-javascript-array-functions-in-modern-and-legacy-browsers

[43] Десять HTML5 API на которые стоит посмотреть: http://www.sitepoint.com/10-html5-apis-worth-looking/

[44] Что каждый JS разработчик должен знать относительно плавающих точек: http://flippinawesome.org/2014/02/17/what-every-javascript-developer-should-know-about-floating-points/

[45] Определение окончания CSS анимации с помощью JavaScript: http://davidwalsh.name/css-animation-callback

[46] ES6Fiddle: http://www.es6fiddle.net/

[47] Как использовать Handlebars: http://www.developerdrive.com/2014/02/how-to-use-handlebars/

[48] Ежемесячный дайджест Yeoman #3: http://updates.html5rocks.com/2014/02/The-Yeoman-Monthly-Digest-3

[49] Ember.JS – что это и почему мы должны об этом беспокоиться: https://hacks.mozilla.org/2014/02/ember-js-what-it-is-and-why-we-need-to-care-about-it/

[50] Рекомендации относительно лучшей структуры приложений Angular App: https://docs.google.com/document/d/1XXMvReO8-Awi1EZXAXS4PzDzdNvV6pGcuaF4Q9821Es/pub

[51] Локализация Angular JS с помощью модуля Require JS i18n: http://dev-blog.cloud-spinners.com/2014/02/angular-js-localization-with-require-js.html

[52] Lrinfinitescroll: http://lorenzofox3.github.io/lrInfiniteScroll/

[53] Введение в Component JavaScript Package Manager: http://flippinawesome.org/2014/02/17/introduction-to-the-component-javascript-package-manager/

[54] Разворачиваем свои HTML5 веб-компоненты с помощью ванильного JS: http://gaslight.co/blog/roll-your-own-html5-web-components-with-vanilla-js

[55] Как сделать игрушку с летающей птичкой с помощью Phaser: http://blog.lessmilk.com/how-to-make-flappy-bird-in-html5-1/

[56] Создание приложения с графиками при помощи Google Charts API и AngularJS – часть 3: http://www.sitepoint.com/creating-visualization-app-using-google-charts-api-angularjs-part-3/

[57] DozerJS: http://dozerjs.com/

[58] Molecule: http://www.moleculejs.net/

[59] JavaScript FrameBuster Snippet: http://davidwalsh.name/javascript-framebuster

[60] Что такое CoffeeScript и подходит ли он вам? : http://www.webdesignviews.com/2014/02/what-is-coffeescript/

[61] Dug.js — A JSONP to HTML Script: http://rog.ie/blog/dugjs-a-jsonp-to-html-script

[62] Копируем в буфер обмена с помощью jQuery : http://www.paulund.co.uk/jquery-copy-clipboard

[63] 78 Google Web Fonts Families: http://somadesign.ca/demos/better-google-fonts/

[64] keyframer: http://alexberg.in/keyframer/

[65] Сервисы для плейсхолдеров-изображений: http://www.designyourway.net/blog/resources/image-placeholders-that-you-could-use-on-your-web-projects/

[66] Facebook покупает WhatsApp за 16 миллиардов долларов: http://www.siliconrus.com/2014/02/fb-whatsapp/

[67] Почему WhatsApp такой дорогой: http://www.siliconrus.com/2014/02/whatsapp-i-16-mlrd-pochemu/

[68] Слияние Facebook с WhatsApp способствовало росту стоимости акций BlackBerry: http://www.3dnews.ru/805546/

[69] Логотип и фирменный стиль комплекта мобильных приложений «Яндекс-кит»: http://www.artlebedev.ru/everything/yandex/kit-identity/

[70] Яндекс.Kit — альтернативный взгляд на Android : http://keddr.com/2014/02/anonsirovana-proshivka-yandeks-kit-alternativnyiy-vzglyad-na-android/

[71] «Яндекс» выпустил собственную Android-прошивку Яндекс.Кит: http://kit.yandex.ru/mobile/#about

[72] Выпуск web-браузера Chrome 33: http://www.opennet.ru/opennews/art.shtml?num=39138

[73] SlickLogin — очередное приобретение компании Google : http://keddr.com/2014/02/slicklogin-ocherednoe-priobritenie-kompanii-google/

[74] Google купил Spider.io, чтобы защитить рекламодателей от накруток рекламных объявлений : http://www.searchengines.ru/news/archives/google_kupil_spider_io.html

[75] Apple купила компанию-разработчика TestFlight: http://www.siliconrus.com/2014/02/burstly/

[76] Google купила стартап SlickLogin, разрабатывающий технологию звуковой авторизации на сайты: http://itc.ua/news/google-kupila-startap-slicklogin-razrabatyivayushhiy-tehnologiyu-zvukovoy-avtorizatsii-na-saytyi/

[77] Apple затевает сделку с Tesla?: http://www.siliconrus.com/2014/02/apple-tesla/

[78] Skydrive официально переименован в OneDrive: http://habrahabr.ru/post/213161/

[79] Чистая прибыль Яндекса в 2013 году составила 13,5 млрд рублей: http://www.searchengines.ru/news/archives/pribyl_yandex.html

[80] У Microsoft появится своя Siri — помощница Cortana: http://www.siliconrus.com/2014/02/microsoft-siri-cortana/

[81] Microsoft сделала работу с Word и Excel проще в Office Online: http://www.3dnews.ru/805555/

[82] Сатья Наделла: Microsoft станет облачной компанией: http://www.computerra.ru/94480/satya-nadella-microsoft-stanet-oblachnoy-kompaniey/

[83] Microsoft и DocuSign предоставят пользователям Office 365 возможность использовать цифровую подпись: http://itc.ua/news/microsoft-i-docusign-predostavyat-polzovatelyam-office-365-vozmozhnost-ispolzovat-tsifrovuyu-podpis/

[84] Microsoft запустила сервис Office Online, ранее известный как Office Web Apps: http://itc.ua/news/microsoft-zapustila-servis-office-online-ranee-izvestnyiy-kak-office-web-apps/

[85] Visa и MasterCard используют Android KitKat для упрощения мобильных платежей: http://itc.ua/news/visa-i-mastercard-ispolzuyut-android-kitkat-dlya-uproshheniya-mobilnyih-platezhey/

[86] Все пользователи переводятся на новую версию сервиса Google Maps: http://itc.ua/news/vse-polzovateli-perevodyatsya-na-novuyu-versiyu-servisa-google-maps/

[87] Страничка в Facebook станет могильным камнем: http://naked-science.ru/article/media/stranichka-v-facebook

[88] о путешествиях и для путешествий: http://www.dejurka.ru/web-design/traveling-web-sites/

[89] знаменитых автокомпаний: http://www.dejurka.ru/web-design/legend-auto-websites/

[90] мобильных приложений : http://www.dejurka.ru/web-design/mobile-app-websites/

[91] с размытым фоном : http://www.dejurka.ru/web-design/blur-background-websites/

[92] weecom.com.br: http://weecom.com.br/

[93] Подборка трендовых сайтов с хипстерским дизайном: http://line25.com/articles/showcase-trendy-hipster-style-website-designs

[94] webeffectual.com: http://www.webeffectual.com/

[95] markcollie.com: http://markcollie.com/

[96] baystreetbiergarten.com: http://baystreetbiergarten.com/

[97] circlesconference.com: http://circlesconference.com/

[98] Inspirational Grid Based Website Design: http://www.webdesignviews.com/2014/02/grid-based-website-design/

[99] delhi-timeline.in: http://www.delhi-timeline.in/

[100] vembryrsig.hallbarahav.nu: http://vembryrsig.hallbarahav.nu/

[101] theroyalstudio.com: http://www.theroyalstudio.com/

[102] Это просто космос: http://www.soleilnoir.net/dreamon/#/oneday

[103] Идеальная страница 404 ошибки, или как удержать пользователя на сайте?: http://habrahabr.ru/post/213227/

[104] Как сделать Gimp похожим на Photoshop: http://lifehacker.ru/2014/02/17/kak-sdelat-gimp-poxozhim-na-photoshop/

[105] Рисуем простую иконку Mac в Adobe Illustrator: http://www.dejurka.ru/tutorial/macicon/

[106] Создаем винтажный трафарет в Adobe Photoshop: http://www.dejurka.ru/tutorial/vintage-stencil-style-photoshop/

[107] Принципы хорошего дизайна: http://iandanielstewart.com/2014/02/20/principles-of-good-design/

[108] Создание эффекта иллюстрации выполненной акварелью и чернилами в Photoshop: http://design.tutsplus.com/tutorials/create-an-illustrated-watercolor-and-ink-photo-effect-in-photoshop--psd-35809

[109] Интервью с Eric Dima-ala: http://design.tutsplus.com/articles/interview-with-eric-dima-ala--psd-35096

[110] Полное руководство по работе с корректирующими слоями — Invert, Posterize, и Threshold: http://design.tutsplus.com/tutorials/the-ultimate-guide-to-adjustment-layers-invert-posterize-and-threshold--psd-36075

[111] Узнайте о секретах работы профессиональных дизайнеров: http://designinstruct.com/business/workspiration/

[112] История редизайна одного японского сайта: http://aenism.com/uniqlo-next/

[113] Детали дизайна: Google Search для iOS: http://brianlovin.svbtle.com/design-details-google-search-for-ios

[114] Ink: http://ink.chrometaphore.com/

[115] Дискуссия на тему: почему курсор мыши не прямая стрелка а повернутая под углом: http://ux.stackexchange.com/questions/52336/why-is-the-mouse-cursor-slightly-tilted-and-not-straight

[116] Как дизайнеры могут создавать интерактивные прототипы с помощью Illustrator: http://tomgermeau.com/2014/02/how-designers-can-create-interactive-prototypes-with-illustrator/

[117] Золотое сечение + модульное масштабирование + адаптивность: http://www.svenread.com/golden-ratio-modular-scaling-on-a-responsive-website/

[118] Как создавать стилевые гиды в Adobe Fireworks: http://fireworks.smashingmagazine.com/2014/02/17/effective-style-guides-with-adobe-fireworks/

[119] Дизайн responsive форм — двадцать вдохновляющих решений: http://www.webdesignerdepot.com/2014/02/designing-a-responsive-form-20-inspirational-solutions/

[120] Кратко о типографике в дизайне: что в ней особенного, и почему это имеет значение?: http://www.smashingmagazine.com/2014/02/18/a-type-design-brief-arabic-typography-calligraphy/

[121] TYPEFIGHT: http://thetypefight.com/

[122] typographicposters.com представляет отличный обзор типографических постеров: http://www.webdesignerdepot.com/2014/02/typographicposters-com-presents-a-beautiful-overview-of-poster-design/

[123] GUIFFF – анимированные гифки из недр Dribbble: http://guifff.com/

[124] Забавные логотипы: http://www.dejurka.ru/graphics/funny-logo/

[125] Бесплатные шрифты без засечек : http://www.dejurka.ru/graphics/sans-serif-fonts/

[126] PSD с дизайном деталей профиля пользователя в админ-части: http://sm-artists.com/?page_id=1029

[127] Векторные винтажные элементы для создания инфографики: http://webdesignledger.com/freebies/exclusive-free-download-vintage-infographic-elements

[128] Десять actions к Photoshop для создания ретро- фото-эффектов: http://blog.spoongraphics.co.uk/freebies/10-free-retro-style-photo-effect-photoshop-actions

[129] Четыре десятка наборов с контурными иконками (Line Icons): http://designinstruct.com/roundups/line-icons-free/

[130] Более сотни социальных иконок в виде черного значка комментария с сиянием: http://www.scratchinginfo.com/glossy-black-comment-bubble-free-social-networking-icons/

[131] Семь с половиной десятков шрифтов в ретро-стиле: от Deftone Stylus до Top Speed: http://www.webdesignerhub.com/free-retro-style-fonts/

[132] Пятничные шрифты #10: от рубленого Kilogram до стилизованного Penultimate: http://www.webdesignerhub.com/free-fonts-friday-10/

[133] Streetwear: http://www.behance.net/gallery/Streetwear-(Free-Font)/14302297

[134] Mink Type: http://www.behance.net/gallery/Mink-Type-Free-Font/11690871

[135] Девять полезных шрифтов для вашего дизайна: от FRITZ & RODUS до Bom Retiro: http://webdesignledger.com/freebies/9-free-useful-fonts-for-your-designs

[136] Океан на WebGL: http://jeremybouny.fr/ocean/demo/

[137] QuakeJS: http://www.quakejs.com/

[138] ViziCities: http://vizicities.apps.rawk.es/

[139] История олимпийский логотипов в анимированной презентации: https://readymag.com/shuffle/olympic-logos/

[140] ThreesJS: http://threes.meteor.com/

[141] Веселый год лошади: http://happyyearof.com/

[142] 10 самых прорывных технологий 2013 года и основанные на них стартапы: http://habrahabr.ru/company/telebreeze/blog/212797/

[143] За что конкретно я ненавижу некоторых маркетологов — или как айтишник по магазинам ходил: http://habrahabr.ru/company/mosigra/blog/211580/

[144] До свидания, Bitcoin! Курс криптовалюты провалился ниже $100: http://slon.ru/fast/economics/do-svidanya-bitcoin-1060491.xhtml

[145] Инфографика: как отличаются селфи в Москве, Нью-Йорке и Берлине: http://slon.ru/appheroes/infografika-kak-otlichayutsya-selfi-v-moskve-nyu-yorke-i-berline-1060539.xhtml

[146] Новые откровения Билла Гейтса: 8 вопросов основателю Microsoft: http://ain.ua/2014/02/17/513216

[147] Google Glass: красивые и… бесполезные! В самом деле, что проку от киберочков?: http://www.computerra.ru/94768/useless-glass/

[148] Это уже перебор: криптовалюта FlappyСoin: http://www.siliconrus.com/2014/02/flappycoin/

[149] Почему Тим Кук — отстой: http://www.siliconrus.com/2014/02/apple-aggressive/

[150] Samsung снова потроллила Apple: http://www.siliconrus.com/2014/02/samsung-snova-potrollil-apple/

[151] Путешествие в национальные парки с помощью технологий Street-View: http://yourmajesty.co/work/explore-nature-with-street-view-inspired-technology

[152] Zuck осыпает Whatsapp деньгами: http://dribbble.com/shots/1433198-Zuck-Dawg-making-it-rain?list=popular

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

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

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

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

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