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

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

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

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

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

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

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №146 (2 — 8 февраля 2015) - 31 JavaScript

Браузеры

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

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

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №146 (2 — 8 февраля 2015) - 73 Подборка бесплатных дизайнерских печенек

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №146 (2 — 8 февраля 2015) - 90 Новости

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №146 (2 — 8 февраля 2015) - 93 Занимательное

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

Также, хотелось бы посоветоваться с вами путем небольшого опроса — стоит ли переводить заголовки статей в ссылках? Довольно часто заголовки более информативны в оригинале, и технические термины многими лучше воспринимаются в оригинальном англоязычном варианте, чем в переводе.

Ссылка на дайджест за прошлую неделю [125].
Материал подготовили dersmoll [126] и alekskorovin [127].

Автор: alexzfort

Источник [128]


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

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

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

[1] Как создать веб-сайт, используя видео с YouTube в качестве фона?: http://habrahabr.ru/post/249553/

[2] Изоморфный БЭМ: http://habrahabr.ru/post/249653/

[3] 55 бесплатных онлайн-курсов февраля по IT, предпринимательству и математике: http://ain.ua/2015/02/06/562667

[4] Дайджест 4Front Meetup #5: Chrome Extensions, документы в JavaScript и другое : http://xbsoftware.ru/blog/digest-4front-meetup-5-chrome-ext-javascript-dokumenty/

[5] Frontflip Podcast: Оптимизация SVG. Кир Белевич: http://frontflip.me/2015/02/05/svgo-yandex-vietnam.html

[6] HTML5 Boilerplate: https://github.com/h5bp/html5-boilerplate/tree/v5.0.0

[7] Представление node-firefox: https://hacks.mozilla.org/2015/02/introducing-node-firefox/

[8] Основы работы с SVG — создание отрезков с помощью curve-команд: http://www.vanseodesign.com/web-design/svg-paths-curve-commands/

[9] Marcy Sutton о Вебе для всех (о важности доступности контента): http://vimeo.com/118697675

[10] Server-Sent Events: http://www.w3.org/TR/2015/REC-eventsource-20150203/

[11] Семь уроков, которые я получил в Mozilla: http://davidwalsh.name/lessons-learned-mozilla

[12] Вы можете использовать copy() в консоли: http://css-tricks.com/can-copy-console/

[13] Прогрессивное улучшение и визуализация данных: http://css-tricks.com/progressive-enhancement-data-visualizations/

[14] Разворачиваем проект на Heroku, используя Gulp, Node и Git: http://www.sitepoint.com/deploying-heroku-using-gulp-node-git/

[15] Style Guide Generator Roundup: http://alistapart.com/blog/post/style-guide-generator-roundup

[16] Проблема диагональных бордеров и Firefox: http://habrahabr.ru/post/249735/

[17] Эффект капельного преобразования в CSS: http://habrahabr.ru/post/250001/

[18] Эффект Gooey: http://css-tricks.com/gooey-effect/

[19] Возможности CSS, которые вам понравятся в 2015: http://htmlacademy.ru/blog/41

[20] Презентация современного справочника по CSS от Codrops: http://tympanus.net/codrops/2015/02/03/introducing-codrops-css-reference/

[21] Векторная графика в Sass: http://www.sitepoint.com/vector-graphics-sass/

[22] Размерные единицы в CSS: углы, время и частота: http://demosthenes.info/blog/980/CSS-Units-Angles-Time-and-Frequency

[23] «fave» анимация из Twitter-а: http://cssanimation.rocks/twitter-fave/

[24] Стандартный API разбора CSS-кода: http://tanalin.com/blog/2015/02/css-parser-api/

[25] Использование спрайтов с <img>: http://css-tricks.com/spriting-img/

[26] Начинаем работать с Less: https://scotch.io/tutorials/getting-started-with-less

[27] Простые текстуры с помощью CSS Masks: http://viget.com/inspire/easy-textures-with-css-masks

[28] Переход к SCSS : https://codeascraft.com/2015/02/02/transitioning-to-scss-at-scale/

[29] Что спасет нас от темной стороны CSS препроцессоров?: http://alistapart.com/column/what-will-save-us-from-the-dark-side-of-pre-processors

