Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №165 (15 — 21 июня 2015)21.06.2015 22:03

Веб-разработка

• 2Mb веб-страницы — кого винить?
• Favicons, Touch Icons, Tile Icons и т. д. Что выбрать?
• БЭМ на конференции CodeFest 2015
• Материалы с майского 4Front Meetup в Минске
• Подкаст RadioJs, Выпуск 24. В гости заехал Андрей Ситник, автор PostCSS, почётный докладчик, фронтендер Злых Марсиан.
• Подкаст RadioJs, Выпуск 25: Марат Дулин, автор JSCS, unit-coverage и BEViS рассказывает историю своих проектов и делится планами.
• Bower — подробное руководство #1
• 5 невинных практик, которые могут повредить вашему SEO (5 innocent practices that could be sabotaging your SEO)
• Filterable Product Grid
• Делаем вашу первую игру на HTML5 с помощью Phaser (Making Your First HTML5 Game With Phaser)
• Топ 10 лучших веб-разработчиков 2015-го года по версии thenetawards
• Топ 10 дизайнерских портфолио за 2015-й
• Эффект разворачивания карточек с помощью SVG clipPath (Card Expansion Effect with SVG clipPath)
• Выключение всех автодополнений в текстовых полях форм для мобильных устрайств (Turn off HTML Input Auto Fixups for Mobile Devices)
• ShinyText — необычные визуальные эффекты для текста от Google
• Использование Chrome DevTools для профилирования сайта jsconf.eu (Using Chrome DevTools to profile the jsconf.eu site)
• Когда адаптивные изображения становятся ужасными (When Responsive Images Get Ugly)
• Практическое руководство по использованию SVG в вебе (SVG ON THE WEB — A Practical Guide)
• Bootcards — UI фреймворк с акцентом на концепции «карточек» (cards), используемых в Twitter, Google (Plus, Now), Spotify, Pinterest и Amazon
• Создание медиа-проигрывателя с HTML (Build a Media Player with HTML)

CSS

• Будущее поколение CSS-селекторов: Уровень 4
• Методологии верстки: БЭМ, AMCSS, OOCSS, Atomic CSS, OPOR, MCSS, SMACSS, FUN, DoCSSa (Елизавета Селиванова и Ирина Левина)
• Отзывчивая типографика с помошью Sass Maps (Responsive Typography With Sass Maps)
• Conical gradients, today! — CSS conic-gradient () polyfill от Lea Verou
• Доступные сноски с помощью CSS (Accessible Footnotes with CSS)
• PurifyCSS — инструмент для избавления от неиспользуемого CSS. Также работает с JS-стилизацией
• Написание хорошего CSS (Writing Good CSS)
• Тестирование функций Sass за 5 минут
• 5 вещей о CSS, о которых должен знать каждый веб-разработчик
• Презентация 'Lets move!' от Benjamin De Cock с CSSConf Australia 2015
• Как три современных инструмента используют Flexbox сетки (How 3 Modern Tools are Using Flexbox Grids)
• Создание тестов для вашего Sass-фреймворка (Creating Tests for Your Sass Framework)
• Руководство по стилю Envato Market (Welcome to the Envato Market Styleguide)
• GradifyCSS — модуль, который находит основные цвета в изображениях и создает масштабируемый CSS градиент

JavaScript

Браузеры

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

Дизайн

Подборка бесплатных дизайнерских печенек

• Наборы с кистями для Adobe Illustrator (27+ sets of Free Adobe Illustrator Splatter Brushes and Vector)
• Текстуры с полиграфическими эффектами (10 Free Halftone & Distressed Texture Packs)
• Более двух десятков бесшовных текстур для влохновения (20+ Free Seamless Background Textures For Inspiration)
• Иконки для интернет-магазинов (Freebie: 40 eCommerce Vector Icons)
• Шесть логотипов-бейджиков (6 Logo Badges Freebie)
• Иконки для интернет-магазинов (Icons for E-commerce (Freebie))
• Адаптивные спортивные иконки в форматах AI, CSH, PNG, PSD, Sketch, SVG (Freebie: Responsive Sports Icon Set (40×4 Icons, AI, CSH, PNG, PSD, Sketch, SVG))
• Более дюжины отобранных вручную упаковок с иконками социальных сетей (14 Hand-Picked, Free Social Icon Packs)
• Набор с иконками для веб-сайта (FREEBIE: 36 Free Website Icons)
• Прекрасные геометрические шрифты (20 Gorgeous Free Geometric Fonts to Download)
• Shumi — декоративный шрифт без засечек (Shumi Free font)
• Phage — декоративный шрифт без засечек (Phage — Free Font)

Новости

Занимательное

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.