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

---

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

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

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

[1] Суперсилы Chrome DevTools: http://habrahabr.ru/company/2gis/blog/246557/

[2] Одиннадцатиклассница, или тестируем баги вёрстки: http://habrahabr.ru/company/2gis/blog/246831/

[3] «Не проверив HTML5-кода, не суйся в воду» — интервью с Майком™ Смитом: http://web-standards.ru/articles/check-it-before-you-wreck-it/

[4] Вышел markdown-it, парсер markdown с расширяемым синтаксисом: http://www.opennet.ru/opennews/art.shtml?num=41336

[5] Ссылка внутри заголовка или заголовок внутри ссылки?: http://forwebdev.ru/html/link-in-header-or-header-in-link/

[6] Более быстрая загрузка веб-шрифтов для современных браузеров при использовании localStorage и при поддержке WOFF2: http://bdadam.com/blog/better-webfont-loading-with-localstorage-and-woff2.html

[7] Советы по оптимизации SVG на продакшене: http://calendar.perfplanet.com/2014/tips-for-optimising-svg-delivery-for-the-web/

[8] Разработка веб-приложения с фреймворком Junior и Firebase: http://www.sitepoint.com/web-app-development-junior-framework-firebase/

[9] Делайте разметку лучше с помощью HTML Inspector: http://www.sitepoint.com/write-better-markup-html-inspector/

[10] Концепт меню для мобильных Pull Menu: http://codepen.io/fbrz/pen/bNdMwZ

[11] Sliding Header Layout: http://tympanus.net/codrops/2014/12/23/sliding-header-layout/

[12] Materialize: http://dogfalo.github.io/materialize/index.html

[13] Предосмотр фич Google Font OpenType: http://code.thisarmy.com/fontsinfo/

[14] CSS2 наносит ответный удар: W3C взялся за CSS2.2: http://css-live.ru/vecssti-s-polej/css2-strikes-back.html

[15] Проблема с CSS-препроцессорами: http://htmlacademy.ru/blog/33

[16] Github CSS Styleguide: http://forwebdev.ru/css/github-css-styleguide/

[17] Улучшаем кнопки с помощью режимов смешивания и фильтров: http://demosthenes.info/blog/963/Better-Buttons-With-Blend-Modes-and-Filters

[18] Руководство по стилям от Buffer: https://bufferapp.com/style-guide

[19] strip-css-comments: https://github.com/sindresorhus/strip-css-comments

[20] Таблица CSS цветов: http://ainsleywagon.github.io/color-chart/

[21] Give ’n’ Go: http://give-n-go.co/

[22] Воссоздание параллакс эффекта с сайта Firewatch: https://medium.com/@hamstu/recreating-the-firewatch-parallax-effect-213694d42f4e

[23] Elf: сетка для Stylus, построенная на calc() : http://corysimmons.github.io/elf/

[24] Real Sass, Real Maps: http://blog.grayghostvisuals.com/sass/real-sass-real-maps/

[25] CSS — анимация для заголовков : http://codyhouse.co/gem/css-animated-headlines/

[26] Представление проекта: http://www.sitepoint.com/introducing-sass-compatibility/

[27] Sass Compatibility: http://sass-compatibility.github.io/

[28] Позиционирование фоновых изображений со смещением : http://css-tricks.com/positioning-offset-background-images/

[29] Sortable v1.0: Новые возможности: http://habrahabr.ru/post/246373/

[30] Учебник AngularJS: Всеобъемлющее руководство, часть 1: http://habrahabr.ru/post/246881/

[31] Почему вам НЕ стоит использовать AngularJs: http://habrahabr.ru/post/246905/

[32] 15 лучших JavaScript-библиотек для построения диаграмм и схем: http://habrahabr.ru/post/246907/

[33] Нативные геттеры и сеттеры в JavaScript: http://forwebdev.ru/javascript/native-accessor-properties/

