Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб-разработка |
|
|
Браузеры |
Дизайн |
Бесплатные печеньки |
Новости |
Занимательное |
Веб-разработка
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
- ES6 (ECMAScript 2015):
- Одобрена спецификация ECMAScript 2015, ECMAScript 2015 официальный релиз
- Exploring ES6: бесплатная книга для погружения в ES6
- JavaScript: ES6 Intro
- ES6 в деталях: коллекции (ES6 In Depth: Collections)
- Начало работы с JavaScript ES6 Destructuring (Getting Started with JavaScript ES6 Destructuring)
- Функциональные примеси в ECMAScript 2015 (Functional Mixins in ECMAScript 2015)
- WebAssembly:
- Google, Microsoft, Mozilla и другие объединились для запуска WebAssembly, нового бинарного формата для Web
- Последний проект создателя JavaScript: УБИТЬ JAVASCRIPT (JavaScript creator Eich's latest project: KILL JAVASCRIPT)
- От ASM.JS к WebAssembly от Brendan Eich (From ASM.JS to WebAssembly by Brendan Eich)
- WebAssembly: бинарный формат для веба (WebAssembly: a binary format for the web)
- Что же такое WebAssembly? (What is WebAssembly?)
- Прототипы это объекты (и почему это важно)
- Неизменяемость в JavaScript
- Frontflip Podcast №13: Ember 2.0. Андрей Листочкин
- Паттерн «Модуль»
- Node.js и io.js объединились под покровительством организации Linux Foundation
- Презентация: поднимаем уровень знания JavaScript (Leveling Up at JavaScript)
- javascript.com — обучающий портал
- Как стать великим JavaScript разработчиком (How to Become a Great JavaScript Developer)
- Введение в JS-анимацию (Intro to JavaScript Animation)
- Использование MySQL с Node.и node-mysql JavaScript клиентом (Using MySQL with Node.js & the node-mysql JavaScript Client)
- Универсальный JavaScript (Universal JavaScript)
- Модульное тестирование AngularJS-приложений (Unit testing AngularJS applications)
- Фильтры с помощью JS и Google Cartboard (Filtering Reality with JavaScript and Google Cardboard)
- Плагины:
- Animate Plus — производительная JS-библиотека, помогающая анимировать CSS-свойства и SVG-атрибуты.
- Infinite-list — реализация бесконечной прокрутки? работающая с 60fps
- Guitar Tuner
- Dokker.js — документация для JS кода
- Dynamics.js — библиотека для создания «физики» в анимации
- KinWin.js — минималистическая библиотека для манипуляций с DOM
- mark[lib — библиотека для серилизации выделений
- Введение в Verlet.js (An Introduction to Verlet.js)
- Что нового в Babylon.js? (What’s New in Babylon.js?)
- jQuery.profanityFilter — клиентский фильтр ненормативной лексики
- svg2d3 — конвертор из SVG в код d3.js
- OzPlayer — первый полностью доступный видеоплеер
- Quttons — кнопки с вопросами
Браузеры
- html5accessibility.com — текущее состояние поддержки доступности в браузерах
- favicon-bug — баг с одногигабайтной favicon иконкой сайта
- Связанная с favicon уязвимость в Chrome и Firefox
- Как сделать Firefox самым безопасным браузером
- Chrome для Mac оптимизировали и теперь он рациональнее использует ресурсы
- Google внедрил проприетарный код в Chromium
- Safari 9: все, о чем должны знать веб-разработчики
Сайты с интересным дизайном и функциональностью
- 25 свежих примеров сайтов с минималистичным дизайном
- Сайты с акварельной краской
- frontporch.io — объемный интерактивный фон и интересные эффекты наведения
- paulineosmont.com — сайт с интересными примерами анимации
- http://www.habib-fadel.com — сайт с нестандартными визуальными эффектами
- huskditkryds.dk — интерактивный сайт с концептуальным дизайном
- boscoalto.com — сайт с клевыми переходами между слайд-страницами
- scarlet.macaw.co — симпатичная 3D анимация
- spotify-tasterewind.com — изоморфические эффекты
Дизайн
- 8 распространённых ошибок в дизайне (и как их избежать)
- Material Design и поиск на примере приложения-справочника
- Убей Comic Sans: 23 простых игры для дизайнеров
- В Photoshop CC 2015 появится режим для дизайна интерфейсов
- Вице-президент Intercom: Вся интернет-индустрия перейдет на карточные интерфейсы
- Шрифтовик рассказал о процессе редизайна логотипа Quora
- Когда плохой UX может быть эффективным?
- Игры для дизайнеров
- Какое оптимальное время длительности анимации интерфейсов? (What is the Optimal Duration of the Animation Interface?)
- Создаем продвинутую анимацию в Photoshop (Creating Advanced Animations In Photoshop)
- Типографика говорит больше, чем слова (Typography Speaks More Than the Words)
- Семь экспертов по UX делятся наиболее раздражающими ошибками юзабилити (7 UXperts Share Most Annoying Usability Mistakes)
- Что можно и чего нельзя в UI дизайне — от Apple (UI Design Dos and Dont's)
- Забудьте UX. Как концентрироваться на ориентированном на конверсию дизайне (Forget UX. How to Focus on Conversion Centered Design)
- Тренды дизайна текстовых полей форм (Form Input Design Trends)
- Руководство по стилю NASA
- Google запустил сайт Material Design для мусульман (Google has launched a Material Design website for Muslims)
- О дизайне в Meerkat (Inside Design: Meerkat)
- Процесс создания дизайна Moments (Designing Moments)
- Одинадцать подсказок по дизайну приложений для Apple Watch (11 Tips For Designing Apps for Apple Watch)
- Семь будущих трендов веб-дизайна (7 future web design trends)
- Геометрический дизайн: узлы и волны (Geometric Design: Knots and Weaves)
- Потерять себя в сценах из Pixels Huh (Lose yourself in the scenes of Pixels Huh)
- Прототипирование приложений: начинаем работать с Facebook Origami (App Prototyping: Getting Started with Facebook Origami)
- Урок по Pixat: как сделать анимацию относительно направления прокрутки с показом процесса дозагрузки данных (Pixate Tutorial: Animation based on scroll direction with pull to refresh)
- Создание детализированного, иллюстрированного и безшовного паттерна в Adobe Photoshop (Create a Detailed, Illustrative, Seamless Pattern in Adobe Photoshop)
- Прототипирование с Photoshop layer comps (Prototyping with Photoshop layer comps)
- Улучшения в Photoshop CC 2015 (Photoshop CC 2015 improvements)
- Представление новых параметров функции Export в Photoshop-е (Introducing Export Options for Photoshop)
- Photoshop CC 2015 копирует Sketch и это хорошо (Photoshop CC 2015 is copying Sketch and it’s a good thing)
- Дизайн с данными (Designing with Data)
- Как векторизировать персонажа Team Awesome в Adobe Illustrator-е (How to Vector the Team Awesome Mascot in Adobe Illustrator)
- 77 способов сделать дизайн буквы 'M' (77 Ways to Design the Letter 'M')
- Объемная типографика от Muokkaa (Dimensional Typography by Muokkaa)
Подборка бесплатных дизайнерских печенек
- Наборы с кистями для 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)
Новости
- Google тестирует метку «Slow to load» в результатах мобильной выдачи
- Бета-версия Skype for Web доступна для всех желающих
- Alibaba запустит свой Netflix
- YouTube запускает канал YouTube Newswire для продвижения видео очевидцев
- Стивен Элоп и ряд других топ-менеджеров покидают Microsoft
- Google, Mozilla и Microsoft занимаются новым интернетом, где сайты будут работать в 20 раз быстрее (WebAssembly)
- Microsoft предложила новый способ получения Windows 10 бесплатно
- Доставка товаров дронами Amazon начнётся в течение года
- Аркадий Волож занял четвертое место в рейтинге европейских ИТ-предпринимателей по версии Financial Times
- Reddit будет шифровать весь свой трафик
- «Яндекс» привлечет сторонних инвесторов для развития своего проекта в Турции
Занимательное
- 3D-принтер научили печатать объекты из дерева
- 7 фанатов Apple, отказавшихся от Apple Watch
- 50 лет по экспоненте: транзисторная революция по закону Мура
- Почему в Mac OS и Windows разные горячие клавиши
- Почему Стив Джобс был мудаком и почему молодым СЕО не нужно его копировать — исповедь бывшей сотрудницы Apple
- 8 ошеломительных цифр из жизни транзисторов и микропроцессоров
- Итоги Electronic Entertainment Expo 2015: Рай для геймеров
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