[30] Создаем эффектную карусель на CSS: http://www.cssmojo.com/how-to-style-a-carousel/

[31] CSS-only эксперимент с анимированными частицами, собирающимися в сферу: http://codepen.io/natewiley/pen/GgONKy

[32] Wallaby.js — маленький зверь с большим будущим: http://habrahabr.ru/post/249473/

[33] Нетрадиционный обзор React: http://habrahabr.ru/company/hexlet/blog/249579/

[34] Как распутывать лапшу, не впадая в депрессию (статья про те ситуации, когда у вас есть кучка jQuery лапши) : http://habrahabr.ru/post/249373/

[35] IO.js или старые грабли под новым соусом: http://habrahabr.ru/post/248139/

[36] Меняем CoffeeScript на ES6: http://habrahabr.ru/post/249751/

[37] Нетрадиционный обзор AngularJS: http://habrahabr.ru/company/hexlet/blog/249793/

[38] Пуленепробиваемые тесты JavaScript: http://habrahabr.ru/post/249969/

[39] Избавляемся от JavaScript в социальных кнопках (Facebook, VK, Twitter и др.): http://habrahabr.ru/post/250021/

[40] Избавляемся от условных операторов: http://forwebdev.ru/javascript/avoiding-conditionals/

[41] jQuery и CoffeeScript: http://forwebdev.ru/javascript/jquery-coffeescript/

[42] Свойства и методы прототипа: http://forwebdev.ru/javascript/prototype-properties-methods/

[43] Выпуск серверной JavaScript-платформы Node.js 0.12: http://www.opennet.ru/opennews/art.shtml?num=41625

[44] Перестаньте писать JavaScript фреймворки!: http://frontender.info/zero_framework_manifesto/

[45] Material Design вместе с Angular.js. Основные принципы и примеры и использования.: http://html5.by/blog/material-design-and-angular-js/

[46] Vissense: http://vissense.github.io/vissense/

[47] Переменные и scope в ECMAScript 6: http://www.2ality.com/2015/02/es6-scoping.html

[48] Обучающий курс «Expert ES6»: http://tagtree.io/courses/expert-es6/do

[49] Синхронный асинхронный JavaScript с ES6 генераторами: http://chrisbuttery.com/articles/synchronous-asynchronous-javascript-with-es6-generators/

[50] Google SoundScript: более быстрое ООП для JavaScript: http://www.2ality.com/2015/02/soundscript.html

[51] Давайте писать быстрый JavaScript: https://medium.com/the-javascript-collection/lets-write-fast-javascript-2b03c5575d9e

[52] Что такое Flux?: http://jonathancreamer.com/what-the-flux/

[53] Выводы после React.js Conf 2015: http://kevinold.com/2015/01/31/takeaways-from-reactjs-conf-2015.html

[54] Первые впечатления от использования React Native: http://jlongster.com/First-Impressions-using-React-Native

[55] TouchstoneJS: http://touchstonejs.io/

[56] FieldVal: http://www.minoblog.io/fieldval/

[57] is.js: http://arasatasaygin.github.io/is.js/

[58] lz-string: быстрая компрессия данных с помощью JavaScript: http://pieroxy.net/blog/pages/lz-string/index.html

[59] Konva: http://konvajs.github.io/

[60] BroadcastChannel API в Firefox 38: https://hacks.mozilla.org/2015/02/broadcastchannel-api-in-firefox-38/

[61] Chrome continues to fall apart at brisk pace: http://www.quirksmode.org/blog/archives/2015/02/chrome_continue.html

[62] HTTP/2 (h2-14, spdy4) в Google Chrome 40: http://habrahabr.ru/post/249957/

[63] Новые изображения браузера Spartan из сборки Windows 10 TP Build 10009: http://microsoftportal.net/internet-explorer/4759-novye-izobrazheniya-brauzera-spartan-iz-sborki-windows-10-tp-build-10009.html

[64] Сайты, посвященные обуви: http://www.dejurka.ru/web-design/shoes-web-design/

