Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
![](https://habrastorage.org/r/w1560/files/c15/b93/837/c15b938375d6422ba6d4c8b7b2a777c9.png)
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
![](https://habrastorage.org/files/c15/b93/837/c15b938375d6422ba6d4c8b7b2a777c9.png)
Веб-разработка
- Где научиться программировать: 6 популярных онлайн-ресурсов
Интегрируем Git в Sublime Text (перевод)
Github — без командной строки
Git & GitHub для Front-End разработчиков
Duo — средство для управления пакетами нового поколения
Look and Feel — руководство от Google по анимациям
Адаптивные компоненты, созданные с помощью context queries
Mozilla представляет Rec Room
Понимание свойства SVG — fill-rule
Всё, что нужно знать о Favicons, Touch Icons, Tile Icons и прочих подобных иконках
Lime Text — бесплатный редактор в стиле Sublime Text
Как локально тестировать ваш сайт с помощью Modern.IE
Делаем Bootstrap чуть более доступным
Browserify и Gulp с помощью React
Что 22 миллиарда писем расскажут нам о разработке емейлов под мобильные устройства
Высокопроизводительная интерактивная карта с помощью HTML5 Canvas
Камера и контроль видео с помощью HTML5
9 причин, по которым вы должны использовать CodePen
Песенка с использованием HTML/CSS
Лаконичный HTML c юмором
CSS
Малоиспользуемые, но от этого не менее прекрасные возможности LESS
Генератор обводки текста на CSS3
- Blink отказывается от внедрения Pointer Events в пользу Touch Events
- Вышел Sass 3.4
Что вы делаете, когда ваш дизайнерский паттерн начинает ломаться?
Пять вариантов использования вертикальных медиа выражений
Начинаем использовать LESS (для новичков)
Запуск CSS-анимации в середине цикла
Минимизация шрифтовых загрузок
Делаем SVG адаптивным с помощью CSS от Sara Soueidan
В ожидании CSS Feature Queries
Представляем BareKit: минималистичный фреймворк для адаптивных сайтов
PowerToCSS — еще один статический фреймворк. Легкий, простой и адаптивный
Введение в SUIT CSS
Kite — CSS-библиотека с классами, помогающими удобно использовать преимущества inline-block элементов
Динамические логотипы с помощью CSS
«Project Agnostic CSS Declaration Blocks» — статья о распространенных задекларированных стилях (clearfix, IR, etc)
Генератор объемных анимированных кубиков на чистом CSS
JavaScript
Генерируем простую музыку в браузере с Web Audio API
3 новых JavaScript API, которые вам стоит узнать
Простой Jquery редактор для редактирования HTML5 текста и сохранения с помощью ajax
- JavaScript с использованием статической памяти и пулов объектов
JavaScript insertAdjacentHTML и beforeend
Что вы должны знать о регулярных выражениях в JavaScript
Time-elements — веб-компонент и расширение стандартного элемента <time>
Простое каррирование в JavaScript
- Фреймворки:
Релиз Knockout 3.2.0
Пилим собственный фреймворк
AngularJS vs. Backbone.js vs. Ember.js
Полное руководство для начинающих по AngularJS
Отладка приложений на AngularJS с помощь консоли
Angular-приложения в продакшене: что, как и когда тестировать?
Начинаем разбираться с Mobile Angular UI
JavaScript анимация в приложениях на AngularJS
Smart Table — модуль к AngularJS для отображения табличных данных с фильтром, сортировкой и т.д. подключаемый декларативным способом
satellizer — аутентификация с помощью токенов для приложений на AngularJS
Скринкаст: отладка приложений на Ember.js
Одновременное получение при использовании ES6 Generators
Проверка, является ли функция нативным кодом
Введение в сокращенные методы для работы с Ajax в jQuery
Pusher Realtime Reddit API
Полифил для localStorage
flickerplate — очередной слайдер контента на jQuery
Ajax без jQuery
Одностраничные приложения, PhantomJS и SEO
Неортодоксальная производительность
Видео доклада Axel Rauschmayer на тему JavaScript Coding Tips
Веб-инструменты
rssheap — продвинутый ридер для разработчиков
Adobe Extract: бесплатное извлечение кода из PSD файлов в облаке
Стресс-тестирование с Loader.io (бесплатно для 50 тыс. соединений)
Makethumbnails.com – drop images into the browser, get a zip of thumbnails
Новости
Стив Балмер окончательно ушёл из Microsoft
- Android используют 18,8 тыс. различных моделей мобильных устройств, Samsung выпустила 43% всех Android-устройств в мире
- Сообщения в Skype теперь будут приходить только на то устройство, которое используется в данный момент
- Проект Windows 8.1 Update 2 официально отменен
- Lenovo стала крупнейшим производителем ноутбуков
- Павла Дурова назвали самым перспективным лидером Северной Европы моложе 30 лет
- СМИ: Windows 9 представят 30 сентября
- Какой может быть Windows 9 и сможет ли она стать новой удачной ОС Microsoft
- Microsoft выпустила ознакомительную версию Windows для бытовых устройств
- Microsoft и HP заходят на территорию хромбуков
- Котировки Mail.Ru Group рухнули после публикации финансовой отчетности и прогноза на 2014 год
- Выручка Opera Software превысила $100 млн
- Google предлагает не беспокоиться о дублировании контента в веб- и мобильной версии сайтов
- comScore: топ-50 веб-сайтов США за июль 2014 года
- Google разрабатывает детскую безопасную версию
Браузеры
- Opera Mini станет браузером по умолчанию на телефонах Microsoft
Еще раз про режим эмуляции устройств в последней версии Chrome canary
Улучшите вашу жизнь при отладке JavaScript используя поддержку source map браузерами IE11, Chrome, Opera & Firefox
WebIDE внедрен в Nightly
Сайты с интересным дизайном и функциональностью
followbubble.com — сайт-книга с off-canvas навигацией и интересными эффектами переходов
Beautiful Open — коллекция красивых сайтов посвященных OpenSource проектам
bellroy.com — качественно реализованное фоновое видео, изменяющееся после обновления страницы
Дизайн
Несколько причин, почему популярность минимализма постоянно растет (перевод)
7 основных принципов юзабилити для интернет-магазинов (перевод)
Концепция редизайна vk.com
Опыт компании Sly Lamb: адаптация дизайна iOS-приложения для Windows Phone
- Подведены итоги конкурса на редизайн «ВКонтакте»
- Подсказки в интерфейсе: сложность адаптации под различные типы устройств
- Типографический 3D-эффект в Photoshop CC 2014
- Повседневный дизайн: переизобретение линейки
Нет, глупенький, UI и UX это не одно и то же
Руководство по типографике для создания сбалансированных шаблонов сайтов
Пример проекта сообщества: креативные селфи дизайнеров — часть третья
Примеры стильных веб-сайтов с гамбургерной иконкой, за которой скрывается меню
Responsive Web Design — подкаст с Ethan Marcotte и Karen McGrane
Детали дизайн: Foursquare для iOS
История редизайна busuu
The New Yorker переработал редизайн, но недоработанные детали остались
Важность использования эмоций в веб-дизайне
Прекратите спекулировать понятием «золотое сечение»
Прекрасные постеры с визуализацией основных принципов дизайна
Дизайн с акцентом на формах подписки на рассылки писем
Дизайним привлекательный ваучер в Photoshop-е
Создание цветовой палитры при помощи корректирующих слоев в Photoshop
WhoUsesSket.ch? — кто уже использует Sketch?
Семь советов пользователям Sketch
Как нарисовать винтажную цветочную композицию в Adobe Illustrator
Понимание работы автоматического, оптического и метрического кёрнинга в Adobe Illustrator
Страницы 404, которые не расстраивают
Серия иллюстраций, объясняющих интернет-термины
Подборка бесплатных дизайнерских печенек
THE STOCKS — свежие фото каждые 7 дней
designerspics.com — большая коллекция профессиональных фото в высоком качестве
Классные текстуры в стиле гранж
Текстуры белых стен
Мокапы в векторном формате
Мокапы с изображениями мобильных устройств поутру
Мокап флайера
Veridant — набор UI в салатных цветах
UI видео-проигрывателя
Red Carpet UI Kit
Verdant UI Kit в зеленоватых цветах
Набор векторных иконок на бытовую тематику
Три десятка векторных иконок посвященных еде и ее приготовлению
flat.icns набор плоских иконок для OS X
Набор с винтажными логотипами
Векторные многоцветные низко-полигональные иллюстрации спортсменов (AI, EPS)
Иконочный шрифт Icon Works
Martell — семейство шрифтов с засечками
Meticulous Ariel — семейство шрифтов с засечками вдохновленное миром моды
Семейство гротеск-шрифтов без засечек Hans Kendrick
Hanken Round — округлый шрифт без засечек
AVENTURA — шрифт без засечек
JAAPOKKI — рубленый заголовочный шрифт
Демо
Monocle — список прокручиваемы через «увеличительное» стекло, концепт от Hakim
ColorRun — игра на умение быстро определить яркость цвета
VisualGo — визуализация структур данных и алгоритмов с помощью анимации
Кубик Рубика на CSS/JS
Занимательное
IBM Simon: первому в мире смартфону исполнилось 20 лет
Apple: «ценностный монополист» на рынке смартфонов
- 10 технокомпаний с наиболее довольными сотрудниками: Twitter обогнал Google
- Glassdoor: Сколько зарабатывают сотрудники Apple
- Amazon начнёт испытания своих курьерских дронов с Индии
- Автомобили Tesla можно будет заводить с айфона
- Крупнейшая солнечная электростанция является причиной гибели птиц
- Remedy Beam сделает Google Glass привычным атрибутом врача
- Google получил разрешение сделать свои умные очки неотличимыми от обычных
- Кто лучше разбирается в технологиях: Гейтс, Цукерберг или Брин
- Обзор LG G Watch и Android Wear: умные часы по версии Google
- Маленькие истории большого дизайна: от электробритв до планшетов
Японец Нобумичи Асаи, профессионал в области проецирования света на объемные объекты, создал видео, в котором живая модель, сидящая на стуле, несколько раз меняется в лице.
Samsung облила Galaxy S5 ледяной водой в рамках Ice Bucket Challenge и бросила вызов iPhone 5s
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.