Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости.
![](https://habrastorage.org/r/w1560/files/8e5/746/f07/8e5746f07c3b4a8f8bdec9ba318ca259.png)
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
![](https://habrastorage.org/files/8e5/746/f07/8e5746f07c3b4a8f8bdec9ba318ca259.png)
Веб-разработка
WebP, JPEG XR, & и поддержка Progressive JPG
Быстрый обзор нововведений в WordPress 4.0
Туториалы по продвинутым техникам в WordPress
Прогрессивное улучшение на примере радиобатонов
Новый выпуск еженедельного подкаста от CodePen. Этот выпуск посвящен API
Создание интерактивных HTML5 видео
BareKit — очередной статический фреймворк для старта верстки
Работает ли ваш адаптивный дизайн? Google Analytics в курсе
Определение поддержки свойства CSS с помощью CSS и JavaScript
Slap — Sublime-образный редактор построенный на NodeJS
Используем редактор Brackets как профи
Как использовать карту областей Zillow и геолокацию HTML5
Правда о том, как воспринимают программирование
CSS
Как заставить background-size работать в старых IE
A Single Div — возможности CSS для стилизации всего лишь одного тега div
Подробный гайд по стилизации File Inputs
Организация CSS на Medium
CSS Shapes доступны в релизе Chrome 37
Подборка видео и презентаций по CSS из серии Must Watch + Обновляющийся список на GitHub
Сравнение Bootstrap’s Grid System и Susy
CSS переменные: доступ к кастомным свойствам с помощью JavaScript
Цвета HSB с помощью Sass
5 путей улучшения вашего Sass-кода с помощью Bourbon
Что можно сделать с помощью CSS переменных, а что нет.
CSS PREprocessors — коллекция статей о популярных препроцессорах
Как использовать Animate.css
JavaScript
- Зачем я написала плагин для Grunt (откровения от yoksel)
В Firefox Developer Tools добавлена поддержка событий jQuery
RsValidator — очередная JavaScript библиотека для валидации форм
- Исполнение JavaScript кода с помощью LESS CSS препроцессора
Как создать плагин для одностраничного скроллинга
Создание отзывчивых интерактивных анимацией с помощью Raphael.js
Полезные советы по созданию JavaScript APIs
Black Box Driven Development в JavaScript
Обрезка лишних символов в значениях HTML Input спомощью jQuery
Создание полностраничного слайдшоу на AngularJS
jQuery — .bind(), .live(), .delegate(), .on() ( а также .unbind(), .die(), .undelegate(), .off() )
Регулярки в ES6 с поддержкой unicode
Как использовать функцию jQuery $.ajax()
React vs. Ember — EmberNYC meetup
C3.js — библиотека на базе D3 для построения графиков
Вы разрушили HTML
pace — автоматический индикатор, визуализирующий прогресс загрузки страницы
impulse — библиотека для создания динамических анимаций для мобильных сайтов и приложений
sweep.js — анимированный цветовой переход в HSL и HUSL пространствах
terra.js beta — фреймворк для простой эмуляции био-процессов
Chartist.js — простые адаптивные графики
Презентация JavaScript Memory Management Masterclass от Addy Osmani
JavaScript редирект и window.open
Bubble.js: 1.6-килобайтное решение для типичных проблем с событиями
Веб-инструменты
- Объявлено о скором открытии кода векторного графического редактора Gravit
Avocode — конвертация PSD в код без Photoshop-а
Новости
Разработчики YUI объявили о прекращении дальнейшей разработки библиотеки
Internet Archive закачал на Flickr более 14 млн свободных исторических изображений
- Amazon купили Twitch
- «Что-то действительно крутое» готовят Cyanogen и Nextbit , а Microsoft хочет купить CyanogenMod
- Facebook старгетирует рекламу в зависимости от скорости соединения
- Авторство Google официально остановлено, плагины авторства для WordPress теперь считаются устаревшими
- «Яндекс» запустил сервис для покупки билетов в кино
- LG G Watch R: первые «умные» часы на Android Wear с полностью круглым экраном
- Samsung представила самостоятельные «умные» часы Gear S с 3G и изогнутым экраном
- Уход от Google — Samsung идет на HERE
- Что будет нового в Windows 9?
- Apple построит таинственное здание специально к презентации 9 сентября
- «Яндекс.Деньги» начнут списывать средства у неактивных пользователей
- Проект Mozilla объявил о возможной утечке 97 тысяч аккаунтов в Bugzilla
- Microsoft полностью прекратит работу MSN Messenger 31 октября
- «ВКонтакте» позволила искать новых друзей поблизости по геолокации
- Самоходному автомобилю от Google вернут руль и педали
- Instagram выпустили новое приложение — Hyperlapse
- Google представила проект Project Wing — система быстрой доставки посылок при помощи БПЛА
- Google перестал поддерживать указание авторства в результатах выдачи
- Google разрабатывает базу знаний Knowledge Vault, знаменующую новый этап в развитии поиска
- Google внедряет возможности редактирования документов MS Office в приложения для iOS
Браузеры
Запускаем 64-битную версию Chrome для Windows
Chrome: пусть личное остается личным
- Бета-версия 64-битного варианта Chrome доступна пользователям Mac
- Mozilla начала размещать рекламу в экспериментальных сборках канала Firefox Nightly
- Релиз web-браузера Chrome 37 с устранением 50 уязвимостей
- В Firefox 32 реализовали прикрепление публичных ключей
- В ночных сборках Firefox добавлена стартовая страница с рекламой
Новое в Firefox Nightly: кастомизация тем
Chrome 38 Beta: новые примитивы для веба нового поколения
Сайты с интересным дизайном и функциональностью
История Эдварда Сноудена по версии Wired
Веб-сайты с зацикленным фоновым видео
quickcrossing.com — вертикальный псевдо-интерактивный сайт с параллаксом
peix.de — горизонтальный сайт с концептуальным дизайном и приятным параллаксом
buildfilms.ca — симпатичный сайт с фоновым видео и параллаксом
Nikola Tesla, Master of Lightning
ohohohohohohohohohohoh-my-god-lab.com — сайт с концептуальным дизайном и нестандартной навигацией
onedesigncompany.com — сайт с приятной анимацией и переходами
bluedolphinkauai.com — сайт с креативной навигацией и 3d-эффектом перехода между слайдами
alchemy-digital.co.uk — сайт с анимированными иллюстрациями
Дизайн
- Как успокоиться насчет кодинга и начать жить — Пособие для дизайнеров
Рендеринг 3D-иллюстраций для IKEA
- Уроки реалистичных типографических эффектов в Adobe Photoshop
- Google тестирует различные цвета для звезд рейтинга в результатах поиска
- Несколько «инструментов создания» иллюстраций для вашего контента
3 совета, которые позволят сделать ваше приложение менее раздражающим
Принципы формы и психология дизайна
Уроки UX от Weebly
Подписывайтесь на дизайнеров Dribbble в Twitter
Детали дизайна: Hyperlapse для iOS
Основные принципы процесса дизайна мобильных приложений
Примеры дизайна вкладок в UI мобильных приложений
Основы частоты кадров в Photoshop-е
«Ленивый» способ рисования пикселей в Photoshop-е
Рисуем в Illustrator-е мультяшного льва
Вкусный текстовый эффект в Adobe Illustrator
Три десятка уроков по Adobe InDesign
Руководство по основным аспектам лучших практик в веб-типографике
Пять десятков минималистичных логотипов прошлого и настоящего
Подборка бесплатных дизайнерских печенек
- Бесплатные переключатели для дизайна ui
- Бесплатные исходники ко дню знаний
Фото из путешествий — десять новых фото каждые десять дней
Фототекстуры досок
Пять текстур с помятой бумагой и картоном
Бесплатные ретро-паттерны для эмоциональных дизайнов
Мокап с фото Macbook Pro
Наборы с UI для iOS
Десять наборов иконок социальных сетей с плоским дизайном
Более двадцати наборов иконок с плоским дизайном и современных шрифтов
Flatilicious — набор из векторных цветных иконок с плоским дизайном для веба и печати
Упаковка из векторных изображений лиц гиков
Три десятка полезных ретро и винтахных шрифтов
Bushcraft — декоративный шрифт без засечек
Демо
Сервис Git Live отображает real-time активности на GitHub
Владелец поисковика Shodan пропинговал весь интернет и составил его карту
The Colors of Motion — популярные фильмы, разложенные в цвета
Занимательное
- Когнитивная нагрузка: как облегчить восприятие интерфейса продукта
- 15 геймеров, которые зарабатывают сумасшедшие деньги, играя в компьютерные игры
- GIF-картинки, которые объясняют математику «на пальцах»
- «Интернет будущего — это не веб, а разговаривающие друг с другом программные интерфейсы»
- Война миров: как бренды улучшают имидж, выгодно сравнивая себя с конкурентами
- DDoS: от мошенничества до информационной войны
- Как талантливому технарю превратиться в хорошего менеджера
- Почему новые технологии в кино бывают лишними
- Google намерен использовать дроны в качестве «скорой помощи»
- 7 известных IT-топов, которые просыпаются чертовски рано
- Новый алгоритм MIT приближает эру дронов
- Ближайшее будущее по версии Intel
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.