[34] Нативная связь данных в JavaScript: http://frontender.info/native_javascript_data_binding/

[35] Свежие релизы jQuery 1.11.2 и 2.1.3: http://blog.jquery.com/2014/12/18/jquery-1-11-2-and-2-1-3-released-safari-fail-safe-edition/

[36] ECMAScript 6: новые возможности ООП и классов: http://www.2ality.com/2014/12/es6-oop.html

[37] Книга рецептов: JavaScript для автоматизации: https://github.com/dtinth/JXA-Cookbook/wiki

[38] Полный стек JavaScript разработки с MEAN: http://www.sitepoint.com/full-stack-javascript-development-mean/

[39] Artisan Validator: https://github.com/MCProHosting/artisan-validator

[40] Прекрасный Backbone.js: https://github.com/instanceofpro/awesome-backbone

[41] Избегайте минифицированной версии AngularJS в разработке: http://www.raymondcamden.com/2014/12/26/avoid-the-minified-angularjs-library-in-development

[42] 80 вопросов по jQuery для собеседования (и ответы к ним) : http://www.codeproject.com/Articles/618484/Latest-jQuery-interview-questions-and-answers

[43] Multiple Select: http://wenzhixin.net.cn/p/multiple-select/docs/

[44] jQuery.DebugCssAnimation: https://github.com/zehfernandes/jQuery.DebugCssAnimation

[45] deSVG: http://benhowdle.im/deSVG/

[46] dynamic-json-resume: https://github.com/jrm2k6/dynamic-json-resume

[47] Конвертация AMD в CJS с помощью Recast: https://github.com/Skookum/recast-to-cjs

[48] Particture: http://tadeuzagallo.com/particture/

[49] Scrolline.js: https://github.com/anthonyly/Scrolline.js

[50] Вперёд в прошлое: 5 сайтов IT-компаний 10 лет назад: http://droider.ru/post/vperyod-v-proshloe-5-saytov-it-kompaniy-10-let-nazad-27-12-2014/

[51] Анимированные герои рождества и Нового Года в разных странах мира: http://christmaswithjoy.com/

[52] Сайт-презентация будущего аэропорта Лиона: http://www.lyonaeroports-t1.com/en

[53] VirtualInsanity: http://www.markeluk.com/portals/direct/graphic/index.html

[54] Вертикальный сайт со связной скролл-историей: http://www.firehousesubs.com/SavingLives#!/main

[55] It´s all in your mind: http://mikkelbang.com/

[56] Как сделать идеальный дизайн для одно-страничного сайта: http://www.webdesignerdepot.com/2014/12/how-to-design-the-perfect-single-page-website/

[57] Не зашел ли плоский дизайн слишком далеко?: http://www.webdesignerdepot.com/2014/12/has-flat-design-gone-too-far/

[58] Нажми меня! Как сделать кнопки call-to-action более эффективными: http://www.sitepoint.com/push-making-cta-buttons-clickable/

[59] Пять способов выделить текст на фоновом изображении: http://www.dejurka.ru/tutorial/five-ways-to-improve-contrast-text-image/

[60] Продуктовый дизайн: 16 самых важных материалов за декабрь: http://siliconrus.com/2014/12/vetrov-2/

[61] Типографика в новогоднем стиле: http://www.dejurka.ru/graphics/christmas-typography/

[62] Быстрый эффект гранж в Adobe Illustrator: http://www.dejurka.ru/tutorial/grunge-text-effect/

[63] Прозрачные графические элементы в веб-дизайне: http://www.dejurka.ru/web-design/transparent-graphics/

[64] Как я сделал интерактивный прототип почтового клиента с Google Form: https://medium.com/@designforhuman/how-i-built-email-interaction-prototype-with-google-form-45e590994213

[65] Лучшая и худшая айдентика в 2014-м, часть первая: лучшие примеры: http://www.underconsideration.com/brandnew/archives/the_best_and_worst_identities_of_2014_part_1_the_best_reviewed.php#.VJ1gll4iAM

