Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Веб-разработка
- Оценка популярности открытых лицензий на GitHub
Самые нужные плагины для Gulp
Добавление аудио в веб-приложения (Adding Audio to Web Apps)
Создание семантических сайтов с веб-компонентами и JSON-LD (Creating semantic sites with Web Components and JSON-LD)
Использование сплэш-окна в веб-приложениях (Increasing engagement with Web App install banners)
Пуш-нотификации в открытом вебе (Push Notifications on the Open Web)
Что такое WebComponent-ы и почему они так важны? (What are WebComponents and why are they important?)
localFont — реализация кеширования в localStorage за секунды (localFont — Implement localStorage web font caching in seconds)
Кеширование SVG спрайта в localStorage (Caching SVG Sprite in localStorage)
Преобразование вашей иллюстрации в интерактивный SVG (Transform your illustration into smart SVG)
Эффектная физика в визуализациях данных (Fun With Physics In Data Visualization)
ArchieML — формат, разработанный в The New York Times для более структурированного форматирования текста. (structured text format optimized for human writability)
Доступная функциональность Drag and Drop для множественных элементов (Accessible Drag and Drop with Multiple Items)
Улучшаем отзывчивость изображений с помощью элемента picture (Improving Responsive Images with the Picture Element)
Оптимизация SVG изображений (Optimising SVG images)
Как определить знания разработчика перед наемом (How to Test Skills of Web Developer Before Hiring)
Бычтрое руководство по использованию LiveReload с Gulp (A Quick Guide to Using LiveReload with Gulp)
Как составить график работы с помощью APIs, JavaScript и SVG (How to chart your hours with APIs, JavaScript, and SVG)
Подборка инструментов и ресурсов для работы с SVG (SVG Tools And Resources You Might Want To See)
API Driven Development A.D.D
Google Fonts Files на github- Веб-инструменты
App Store Screenshot Builder
skalacolor экстраординарная цветовая пипетка (skalacolor an extraordinary color picker for designers and developers)
shade — генератор градиентов с акцентом на математике shade v1.0.0 — mathematically derived gradient explorer
CSS
Пол-пикселя?- Лучшая практика для создания пользовательских элементов
- Использование селектора CSS :target для создания UI-эффектов без применения JavaScript
Интервенция inline-block (An inline-block intervention)
Неизменяемый CSS (Immutable CSS)
Правда о !important (The Truth About !important)
Каким начальным размером определяются медиа-выражения, основанные на em? (All your base, are belong to us — or what base size do em-based media queries use?)
Atomic CSS on Steroids
Может ли быть CSS слишком модульным? (Can CSS Be Too Modular?)
Градиентная обводка с CSS3 (Creating Gradient Borders Using CSS3)
Креативные эффекты гойе (Creative Gooey Effects)
Как начать с CSS Shapes (How to get started with CSS Shapes)
grunt-sassyclean — сканирует проект на части, которые никогда не импортируются (grunt-sassyclean — scans a project for partials that are never imported)
Blackhole — минималистичный но гибкий и мощный фреймворк на SCSS / CSS (Blackhole — minimalistic but flexible and powerful SCSS / CSS framework)
CSS SANS — шрифт Sans, созданный средствами CSS
Семантическая разметка с помощью Foundation 5 и Sass (Semantic Markup with Foundation 5 and Sass)
SassyFlags — небольшая Sass-библиотека для добавления любого флага на ваш сайт (Simple Sass library for adding any flag to your website.)
flipside — эффектная анимация кнопки и диалога
Колонки с одинаковой высотой с Flexbox (Equal Height Columns Using Flexbox)
Реализация турнирной сетки, реализованной с помощью flexbox
JavaScript
Анимация против лагов или лучшая битва та, которой не было
Перевод книги «Выразительный Javascript» в pdf - V8 экспериментирует над режимами JavaScript
- Пишешь говнокод на JavaScript? Пройди тест и узнай свой скилл!
Современные инструменты JS-разработчиков (The Modern JavaScript Developer’s Toolbox)
Продвинутый JavaScript, не разрушающий веб (Advancing JavaScript without breaking the web)
Эксперименты с укреплением JavaScript (Experiments with Strengthening JavaScript)
Объединяя вместе живое редактирование и тестирование JavaScript (Bringing together JavaScript live editing and testing.)
Введение в fetch() (Introduction to fetch())
HTML5 Local Storage Revisited
Укрощение чудовища асинхронности с ES7 (Taming the asynchronous beast with ES7)
Создание земного шара на WebGL и JavaScript (Building the Earth with WebGL and JavaScript)
Тестирование HTTP моков в NodeJS (HTTP Mock Testing in NodeJS)
Node.js кратко: базовое программирование Node.js (Node.js Succinctly: Basic Node.js Programming)
essential-react — минимальный скелетон для создания приложений на React с использованием ES6, которые можно оттестировать (essential-react — a minimal skeleton for building testable React apps using ES6)
Почему я рекомендую EmberJS относительно AngularJS (Why I recommend EmberJS over AngularJS)
Создай свою упрощенную версию AngularJS в двести строчек (Build Your own Simplified AngularJS in 200 Lines of JavaScript)
Iframe-resizer — автоматическое изменение размеров iframe-ов (iFrame Resizer — this library enables the automatic resizing of the height and width of both same and cross domain iFrames to fit the contained content)
datakit — легковесный фреймворк для анализа данных (datakit — a lightweight framework for data analysis in JavaScript)
Определение движения используя эффект Допплера (Motion sensing using the doppler effect)
rmodal.js — простой модальный диалог без зависимостей (rmodal.js — a simple modal dialog with no external dependencies)
sapo.js — интерактивный процедурный генератор текстур (sapo.js — interactive procedural texture generator)
Javascript Learning Tracks — желаете начать изучение Javascript и не совсем уверены, откуда начать? Ищите вдохновение в этих заметках.
Книга Ваше первое приложение на Meteor (Your First Meteor Application)
Открытие EmberConf 2015 (EmberConf 2015 — Opening Keynote)
Видео с конференции EmberConf 2015 (EmberConf 2015)
Браузеры
Браузеры от российских ИТ-компаний: попытка непредвзятого обзора- Выпуск браузера Opera 28
- Псевдоэлементы, просмотр промисов, «сырые» заголовки и многое другое – Firefox 36. Версия для разработчиков
Рвем отношения с Internet Explorer 8
Сайты с интересным дизайном и функциональностью
Крутое интерактивное портфолио французского фронтэндера- Сайты для вашего вдохновения
stupid-studio.com — сайт с интересным слайдером и анимационными эффектами
extraordinary.pwc.com — интерактивный сайт с трехмерным эффектом
Часы Wrist
connectpaste.com — вертикальный скролл-сайт с псевдо-интерактивностью
Дизайн
- Пять плагинов для улучшения работы в Adobe Illustrator
- Увлекательная типографика в веб-дизайне
Как работать дизайнером-фрилансером и путешествовать (How to Work as A Freelance Designer and Travel)
Думаю об интерфейсах как о наборах работ (Thinking of interfaces as sets of jobs)
Новый дизайн spotify
Скринкаст: обзор UI анимации — веб-навигация (Screencast: UI Animation Reviews – Web Navigation)
Новые логотип и айдентика для Fugue (New Logo and Identity for Fugue by Sagmeister & WalshRegeneration Nation)
Делая дизайн для медицины (Designing for Medical)
Эволюция приложения Alfred (The evolution of Alfred App)
Как уменьшить размеры ваших PSD-шек (How to Reduce the File Size of Your Photoshop PSD Files)
Быстрый совет: улучшите свои цифровые рисунки с помощью корректирующих слоев в фотошопе (Quick Tip: Improve Your Digital Paintings With Adjustment Layers in Adobe Photoshop)
Создание фантастического ландшафта в фотошопе (Create a Fantasy Landscape Matte Painting in Adobe Photoshop)
Как нарисовать инфографику с Blender и Inkscape (How to Create a Saturn Infographic With Blender and Inkscape)
Три эксперта высказывают мнение о буме рукописной типографики (3 Typography Experts Weigh in on the Recent Hand-Lettering Boom)
“What is kerning, mother fonter?”
Подборка бесплатных дизайнерских печенек
- Бесплатные текстуры из нотных тетрадей
Текстуры бумаги в стиле гранж (Free High Res Grungy Paper Textures)
Геометрические фото-маски (Freebie: 4 Geometric Photo Masks)
Два десятка высококачественных шаблонов сайтов (20 Free High Quality Website Template PSDs to Download)
Семнадцать мокапов футболок (17 Awesome Free PSD T-Shirt Mock-ups)
Десять винтажных ретро-бейджиков в PSD формате (10 Free Vintage Retro Badges(PSD))
Бумажные вайрфреймы для Apple Watch (Apple Watch Paper Wireframes)
Наборы UI (A Roundup of Free & Beautifully Designed UI Kits)
Dream Icons
Мокапы устройств в форматах PSD, AI, SVG — плоские и реальные (READY-TO-USE PSD, AI & SVG FILES FLAT & REAL)
Шесть десятков круглых иконок с плоским дизайном на бытовую тематику (60 Free Round Flat Icons(AI, SVG, PNG))
Адаптивные контурные иконки (100 Responsive Line Icons)
Набор UI с дизайном в стиле Metro (Metro Flat UI kit – Freebie)
Перфорированная карта мира (Dotter World Map Vector – Freebie)
Шаблон сайта-казино (Online Casino PSD Template [Free Download])
Иконки на тему продуктов питания и напитков (Food & Drink Icons – Freebie)
Набор иконок на контурных иконок на тему мультимедиа (Free Icon Set: “Linear Multimedia Icons” by FreeVectors.net)
Kanji — декоративный шрифт без засечек (Kanji — Free Font)
Diaria Pro — шрифт с засечками
Новости
- Apple:
- Текстовая трансляция Apple Spring Forward
- Apple Watch, отказ от USB и новый MacBook: итоги презентации Apple
- ASUS: «Хотите купить Apple Watch? А не сошли ли вы с ума?»
- Батарея может стать «ахиллесовой пятой» Apple Watch
- Apple Watch для бизнеса: Смогут ли «умные» часы завоевать корпоративный сегмент
- Одна проблема с Apple Watch
Google Code закрывается и предлагает всем перейти на GitHub- Apple Medical Research Kit
- Google облегчил разработку сайтов с веб-компонентами и JSON-LD
- Почему USB Type-C — это очень круто
- YouTube запустил поддержку 360-градусного видео
- Лидером рынка «умных» часов по итогам 2014 года стала компания Samsung
- Google объявила о выходе обновления Android 5.1
- Из-за сильного доллара мировые продажи ПК упадут на 5 %
Занимательное
- Неделя в истории IT — 9–15 марта
- История взлёта и падения Fab.com — интернет-магазина стоимостью в $1 млрд, проданного за $15 млн
- Четыре знаменитых IT-продукта, которые возненавидели их создатели
- 8 фотографов попытались работать в Photoshop 1.0
- 16 необычных фактов про Google
- BAFTA наградила лучшие игры прошлого года
- Роберт Дауни мл. вручил 7-летнему ребенку бионический протез в виде перчатки «Железного человека»
- Опубликована подробная карта подводных межконтинентальных интернет-магистралей
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили /dersmoll и /alekskorovin
Автор: alexzfort
