Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб-разработка
- Где научиться программировать: 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.
