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

---

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

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

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

[1] Web Components — будущее Web: http://habrahabr.ru/post/210058/

[2] Web Components — это единственное светлое будущее веба. Смиритесь: http://habrahabr.ru/post/210130/

[3] Несколько применений Sublime Text 3, которыми Вы могли бы пользоваться: http://habrahabr.ru/post/209788/

[4] Доступ к контенту iFrame с другого домена: http://habrahabr.ru/company/mailru/blog/210050/

[5] Adobe Edge Animate 3.0: http://www.raymondcamden.com/index.cfm/2014/1/21/Edge-Animate-30

[6] Начинаем работать с Gulp : http://markgoodyear.com/2014/01/getting-started-with-gulp/

[7] Как использовать Notification API : http://www.developerdrive.com/2014/01/how-to-use-the-notification-api/

[8] Гайды по GitHub: http://guides.github.com/

[9] Альтернативы для полей ввода в HTML5: http://davidwalsh.name/html5-input-types-alternative

[10] 50 лучших онлайн-курсов и ресурсов для обучения веб-дизайну: http://lifehacker.ru/2014/01/24/50-web-design-courses/

[11] Как обучаться еще больше в 2014-м: http://www.webdesignerdepot.com/2014/01/how-to-learn-more-in-2014/

[12] Grunt.js: пользовательские задачи: http://quickleft.com/blog/grunt-js-custom-tasks

[13] SVG и JavaScript: что возможно и что следует учитывать?: http://www.noupe.com/javascript/svg-and-javascript-what-is-possible-what-to-consider-80578.html

[14] HTML / CSS / JS в терминах человеческого языка: https://medium.com/p/36f0b4c35f6d

[15] Yo Polymer – ураганный тур по оснастке веб компонентами: http://updates.html5rocks.com/2014/01/Yo-Polymer-A-Whirlwind-Tour-Of-Web-Component-Tooling

[16] Стилизация SVG с помощью CSS: возможности и ограничения: http://www.noupe.com/css/styling-svg-with-css-capabilities-and-limitations-80586.html

[17] After… no, no, ::before… wait…: http://html5hub.com/after-no-no-before-wait/

[18] Decss — фреймворк на CSS для создания несложных презентаций : http://dryan.github.io/decss/#intro

[19] LESS vs Sass? Пришло время переключаться на Sass : http://flippinawesome.org/2014/01/20/less-vs-sass-its-time-to-switch-to-sass/

[20] Как создать адаптивный звездочный рейтинг на CSS и SVG: http://blog.iconfinder.com/how-to-create-a-responsive-star-rater-using-css-and-svg/

[21] Работа с LESS в Chrome DevTools : http://net.tutsplus.com/tutorials/tools-and-tips/working-with-less-and-the-chrome-devtools/

[22] 10 утилит для SCSS, без которых я не могу жить: http://hackingui.com/front-end/10-best-scss-utilities/

[23] CSS animation-fill-mode: http://davidwalsh.name/animation-fill-mode

[24] Flexbox для форм: http://germanforblack.com/post/73295576875/flexbox-for-forms

[25] Офисная комната на CSS: http://codepen.io/arbaoui_mehdi/full/yCjzm

[26] Obvious Buttons: http://skidding.github.io/obvious-buttons/

[27] Миксин для создания согнутого уголка : http://tzi.fr/css/lab/folded-corner-mixin

[28] Трюк для анимации CSS-градиента: http://codersblock.blogspot.be/2013/12/gradient-animation-trick.html

[29] Стили для навигационных точек : http://tympanus.net/codrops/2014/01/21/dot-navigation-styles/

[30] Индикаторы загрузки на CSS: http://www.paulund.co.uk/css-loading-spinners

[31] CSS Regions возможно вредны для веба: http://alistapart.com/blog/post/css-regions-considered-harmful

[32] CSS Art: http://afranoubarzadeh.se/cssart.html

[33] Вы будете поражены узнав, сколько цветов поддерживает CSS: http://colours.neilorangepeel.com/

[34] SassyJSON: разговаривайте с браузером! : http://hugogiraudel.com/2014/01/20/json-in-sass/

[35] Пишем качественный код на jQuery: http://frontender.info/writing-better-jquery-code/

[36] MutationObserver и MutationEvent: http://www.xiper.net/learn/javascript/events/mutationobserver-mutationevent.html

[37] Соглашения о коде языка JavaScript: http://www.xiper.net/learn/javascript/soglasheniya-yazyka-javascript.html

[38] Видеопроигрыватель для сайтов обучающих иностранным языкам: http://habrahabr.ru/post/210146/

[39] Обещания JavaScript: http://habrahabr.ru/post/209662/

[40] Три забавных метода оформления текста с использованием Lettering.js : http://www.dejurka.ru/css/fun-typography-css/

