Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Веб-разработка
- Работа с уведомлениями с помощью потоков данных PubNub
- Представлен libraries.io, каталог открытых библиотек и фреймворков
- Google: Неадаптированные картинки – основная причина проблем со скоростью сайта на мобильных устройствах
- Отзывчивые изображения 101. часть 1: Definitions, часть 2: Img Required, часть 3: Srcset Display Density, часть 4: Srcset Width Descriptors
- В W3C предлагают делать SPA с помощью HTML6 и без JS (W3C member proposes single-page apps without JavaScript in HTML6)
- Зачем делать веб-сайты доступными? (Why Make Websites Accessible?)
- Браузерные события: можем ли мы делать лучше, чем клик? (Browser Input Events: Can We Do Better Than The Click?)
- Несколько разных способов использования SVG-спрайтов в анимации (A Few Different Ways To Use SVG Sprites In Animation)
- Создание простых сравнительных столбиков с помощью JS и CSS (Creating simple comparative bars with JavaScript and CSS)
- Руководство для начинающих по npm — Node Package Manager (A Beginner’s Guide to npm — the Node Package Manager)
- Распространенные ошибки, которых следует избегать при использовании HTML5 Application Cache (Common Pitfalls to Avoid when using HTML5 Application Cache)
- Шесть генераторов статических сайтов на Node.js (6 Node.js Static Site Generators)
- Стратегии сохранения вершины производительности в вебе (Strategies for Staying on Top of Web Performance)
- Начинаем работать с Jekyll (Getting Started with Jekyll)
- Возможность использования initial-scale=1 (Probably Use initial-scale=1)
- Командная строка в веб-дизайне (The Command Line for Web Design: Powering Up Front End Code)
- Bower Beginner’s Guide
- Автоматизация оптимизаций с помощью Gulp (Automating optimisations with Gulp)
- Подборка ресурсов с таблицами совместимости (Compatibility Tables Compendium)
- Презентация DevTools: State Of The Union 2015 от Addy Osmany
- Веб-инструменты:
- countries — информация о странах мира в форматах JSON, CSV, XML и Yaml
- pdftotext.org — конвертор PDF в текст прямо в браузере
- Epic Favicon Generator
CSS
- Часы (на CSS-анимации и JavaScript)
- In Pieces — эффектный сайт-презентация с птицами, реализованными на CSS
- Стилевой гид HerokuApp
- SC5 Style Guide Generator
- Вдохновляющие эффекты для текстовых полей (Some More Inspiration for Text Input Effects)
- AniCollection — коллекция CSS-анимаций
- Media Queries: Width vs. Device Width
- Более умные CSS-сборки с помощью Webpac (Smarter CSS builds with Webpack)
- Oxygen — объектно-ориентированная методология для таблиц стилей (An object-oriented methodology for stylesheets)
- STRUCTURE — A Declarative Flexbox Based Grid Framework
- 5 отличных вариантов использования карт Sass (5 Great Uses for Sass Maps)
- Структурированная типографига с помощью карт Sass Maps (Structured Typography with Sass Maps)
- Использование Sass для “количественных запросов” (Using Sass for “Quantity Queries”)
- DataURI vs CSS Sprites – разбираемся, у кого производительность лучше (DataURI vs CSS Sprites – Understanding Which One Performs Better)
- LostGrid — грид-система на SCSS или Stylus, основанная на calc() и Bootstrap (SCSS or Stylus fractional grid system built with calc(), based on Bootstrap, with a modified Jeet fallback.)
- mdo-ular CSS by Mark Otto
JavaScript
- Angular 2.0.0-alpha для тех, кто не в силах ждать
- Как отобразить количество оповещений в названии вкладки браузера
- Справочник методов console в JS
- JavaScript-линтинг
- В Chromium добавили две новые технологии ускорения работы с Javascript, Новый способ обработки Javascript в Chrome увеличивает скорость загрузки сайтов и продлевает автономность ноутбуков
- Алгоритм деструктуризации в ES6 (The destructuring algorithm in ECMAScript 6)
- Регулярные выражения для остальных (Regular Expressions for the Rest of Us)
- О соревновании js1k 2015 (About the js1k 2015 competition)
- Создание реал-тайм приборной панели на SignalR и AngularJS (Build a Real-time SignalR Dashboard with AngularJS)
- Использование введения зависимостей в юнит-тестирование с Rewire (Using Dependency Injection in Your JavaScript Unit Tests with Rewire)
- Понимание коллизий и физики с Babylon.js и Oimo.js (Understanding Collisions and Physics with Babylon.js and Oimo.js)
- Создание игры Pacman с помощью Bacon.js (Building a Pacman Game With Bacon.js)
- Создание аудио-плеера с поддержкой мобильных устройств (Building a Mobile Javascript Powered Audio Player)
- logdown — утилита для отладки вывода консольных сообщений с поддержкой markdown (logdown — debug utility with markdown support that runs on browser and server)
- type.js — улучшает поддержку веб-типографики за счет добавления новых css свойств (type.js — typography tools for better web type)
- Plumin.js — еще одна библиотека для создания и управления шрифтами, на JavaScript
- Textures.js — SVG паттерны для визуализации данных (Textures.js — SVG patterns for Data Visualization)
- jsGrid — легковесный jQuery-плагин для создания таблиц с элементами управления (jsGrid is a lightweight client-side data grid control based on jQuery)
- payform — библиотека для создания форм для ввода данных кредитных карточек (payform — a general purpose library for building credit card forms, validating inputs, and formatting numbers.)
- stringformatter — форматирование строк с поддержкой объектов, валют, дат, времени и цифр (stringformatter — an extensible, garbage collecting Javascript string formatter that supports objects, currency, date/time, decimals, and more)
- Accessibility APIs: A Key To Web Accessibility
- jQuery During Scroll — скрипт для выполнения кода во время/после скролинга страницы пользователем (Script to execute code during/after a user scrolls).
- Интерактивная книга ANGULAR BASICS
- Презентации с ng-conf 2015 (Conference Presentations)
Браузеры
- 10 относительно малоизвестных фактов о K-Meleon
- Кому может быть нужен K-Meleon?
- Мартовские новинки движка EdgeHTML для Windows 10
- Google очень навязчиво рекомендует пользователям Firefox изменить настройки поиска
- Microsoft откажется от бренда Internet Explorer в названии своего нового браузера
- Пользователи Chrome и Firefox считаются более работоспособными
- comScore: Доля Yahoo на рынке поиска США сократилась за счёт возврата пользователей Firefox к Google
- Браузер Spartan: Режим чтения и Список для чтения
- В новой версии Chrome реализовано кеширование скомпиленного JS кода, позволяющее ускорить загрузку страниц (New JavaScript techniques for rapid page loads)
- Animation Timeline in Chrome DevTools — coming soon
- Отладка мобильных веб-сайтов с Firefox (Debugging Mobile Websites with Firefox)
- Как тестировать адаптивный дизайн (How to Test Responsive Designs)
Сайты с интересным дизайном и функциональностью
- 7 потрясающих интерактивных сайтов о природе
- Сайты, которые хочется съесть
- www.klassegrafik.de/en/portfolio — нестандартное портфолио с супер-минималистичным дизайном
- http://ericlesch.com/?homepage — портфолио реализованное через HTML5 canvas
- Line25
- sozodesign.co.uk — сайт с интересной анимацией и скролл-эффектами
- whitefrontier.ch — симпатичный сайт, посвященный пиву
- Новый дизайн сайта formula1
- melaniedaveid.com — вертикальный скролл-сайт, разделенный пополам
- boligreisen.no — сайт с эффектом скрола в глубину и видео-анимацией
Дизайн
- Дайджест продуктового дизайна, февраль 2015
- Специалисты «Яндекса» бесплатно обучат дизайну
- Matte-painting от наших дизайнеров
- Сочные цвета в веб-дизайне
- Продуктовый дизайн: 19 самых важных материалов за месяц
- Добавляем фейерверк на фото в Adobe Photoshop
- Текст из зубной пасты в Adobe Illustrator
- Интервью с иллюстратором Ioana Șopov (To the Point: Interview With Ioana Șopov)
- Как Sticker Mule привлекает новых пользователей
- 30 Hotel Website Layouts for Design Inspiration
- Лучшие тренды веб-дизайна в 2015 (Top Web Design Trends for 2015)
- Редизайн окна авторизации
- Инфографика: Sketch против Photoshop (Infographic: Sketch vs Photoshop)
- Три хороших причины для использования Sketch (3 Good Reasons To Use Sketch App)
- Создание мобильных и веб прототипов со Sketch!
- Быстрый совет: как создать изображение объемного курсора в Adobe Illustrator (Quick Tip: How to Create a 3D Cursor in Adobe Illustrator)
- Быстрый совет: как создать кисть с карандашным паттерном в Adobe Illustrator (Quick Tip: How to Create a Pencil Pattern Brush in Adobe Illustrator)
- Как задавать цену дизайну лого: полное руководство
- Val Head — Designer, Consultant and Speaker.
Подборка бесплатных дизайнерских печенек
- Пасхальный клипарт для вашего дизайна
- Новая подборка шрифтов для вашей коллекции
- Откуда брать стоковые фото (Free Stock Photos – Where To Get Them From)
- Текстуры с водяными красками (12 Watercolor textures – Freebie (JPG,PAT))
- Verdant — набор с UI элементами (Verdant UI Kit – Freebie (PSD))
- Набор UI от TeslaThemes с плоским дизайном (Freebie: Flat design UI kit by TeslaThemes)
- Три десятка иконок с изображением пищевых продуктов (Freebie: Organic Food Icon Set (AI, EPS, SVG, PNG))
- Шесть отборных наборов контурных иконок (Six FREE Icon Packs + More of my Favorite Icons)
- Набор иконок Swifticons на темы науки, медицины, техники, кухни, погоды, маркетинга и прочего (Freebie: Swifticons Icon Set (92×3 Icons, AI, Sketch, PNG, SVG, EPS, PDF))
- Набор векторных иконок Mega Flagship (Mega Flagship Icon Set – Freebie (PSD, AI, SVG, EPS, SKETCH))
- Velodroma — широченный шрифт без засечек (Velodroma is new display sans serif, probably one of the widest typefaces ever made)
- Шесть десятков шрифтов весны 2015 (65 best free fonts, Spring 2015)
Новости
- Доменной зоне .com исполнилось 30 лет
- #HappyBirthdayTwitter
- Windows 10
- В Сеть просочилась новая сборка Windows 10 с рядом новшеств
- Обновление до Windows 10 будет бесплатным даже для пиратов
- Microsoft уточняет: бесплатная Windows 10 для пиратов останется нелицензионной
- Объявлены системные требования для Windows 10
- Windows RT мертва, но Microsoft так и не извлекла уроки
- Microsoft предпринимает попытки привязки оборудования к Windows 10
- Смартфоны с Windows 10 смогут вести замедленную съёмку видео
- Windows 10: улучшения в графике
- В YouTube внедряются описания-карточки, которые со временем заменят существующие аннотации
- Alibaba инвестирует $200 млн в Snapchat, а Pinterest привлек 367 млн долларов инвестиций
- «Налог на Google» в Великобритании вступит в силу 1 апреля
- Google: наша система распознавания лиц самая точная
- Google уличили в шантаже, нечестной конкуренции и манипулировании результатами поиска
- NASA представило открытое приложение для поиска астероидов
- Ведущие зарубежные издания создали диджитал-альянс
Занимательное
- Новый метод 3D печати в 25-100 раз быстрее традиционного
- ЭкспериментТест: какой из похожих логотипов — настоящий
- Как работает блокировка интернет-рекламы: интервью с операционным директором Adblock Plus Беном Вильямсом
- Как Facebook изменил «железо», на котором держится интернет
- Лучшее на Medium: История падения издания Gigaom
- Вредные советы: как выжить в IТ-компании
- Почему от 3D болит голова. Часть 1 «Недостатки оборудования»
- Стильно, модно, молодежно: фотографии 12 лучших в мире IT-офисов
- 7 причин отказаться от Facebook по Ричарду Столлману
- Полураспад Google+ или Как соцсеть от Google не оправдала надежд
- Криптозаваруха: По просьбе «Медузы» Александр Уржанов попытался жить, не оставляя никаких следов в интернете
- Демо:
- Демо на WebGL
- Интерактивное представление мира и биткоинов
- Модный секвенсер
- ENERGY KITES от Google
- Универсальная сворачиваемая клавиатура от Microsoft
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll. и alekskorovin
Автор: alexzfort