[65] Примеры интересных параллакс и других скролл-эффектов в веб-дизайне: http://www.webdesignviews.com/2015/02/parallax-scrolling-effects-in-web-design/

[66] GUIBENTO.COM: http://guibento.com/

[67] claudiocalautti.cc: http://claudiocalautti.cc/

[68] hellomonday.com: http://hellomonday.com/

[69] heycubi.com: http://www.heycubi.com/

[70] Концепты Google Glass от дизайнеров со всего мира: http://siliconrus.com/2015/02/google-glass-concepts/

[71] Концепты приложений Telegram от дизайнеров со всего мира: http://siliconrus.com/2015/02/telegram-concepts/

[72] Эффект перекрытия в веб-дизайне: http://www.dejurka.ru/web-design/overlay-web-design/

[73] Градиенты в веб-дизайне: http://www.dejurka.ru/web-design/gradients-in-web-design/

[74] Типографический логотип в Illustrator и Photoshop: http://www.dejurka.ru/tutorial/typographic-logo-illustrator-photoshop/

[75] Цветочная типографика: http://www.dejurka.ru/graphics/flowers-typography/

[76] Четыре тренда в дизайне которые сохранятся в 2015-м: http://www.webdesignerdepot.com/2015/02/4-design-trends-that-will-survive-2015/

[77] Каково быть дизайнером в Khan Academy: http://www.elizabethylin.com/khan/

[78] uxrecipe: http://uxrecipe.github.io/

[79] Имитация — это действительно искренняя форма лести: http://www.adhamdannaway.com/blog/web-design/imitation-truly-is-the-sincerest-form-of-flattery

[80] Приступая к работе с грубо проработанными скетчами вайрфреймов: http://webdesignledger.com/tips/getting-started-lo-fi-wireframe-sketches

[81] Как нарисовать польского гусара на коне в Adobe Photoshop: http://design.tutsplus.com/tutorials/how-to-paint-a-polish-winged-hussar-in-adobe-photoshop--cms-23113

[82] Как рисовать веревочные узлы с помощью кистей в Illustrator-е: http://blog.spoongraphics.co.uk/tutorials/how-to-create-ropes-knots-with-illustrator-brushes

[83] Двадцать пять рукописных дизайнов логотипов различных стран: http://www.youthedesigner.com/inspiration/25-hand-lettered-logo-designs-of-various-countries/

[84] Серия минималистичных постеров с знаменитыми цитатами: http://www.youthedesigner.com/graphic-design-tips/27-clever-illustrations-of-inspirational-quotes-on-minimalist-posters/

[85] Тире в веб-типографике: http://viljamis.com/dashes/

[86] Бесплатные элементы UI в стиле Material Design: http://www.dejurka.ru/graphics/free-material-design-ui-kits/

[87] 20 бесплатных форм заполнения для вашего UI: http://www.dejurka.ru/graphics/free-forms-for-ui/

[88] Два десятка упаковок с текстурами в стиле гранж: http://www.fusionplate.com/4564/20-free-grunge-texture-packs/

[89] Фоновые текстуры полотна в стиле гранж: http://webuilddesign.com/seamless-grunge-canvas-background-patterns-freebie/

[90] Более двух десятков аутентичных винтажных текстур открыток 30-х годов: http://blog.spoongraphics.co.uk/freebies/24-free-authentic-1930s-vintage-postcard-textures

[91] Фоны с геометрическими волнами: http://www.dreamstale.com/freebie-wave-geometric-backgrounds/

[92] Набор UI в стиле Material Design: http://materialdesignblog.com/free-material-design-ui-kit/

[93] Спортивный набор UI Number One: http://pixelbuddha.net/freebie/free-ui-kit-number-one

[94] PSD-шаблоны веб-сайтов за январь 2015-го: http://www.fusionplate.com/4518/30-amazing-free-psd-website-templates-january-2015-edition/

[95] Более сотни PSD-шаблонов веб-сайтов 2014-го года: http://www.noupe.com/essentials/freebies-tools-templates/blast-from-the-past-3-100-best-free-psd-website-templates-of-2014-86675.html

[96] Два с половиной десятка мокапов для демонстрации логотипа в разных условиях: http://www.fusionplate.com/4573/25-free-logo-psd-mock-ups-february-2015-edition/