[66] Дизайнер, работающая без рук: http://www.looknohands.me/

[67] Лучшие UI анимации 2014-го года: http://beautifulpixels.com/highlight/the-highlight-2014-ui-animations/

[68] UX CHECK: http://www.uxcheck.co/

[69] Создание анимированной гифки в фотошопе и иллюстраторе: http://veerle.duoh.com/design/article/creating_an_animated_gif_in_illustrator_photoshop

[70] Как нарисовать энергетическую сферу в фотошопе: http://www.youthedesigner.com/graphic-design-resources/adobe-tutorials/advanced-photoshop-tutorial-energy-sphere/

[71] Уроки по созданию текстовых эффектов в фотошопе: http://www.youthedesigner.com/graphic-design-resources/adobe-tutorials/33-creative-photoshop-tutorials-text-effects-for-beginners-and-advanced/

[72] Создание зимней сцены в Adobe Photoshop: цифровое рисование: http://design.tutsplus.com/tutorials/create-a-winter-scene-in-adobe-photoshop-the-digital-painting--cms-22724

[73] Дизайн линейных иконок. Чему я научился: https://medium.com/@MatthewCooperUK/line-icon-design-what-ive-learnt-so-far-2a2b06733338

[74] Искусство фракталов: рисуем цветы в Apophysis: http://design.tutsplus.com/tutorials/fractal-art-advanced-flowers-in-apophysis--cms-22686

[75] Как нарисовать фонарик со свечей в Adobe Illustrator: http://design.tutsplus.com/tutorials/how-to-create-a-winter-candle-lantern-in-adobe-illustrator--cms-22837

[76] Хорошие, плохие и замечательные примеры веб-типографики: http://www.smashingmagazine.com/2014/12/22/the-good-the-bad-and-the-great-examples-of-web-typography/

[77] FourZeroFour: http://404sites.tumblr.com/

[78] Добавление проверки контрастности в процесс веб-разработки : http://24ways.org/2014/integrating-contrast-checks-in-your-web-workflow/

[79] Material UI Colors: http://www.materialui.co/colors

[80] Более двух десятков упаковок с фонами — геометрическими многоугольниками: http://www.fusionplate.com/3974/free-polygon-background-packs/

[81] Наборы качественных кистей для фотошопа от FBrushes с абстрактными либо цветочными рисунками: http://www.webdesignerdepot.com/2014/12/free-download-awesome-photoshop-brushes-from-fbrushes/

[82] Наборы UI с плоским дизайном и яркими цветами: http://www.noupe.com/essentials/freebies-tools-templates/late-breaking-29-free-vibrant-flat-ui-packs-86185.html

[83] Набор Hotel UI Kit в формате PSD: http://webuilddesign.com/free-hotel-ui-kit-in-psd/

[84] Более восьмидесяти наборов с иконками: http://www.fusionplate.com/2459/free-icon-sets/

[85] Набор иконок для iOS — Odin-240+: http://www.webdesignfreebies.net/icons/odin-240-free-ios-icons/

[86] Монохромные векторные иконки на тему туризма и путешествий в форматах PNG и SVG: http://www.smashingmagazine.com/2014/12/23/freebie-tourism-travel-icon-set-100-icons-png-svg/

[87] Набор с иконками с плоским дизайном PixelBuddha: http://pixelbuddha.net/freebie/free-flat-icons-bundle

[88] Набор с векторными иконками Christmas: https://dribbble.com/shots/1848615-Christmas-Icon-set

[89] Koulouri: https://www.behance.net/gallery/21476965/Koulouri-Free-Font

[90] SOCIALIZE: https://www.behance.net/gallery/22056721/SOCIALIZE-FREE-RETINA-WEB-FONT