[41] Релиз jQuery 1.11 и 2.1: http://blog.jquery.com/2014/01/24/jquery-1-11-and-2-1-released/

[42] Секреты объекта $: https://medium.com/p/5fba191133eb

[43] Прототипы — это не классы: http://raganwald.com/2014/01/19/prototypes-are-not-classes.html

[44] Контроль асинхронного потока с помощью jQuery.Deferred: http://engineering.zumba.com/2014/01/16/asynchronous-control-flow-jquery-deferred/

[45] Десять простых сниппетов на jQuery, которые должен знать каждый: http://www.webdesignerdepot.com/2014/01/10-jquery-snippets-every-designer-should-know/

[46] User Timing API: http://www.html5rocks.com/en/tutorials/webperformance/usertiming/

[47] Ember.js — An Application Framework For The Future: http://vimeo.com/84212104

[48] Подборка свежих видео с NG-conf 2014: http://www.youtube.com/user/ngconfvideos/videos

[49] Как добавлять поля с авто-подсказками в формы с помощью typeahead.js: http://www.developerdrive.com/2014/01/how-to-add-autocompletion-to-forms-with-typeahead-js/

[50] Contra: https://github.com/bevacqua/contra#comparison-with-async

[51] Jack In The Box: https://github.com/matthieua/jackInTheBox

[52] Ifvisible.js: http://serkanyersen.github.io/ifvisible.js/

[53] Remote.js: http://creativejs.com/2014/01/remote-js/

[54] 5 методов взаимодействия CSS и JavaScript, о которых вы могли и не знать : http://davidwalsh.name/ways-css-javascript-interact

[55] Инъекции зависимости на JavaScript : http://flippinawesome.org/2014/01/20/dependency-injection-in-javascript/

[56] JavaScript The Right Way: http://jstherightway.org/

[57] Погружение в простой JavaScript: http://blog.adtile.me/2014/01/16/a-dive-into-plain-javascript/

[58] Понимание Function.prototype.bind в JS : http://coding.smashingmagazine.com/2014/01/23/understanding-javascript-function-prototype-bind/

[59] Создание анимации для карточек с советами с помощью jQuery Tip Cards: http://www.onextrapixel.com/2014/01/23/create-a-google-tips-card-animation-for-your-website-with-jquery-tip-cards/

[60] Инструмента для конвертации в Data URI: http://www.red-team-design.com/data-uri-tools

[61] «Яндекс.Переезд»: http://disk.yandex.ru/pereezd/

[62] RSS ридер, использующий ваши аккаунты в Dropbox либо Google: http://jellyreader.com/

[63] .psd fonts: http://psdfonts.com/

[64] CodePlayer: http://engineering.hackerearth.com/2014/01/21/introducing-codeplayer/

[65] Border-radius generator: https://developer.mozilla.org/en-US/docs/Web/CSS/Tools/Border-radius_generator

[66] JSON Generator: http://www.json-generator.com/

[67] Китай представил собственную национальную операционную систему: http://habrahabr.ru/post/209772/

[68] еще немного инфы: http://www.cnews.ru/top/2014/01/17/kitay_sozdal_nacionalnogo_ubiycu_android_foto_556724

[69] Павел Дуров продал свою долю в ВК. Теперь официально: http://habrahabr.ru/post/210236/

[70] Доходы Microsoft достигли рекордных значений: http://habrahabr.ru/post/210282/

[71] Windows 8 продолжает сдавать позиции: http://keddr.com/2014/01/windows-8-prodolzhaet-sdavat-pozitsii/

[72] DHL и FedEx перестали доставлять в Россию «товары для личного использования»: http://www.siliconrus.com/2014/01/dhl/

[73] Instagram растет быстрее других соцсетей: http://www.cossa.ru/news/244/61433/

[74] Google тестирует страницу Knowledge Graph в поисковой выдаче: http://www.searchengines.ru/news/archives/google_testirue_popup.html

[75] Аналитика: продажи носимых электронных устройств в 2014 году превысят 10 млн штук: http://www.3dnews.ru/797818/

[76] 3D-принтер напечатает жилой дом за 24 часа: http://www.computerra.ru/92209/3d-printer-napechataet-zhiloy-dom-za-24-chasa/

[77] Российская криптовалюта Wishcoin станет антиподом BitCoin: http://www.computerra.ru/92263/rossiyskaya-kriptovalyuta-wishcoin-stanet-antipodom-bitcoin/

[78] World of Tanks в 2013 году заработала $372 млн, опередив по доходам Lineage и World of Warcraft: http://ain.ua/2014/01/20/509419

[79] Зафиксирован ботнет, включающий роутеры, телевизоры и даже холодильник: http://itc.ua/news/zafiksirovan-botnet-vklyuchayushhiy-routeryi-televizoryi-i-dazhe-holodilnik/