[97] Vans: https://www.behance.net/gallery/23056877/Vans-Free-Illustration-Kit

[98] Шаблон иконки для приложения под iOS8 для использования в Photoshop CC: http://www.iosicontemplate.com/

[99] Signia – семь сотен монохромных векторных иконок: http://webuilddesign.com/signia-700-vector-icon-pack-freebie/

[100] Упаковка с векторными иконками на тему SEO: http://designinstruct.com/free-resources/icons/seo-free-vector-icons/

[101] Два десятка настроенческих шрифтов, ко дню Святого Валентина: http://webdesignledger.com/freebies/free-valentines-day-fonts

[102] Signify: http://webuilddesign.com/signify-icon-font-freebie/

[103] Oldways: https://www.behance.net/gallery/23252621/Oldways-%28Free-Font%29

[104] Двухфакторная аутентификация, которой удобно пользоваться: http://habrahabr.ru/company/yandex/blog/249547/

[105] Microsoft: Мы продолжаем развивать Windows RT: http://www.3dnews.ru/909126/

[106] Сатья Наделла предсказал полный отказ от использования ручки в течение десяти лет: http://tjournal.ru/paper/nadella-no-pen

[107] Стоимость акций Apple достигла рекордного значения: http://www.3dnews.ru/908874/

[108] Twitter остался убыточным в 2014 году, но значительно увеличил прибыль: http://www.searchengines.ru/news/archives/twitter_ostalsya.html

[109] Яндекс запустил бета-версию двухфакторной аутентификации: http://blog.yandex.ru/post/91123/?ncrnd=9882

[110] YouTube запускает мультиракурсные видео: http://www.searchengines.ru/news/archives/youtube_zapuskaet.html

[111] W3C разрабатывает веб-стандарты для автомобилей0: http://css-live.ru/vecssti-s-polej/w3c-razrabatyvaet-veb-standarty-dlya-avtomobilej.html

[112] YouTube тестирует возможность выбора камеры для просмотра сцен с разных ракурсов: http://itc.ua/blogs/youtube-testiruet-vozmozhnost-vyibora-kameryi-dlya-prosmotra-stsen-s-raznyih-rakursov/

[113] Google Earth Pro стал бесплатным: http://google-latlong.blogspot.com/2015/01/google-earth-pro-is-now-free.html

[114] Google Glass: перезагрузка: http://www.computerra.ru/114957/google-glass-reloaded/

[115] 26 удивительных фактов о Google (инфографика): http://ain.ua/2015/02/06/563017

[116] Гнилые яблоки. Самые неудачные продукты компании Apple: http://gagadget.com/16348-gnilyie-yabloki-samyie-neudachnyie-produktyi-kompanii-apple/

[117] Заглянуть в космос из Twitter и Instagram: где в соцсетях подписаться на астронавтов: http://ain.ua/2015/02/01/561659

[118] «Разрушители легенд» проверили на реалистичность Doom и Fruit Ninja: http://droider.ru/post/razrushiteli-legend-proverili-na-realistichnost-doom-i-fruit-ninja-03-02-2015/

[119] Жизнь после блокировок: Что происходит с ИТ-предпринимателями в Крыму: http://siliconrus.com/2015/02/crimea/

[120] Видео дня: смоделированный DARPA запуск небольших ракет с помощью реактивных самолетов: http://itc.ua/news/video-dnya-smodelirovannyiy-darpa-zapusk-nebolshih-raket-s-pomoshhyu-reaktivnyih-samoletov/

[121] Интервью WIRED с Павлом Дуровым: о развитии Telegram, политике и перемещениях по миру: http://siliconrus.com/2015/02/wired-durov/

[122] Shiny: http://cabbi.bo/ShinyText/

[123] Wi-Fi Map: http://www.wifimap.io/

[124] 30 впечатляющих игр, созданных на HTML5: http://tutorialzine.com/2015/02/30-amazing-games-made-only-with-html5/

[125] Ссылка на дайджест за прошлую неделю: http://habrahabr.ru/company/zfort/blog/249441/

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

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

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