[91] Audimat 3000 Regulier: http://www.myfonts.com/fonts/smeltery/audimat-3000/regulier/

[92] Рождественские эксперименты с CSS3 и JS анимациями: http://codepen.io/collection/XkNaoN/

[93] Огни зимней городской улицы на canvas: http://inear.se/streetlights/

[94] FLAKES: http://flakes.b-reel.com/

[95] LEVEL 2: http://cabbi.bo/DRAGONFISH/

[96] Google конкурирует с песенными сайтами: http://www.searchengines.ru/news/archives/google_konkurir.html

[97] В следующем году в Сингапуре появятся беспилотные автомобили: http://gagadget.com/koncepty/16096-v-sleduyuschem-godu-v-singapure-poyavyatsya-bespilotnyie-avtomobili/

[98] Facebook хочет стать YouTube: раздел видео получил новый дизайн: http://www.3dnews.ru/907282/

[99] Windows XP все еще является второй по популярности настольной ОС: http://itc.ua/news/windows-xp-vse-eshhe-yavlyaetsya-vtoroy-po-populyarnosti-nastolnoy-os/

[100] Обновить Windows 7/8.1 до Windows 10 теперь можно прямо через Windows Update: http://itc.ua/blogs/obnovit-windows-7-8-1-windows-teper-10-mozhno-cherez-windows-update/

[101] Coub назвал лучшие ролики и теги 2014 года: http://tjournal.ru/paper/coub-best-2014

[102] Reddit вводит собственные денежные единицы Reddit Notes: http://tjournal.ru/paper/reddit-notes

[103] Yahoo закрывает ряд сайтов и сервисов: http://www.searchengines.ru/news/archives/yahoo_zakryvaet_ryad.html

[104] Google добавил в поисковую выдачу тексты песен: http://geektimes.ru/post/243389/

[105] Хакеры слили в сеть 13 000 паролей от аккаунтов пользователей Xbox Live, PlayStation Network и Amazon: http://siliconrus.com/2014/12/xmas-leaks/

[106] 10 самых мощных суперкомпьютеров мира: http://naked-science.ru/article/top/10-fastest-supercomputers

[107] 2014 год: переломный момент для открытого ПО: http://inoblogger.ru/2014/12/25/2014-open-source/

[108] Лучшие коубы 2014го года: http://keddr.com/2014/12/best-coubs-of-the-year-2014/

[109] Лучшие визуализации научных данных 2014 года: http://www.computerra.ru/112560/best-data-visualizations/

[110] Девять самых громких ИТ-скандалов года по версии ЦП: http://siliconrus.com/2014/12/scandals/

[111] Лучшее на Medium: Самые популярные статьи рубрики за 2014 год: http://siliconrus.com/2014/12/top-medium/

[112] 15 главных разочарований игровой индустрии в 2014 году: http://siliconrus.com/2014/12/disappointments-2014/

[113] Firefox: http://lifehacker.ru/2014/12/19/top-10-firefox-2014/

[114] Chrome: http://lifehacker.ru/2014/12/20/top-10-prilozheniya-chrome-2014/

[115] ИТ-тренды в корпорациях в 2015 году: http://habrahabr.ru/company/cloverr/blog/246893/

[116] 14 самых ожидаемых технологий и гаджетов 2015 года: http://ain.ua/2014/12/24/556517

[117] Легенды Силиконовой долины: история Apple: http://gagadget.com/15986-legendyi-silikonovoj-dolinyi-istoriya-apple/

[118] NASA планирует использовать дирижабли на солнечных батареях для исследования Венеры: http://gagadget.com/koncepty/16073-nasa-planiruet-ispolzovat-dirizhabli-na-solnechnyih-batareyah-dlya-issledovaniya-veneryi/

[119] Легенды Силиконовой долины: история Tesla Motors: http://gagadget.com/15959-legendyi-silikonovoj-dolinyi-istoriya-tesla-motors/

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

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

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

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

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