[80] Coursera запустила новый формат обучения: http://www.lookatme.ru/mag/industry/industry-news/199775-coursera

[81] Microsoft отчиталась о рекордном квартале: http://www.computerra.ru/92565/microsoft-otchitalsya-o-rekordnom-kvartale/

[82] Новая бета Яндекс.Браузера 14.2: новый менеджер загрузок и просмотр офисных документов: http://habrahabr.ru/company/yandex/blog/209926/

[83] Интервью с Романом Ивановым: первый год Яндекс.Браузер: http://itc.ua/articles/intervyu-s-romanom-ivanovyim-pervyiy-god-yandeks-brauzer/

[84] Ошибка в Chrome позволяет злоумышленникам прослушивать разговоры пользователя: http://itc.ua/news/oshibka-v-chrome-pozvolyaet-zloumyishlennikam-proslushivat-razgovoryi-polzovatelya/

[85] Google отрицает: http://www.3dnews.ru/797917/

[86] Зафиксирована скупка популярных браузерных дополнений для распространения вредоносного кода: http://www.opennet.ru/opennews/art.shtml?num=38882

[87] Призовой фонд соревнования по взлому Chrome OS составит 2.7 млн долларов: http://www.opennet.ru/opennews/art.shtml?num=38926

[88] Сайты с лесной атмосферой : http://www.dejurka.ru/web-design/forest-websites/

[89] 25 сайтов с нестандартными комбинациями цветов: http://line25.com/articles/25-website-designs-with-unusual-color-combinations

[90] Сайты с интрактивными портфолио и резюме: http://www.onextrapixel.com/2014/01/20/interactive-portfolio-and-resume-websites-to-inspire-you/

[91] 100 лет авиации: http://www.theguardian.com/world/ng-interactive/2014/aviation-100-years

[92] Fanboys: http://www.theverge.com/2014/1/21/5307992/inside-the-mind-of-a-fanboy

[93] Vimeo Annual Report 2013: http://vimeo.com/timeline/2013/

[94] blacknegative.com: http://blacknegative.com/

[95] hugeinc.com: http://www.hugeinc.com/

[96] RockerCreative: http://rockercreative.com/

[97] builtthings.com: http://builtthings.com/#1

[98] kaipoche.co: http://www.kaipoche.co/

[99] the-flutenizer.iregular.io/: http://the-flutenizer.iregular.io/

[100] Война с дизайнером: откуда берётся хороший дизайн: http://habrahabr.ru/post/210208/

[101] Комбинирование шрифтов: подсказки и техники : http://www.dejurka.ru/articless/mixing-typefaces/

[102] Shutterstock назвал главные тренды дизайна 2014 года: http://www.lookatme.ru/mag/industry/industry-news/199799-shutterstock

[103] Инструменты будущего в веб-дизайне: крушение мифов: http://www.computerra.ru/92282/instrumentyi-budushhego-v-veb-dizayne-krushenie-mifov/

[104] Модные кнопки в веб-дизайне: http://www.dejurka.ru/web-design/buttons-web-design/

[105] Звездные логотипы : http://www.dejurka.ru/graphics/star-logo/

[106] Рисуем зимний паттерн в Adobe Illustrator: http://www.dejurka.ru/tutorial/winter_pattern/

[107] Почему японский веб-дизайн выделяется из других: http://www.onextrapixel.com/2014/01/17/why-japanese-web-design-stands-out-from-the-rest/

[108] Логотип должен рассказывать историю: http://4ormat.com/logo

[109] Вдохновляющие сайты с веб-дизайном использующим текстуры и паттерны: http://webdesignledger.com/inspiration/13-inspiring-examples-of-textures-and-patterns-in-web-design

[110] Mondrian: http://mondrian.io/contributing

[111] Десять вещей, которые вы должны знать об инструменте Crop в Photoshop: http://psd.tutsplus.com/tutorials/tools-tips/10-things-you-should-know-about-the-crop-tool/

[112] Полное руководство по настройкам цветов, цветовым профилям и Proofing в Photoshop: http://psd.tutsplus.com/tutorials/tools-tips/comprehensive-guide-to-color-settings-color-profiles-and-proofing/

[113] Полное руководство по новинкам, появившимся в Adobe Photoshop 14.2: http://psd.tutsplus.com/articles/news/complete-guide-to-whats-new-in-adobe-photoshop-14-2/

[114] GuideGuide: http://guideguide.me/3.0

[115] Конкурс на создание лучшей анимированной гифки с зимней тематикой: http://psd.tutsplus.com/articles/news/submit-your-art-to-this-months-winter-gif-challenge/

[116] Создание вайрфреймов с помощью Illustrator и InDesign: http://mattdsmith.com/wireframing-with-illustrator-and-indesign/

