Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб-разработка
5 способов сделать ваш сайт легче и быстрее, от David Walsh- Самые нужные плагины для Grunt
- MathMl в HTML5
- Использование встроенных SVG с резервной поддержкой Grunticon
- Секреты браузерных инструментов разработчика (часть 2)
Адаптивные изображения уже здесь. И что теперь? (Responsive Images Are Here. Now What?)- Лучший запасной вариант для SVG и различные версии изображения с помощью элемента picture (Better SVG Fallback and Art Direction With The <picture> Element)
- Пример разметки с поддержкой ARIA
- Прогрессивное улучшение — это не про доступность JavaScript (Progressive Enhancement is not about JavaScript availability)
- Как мы сделали новую главную страницу BBC (How we built the new BBC Homepage)
- Создание галереи изображений с Flickr API — стили и логика (Creating an Image Gallery with the Flickr API — Style and Logic)
- 60 FPS и веб (60 Frames Per Second and the Web) от John Gruber
- MIGHTYEDITOR — редактор для создания HTML5-игр (Web based open source HTML5 game editor, based on Phaser.io game engine)
- Работа с гибридными приложениями и IBM MobileFirst (Working with hybrid applications and IBM MobileFirst)
- SVG-анимация, запускающаяся при прокрутке с помощью ScrollMagic (SVG Scrolling Animation Triggered By ScrollMagic)
- Создание формы с данными кредитной карточки с помощью собственного элемента и Polymer (Building a Credit Card Form Custom Element with Polymer)
- Как создать анимированную заливку текста (How to Create Animated Text Fills)
- Пересмотренная загрузка шрифтов с помощью Font Events Font Loading от filamentgroup (Revisited with Font Events)
- Глубокое погружение в Adobe Edge Reflow
- Firebug vs Firefox Development Tools
- Битва сборщиков скриптов: Gulp Vs Grunt (The Battle Of Build Scripts: Gulp Vs Grunt)
- Новинки Web Audio в Firefox
- Веб-инструменты:
- yourbrowser.is — почти все основные параметры браузера
- Modulator — онлайн-конструктор шрифтов
- Cymbolism — сервис, показывающий статистику с ассоциациями слов и цветов их выражающих
CSS
- Подборка интересных CSS рецептов «Голые пятницы #4»
- Знакомство с object-fit
- Случайны сброс стилей (Accidental CSS Resets)
- Polylion — создание полигонального льва с помощью SVG
- Анимированная заливка текста (Animated Text Fills) от yoksel
- Основные и вспомогательные контрольные точки в Sass (Breakpoints and Tweakpoints in Sass)
- CSS Ruler — линейка с CSS единицами измерений
- littlebox — CSS-иконки
- CSS iOS устройства (CSS Devices)
- CSS-шутки (CSS Puns & CSS Jokes ~ Curated by Saijo George)
- CSS фреймворки, которые не являются Foundation-ом или Bootstrap-ом (Frameworks That Aren’t Foundation Or Bootstrap)
- Официальный CSS Guide от Trello
- Используем селектор CSS :target для создания UI-эффектов без JS (Using The CSS :target Selector To Create JavaScript-less UI Effects)
- Уменьшаем шрифты еще лучше с помощью WOFF 2.0 и unicode-range (Smaller Fonts with WOFF 2.0 and unicode-range)
- Awesome Sass — курируемый список с материалами по Sass.
- Разрыв отношений с Sass: дело не в тебе, дело во мне.. (Breaking up with Sass: it’s not you, it’s me)
JavaScript
- Angular Light + Object.observe
- Улучшаем код JavaScript на примере StarWars API
- Konva.js — HTML5 2d canvas framework
- SummaryJS, выпуск 2
- Операционные системы, потерянные и обретённые внебраузерным джаваскриптом
- 6to5 теперь Babel и целится дальше
- Используем цепочки методов
- Используем requestAnimationFrame
- Проверка содержимого массива с Array#some
- Репозиторий jQuery плагинов закрыт для записи, теперь плагины будут публиковать как npm пакеты (Welcome, jQuery developers!)
- Публикация jQuery-плагинов в npm, простой и грязный способ (Publishing your jQuery plugin to npm, the quick and dirty way)
- Важные изменения, которым следует уделить внимание в AngularJS 1.3 (The Big Changes to Pay Attention to in AngularJS 1.3)
- Классы в ES6 (последняя версия семантики) (Classes in ECMAScript 6 (final semantics))
-
JavaScript Unicode - Видео с 90-минутным обзором ECMAScript 6 (A 90 minute overview of ECMAScript 6 (video)) от Dr. Axel Rauschmayer
- Ужасные ошибки в JS коде, которые стоит избегать при использовании статических анализаторов (Terrible JavaScript Mistakes To Avoid With A Static Code Analyzer)
- Как делать производительные графики на базе шаблонов с помощью Path.js (How to Create Performant, Template-based Charts with Paths.js)
- Подведение итогов конференции React.sj 2015 (React.js Conf Round-up 2015)
- Дорожная карта io.js (io.js Roadmap)
- Визуальное регрессионное тестирование приложений на AngularJS (Visual Regression Testing For Angular Applications)
- generate-schema — генератор JSON Schema из объекта JSON
- jQuery.scrollSpeed — расширение для изменения скорости прокрутки в современных браузерах
- Awesomplete — виджет для авто-подсказок в текстовых полях
- Как работает NativeScript (How NativeScript Works)
- Dug.js — A JSONP to HTML Script
- Awesomplete: виджет для авто-подсказок в текстовых полях без зависимостей от Lea Verou (2KB autocomplete with zero dependencies)
Браузеры
- Есть ли жизнь после Presto?
- Firefox 38 показывает, какие расширения замедляют браузер
- Представлен новый лидер Firefox и структурные изменения в Mozilla
- JavaScript движок в Windows 10 будет поддерживать быстрый Mozilla Asm.js
Сайты с интересным дизайном и функциональностью
- stripe.com/bitcoin — CSS3 анимация
- 60th.eurovision.tv — мультимедийный сайт Евровидения с клевой навигацией
- mc3.com.au — вертикальный сайт с приятной анимацией
- couleecreative.com — вертикальный сайт со скролл-анимацией и фоновым видео
- Подборка-обзор адаптивных японских сайтов
Дизайн
- Компьютерные интерфейсы в кино — эволюция воображения
- Редизайн доллара, смартфон-часы, обновление The New York Times и еще 7 новостей дизайна
- Почему UI-специалисты отказываются от Photoshop и переходят на Sketch
- Лучшие дизайн блоги на Tumblr
- Веб-дизайн в оттенках серого
- Электронная схема в Adobe Illustrator
- Иллюстрации в стиле low poly
- Интервью с иллюстратором Monika Zagrobelna (To the Point: Interview With Monika Zagrobelna)
- Дизайн мобильных приложений и все что может пойти с ним не так (Mobile UX Design and All the Ways It Could Go Wrong)
- Пять сбивающих с толку иконок и их история (5 Confusing Icons and Their History)
- Крутое в Японии: веб-дизайн в стране восходящего солнца (Big in Japan: Web Design in the Land of the Rising Sun)
- Правим Goodreads, часть первая (Editing Goodreads, Part 1)
- Balenciaga.com Re-design от Fantasy Interactive
- За кулисами перезапуска журнала NY Times (Behind the Relaunch of The New York Times Magazine)
- Быстрая подсказка: рисование твердыми и мягкими кистями в фотошопе (Quick Tip: Painting With Hard vs. Soft Brushes in Adobe Photoshop)
- Типографика в Sketch 3: стили для текста (Typography in Sketch 3: Linked Text Styles)
- Типографика в действии: дизайн простых и эффективных типографических логотипов (Typography in Action: Design Simple & Effective Type Logos)
- Семнадцать цитат знаменитых графических дизайнеров (17 famous graphic design quotes)
- commments.com — реальные комментарии к дизайнерским работам
- What’s Hot and What’s Not: Web Design In 2015
Подборка бесплатных дизайнерских печенек
- Блогерам, дизайнерам и всем-всем-всем: 30+ бесплатных фотостоков
- Шелковые текстуры для вашего дизайна
- Шаблоны открыток с цветочной тематикой
- Шесть плагинов к Sketch для экономии вашего времени (6 time-saving Sketch plugins to install right now—for free)
- Четыре с половиной десятка скриптов для фотошопа (45 Amazing and Free Photoshop Actions)
- Десять мокапов для демонстрации айдентики и бренда (10 Free Branding/Identity & Stationery PSD Mockups – February 2015 Edition)
- Семьдесят семь шаблонов (Web TemplatesPSD)
- Иконки посвященные спорту и фитнесу (Sport & Fitness Vector Icons – Freebie)
- Набор из ста векторных плоских одноцветных иконок для приложений (Freebie: 100 App Icons)
- Love is in the air — шесть векторных иконок
- Набор векторных иконок Subway (Subway is a set of 306 pixel perfect crafted icons optimized for iOS, Windows Phone, Windows and BlackBerry 10.)
- Набор плоских иконок посвященных офисной жизни (36 free flat icons for your next productivity app)
- Десятка шрифтов без засечек которые должны быть у каждого (10 Free Sans Serif Fonts Everyone Should Have)
- Декоративный шрифт без засечек Nordic
- Serendipity — рукописный курсивный шрифт (Serendipity Script Free Font)
- Три десятка февральских клевых шрифтов: от Kontanter до Nurjan (30 Free Cool Fonts For Designers – February 2015 Edition)
- Новые шрифты за январь 2015: от декоративного Bigdog до иконочного Industrial Worker (The Best New Free Fonts Released in January 2015)
Демо
- Мак и iPad — рисуем вместе (Mac & iPad drawn together)
- Теперь я могу видеть WiFi-сигналы (Now, I can see wifi signals.)
- Flight Stream — объемная визуализация авиатрасс
- apparently transparent — трехмерная сцена от первого лица
Новости
- HTTP/2 закончен
- Microsoft дарит OneDrive на 100 ГБ пользователям Dropbox
- Ограбление по-российски: хакеры Carbanak сумели похитить $1 млрд
- Хакеры похитили $300 млн из ста банков
- Безопасности нет, смиритесь. По следам Equation Group
- Darpa планирует создать нейронный модем для прямой передачи изображений/информации в мозг
- Инвестор Джейсон Калаканис: Apple купит Tesla в течение 18 месяцев за $75 млрд
Занимательное
- Ara, да? Или модульный смартфон будущего
- Ретро: Это фотошоп или инстаграм
- Искусство произведения: 25 интересных фактов о «Фотошопе» к его 25-летию
- Топ-менеджер «Яндекса» Григорий Бакунов о подаче жалобы в ФАС, монополизации и альтернативах Google Play
- Мразь ты, улиточка. О том, как пользователи «Двача» запустили масштабный эксперимент в «патриотических» сообществах соцсети
- Илон Маск — визионер или злодей?
- Главные IT-тренды 2015 года по мнению Intel: умные вещи и города, Big Data и отказ от проводов
- Обострение конфликта: Зачем «Яндекс» пожаловался на Google в ФАС
- Как в новостях о Марсе появляются динозавры
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