[117] Дизайн эффективных электронных писем с уведомлениями: http://www.campaignmonitor.com/blog/post/4124/the-design-of-subscriber-notification-emails

[118] YouTubeKaleidoscome.com: http://www.youtubekaleidoscope.com/#discover

[119] Концепт iWatch часов от Todd Hamilton: http://toddham.com/blog/iwatch-concept/

[120] 2014: год когда мы перейдем на 4K: http://daverupert.com/2014/01/4K-RWD/

[121] Как Quora привлекает новых пользователей: http://www.useronboard.com/how-quora-onboards-new-users/

[122] Font Nerd: http://www.font-nerd.com/

[123] Какой-то шутник сделал фейковые знаки для Лондонского метро: http://prosign.tumblr.com/post/33766157596/someone-has-made-fake-london-underground-signs-and

[124] Подборка ледяных текстур : http://www.dejurka.ru/graphics/free-ice-texture/

[125] Более десятка PSD для пополнения вашей библиотеки: http://webdesignledger.com/freebies/11-free-psds-to-spice-up-your-design-library

[126] Ресурсы для веб-дизайнеров за декабрь 2013: http://www.noupe.com/freebie/html-css-psd-and-more-22-free-design-resources-from-december-2013-80552.html

[127] The Camera Collection: http://b.illbrown.com/camera/

[128] Bootstrap 3 Vector UI Kit: http://bootstrapuikit.com/

[129] Набор плоских и круглых иконок — Roundicons Icon Set (60 Icons, PNG, SVG, EPS, AI): http://www.smashingmagazine.com/2014/01/24/roundicons-set-60-icons-png-ai-source/

[130] Две дюжины плоских и круглых иконок социальных сетей: http://www.onextrapixel.com/2014/01/24/freebie-24-free-circular-flat-social-media-icons/

[131] Десять иконок календарей: http://dotbuffer.com/free-calendar-icon-sets/

[132] 177 плоских контурных иконок (AI + PSD): http://freebiesbug.com/psd-freebies/177-design-icons-ai-psd/

[133] Иконки ilepixeli: http://dribbble.com/shots/1383631-ilepixeli-icons

[134] Коллекция классных шрифтов из недр Behance: от Alegreya до Corduroy: http://designmodo.com/free-fonts-behance/

[135] Пятничные шрифты #7: от Sabado до Savu Condensed: http://www.webdesignerhub.com/free-fonts-friday-7/

[136] KAIJU: http://www.behance.net/gallery/KAIJU-(Free-Font)/13701753

[137] Упаковки иконок со смайликами: http://www.webdesigntunes.com/graphic-design/great-free-emoticon-and-smiley-icon-packs/#.UuNiSbSxWUk

[138] Низкополигональная 3D модель на WebGL: http://experiments.truthlabs.com/LowPoly/

[139] 3D hover-aware cube: http://dropthebit.com/793/3d-hover-aware-cube/

[140] Эффект фонарика: http://plugindetector.com/lights-off

[141] Коллекция клевых HTML5 демок и экспериментов: http://www.designyourway.net/blog/inspiration/a-collection-of-amazing-html5-demos-and-experiments/

[142] Компании Apple 30 лет: http://www.apple.com/30-years/

[143] Эволюция компьютеров Mac: http://www.siliconrus.com/2014/01/evolyutsiya-kompyuterov-mac/

[144] Как IT-специалистам избежать «выгорания»?: http://it.tut.by/382854

[145] Олимпийские игры: Почему Павел Дуров ушёл из «ВКонтакте»: http://www.hopesandfears.com/hopesandfears/entrepreneurs/hf/125061-durov-vsyo

[146] Все дело ВДурове: http://lenta.ru/articles/2014/01/24/vk/

[147] Видеосервис Vine отметил годовщину подборкой лучших роликов: http://lenta.ru/news/2014/01/24/yearonvine/

[148] Папа Римский и Патриарх Кирилл не сошлись во взглядах на интернет: http://tjournal.ru/paper/internet-religion/

[149] Для рекламы Old Spice создали поддельные сайты «глупых» товаров: http://tjournal.ru/paper/oldspice-prank-sites

[150] В ответ на статью о своем исчезновении соцсеть Facebook предсказала исчезновение воздуха: http://www.cossa.ru/news/244/61729/

[151] Palette — модульный контроллер: http://keddr.com/2014/01/palette-modulnyiy-kontroller/

[152] LSO Play: http://play.lso.co.uk/

[153] Билл Гейтс проиграл Магнусу Карлсену в шахматы за 9 ходов: http://habrahabr.ru/post/210290/

[154] Билл Гейтс снялся в вирусном ролике в костюме цыпленка: http://lenta.ru/news/2014/01/23/bill/

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

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

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

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

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