Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
![](https://habrastorage.org/r/w1560/files/92e/f44/e61/92ef44e611084c92bd683d918be3a847.png)
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
![](https://habrastorage.org/files/92e/f44/e61/92ef44e611084c92bd683d918be3a847.png)
Веб-разработка
Улучшаем мобильные сайты с Google Developers по-русски
Performance Calendar — предрождественский календарь со статьями по оптимизации
Книга The offline cookbook от Jake Archibald (Google) об организации работы приложения в оффлайн
Интервью с Mike[tm] Smith, человеком-валидатором из W3C
Сравнение наиболее популярных front-end фреймворков 2014-го года
Formstone — коллекция полезных front-end компонентов
Обновленный и наиболее семантичный фреймворк Semantic UI
Нахождение решения для поля ввода Date Picker при использовании Bootstrap
Ускорьте разработку фронт-энда с Harp
Mootor, HTML5 фреймворк для разработки под мобильные устройства
Muffin — фронт-энд веб-шаблон на Sass, Jekyll, Gulp с акцентом на дизайне
Подходим к отзывчивости сайта более ответственно (Offline first, accessibility, уровень освещения, vibration API)
Изучите регулярные выражения за 20 минут
JSONSelector — генератор селекторов для представленных в JSON-е данных
Сергей Чикуенок опубликовал первую альфа-версию LiveStyle с поддержкой LESS и SCSS
CSS
CSS фильтры в действии
Вопрос дизайна: текст на изображениях
Раскрытие дополнительных полей с помощью отмеченных радио-кнопок
Уже не существует полосы, разделяющей первый экран и остальную часть страницы
Sass Compatibility — несовместимости движков Sass
Почему вы должны избегать Sass @extend
Создание адаптивной сетки с помощью Susy и контрольных точек
Простой шаблон для проектов с адаптивным дизайном
firefox.html — страница, повторяющая UI браузера Firefox
Material Design для Bootstrap
Стильное падение: CSS3-анимация, имитирующая гравитацию
Прелоадеры на CSS3
Креативные эффекты для всплывающих диалоговых окон
Skyline — очередной статический фреймворк, для старта верстки. OOCSS & SCSS c BEM-нотациями, RWD, jQuery
Кроссбраузерные несоответствия для Flexbox
JavaScript
Как добавить карты Bing Maps в Windows-приложение на HTML и JavaScript. Часть 1
Выразительный JavaScript: Формы и поля форм, Проект: программа Paint, Node.js
- В поисках идеального JavaScript-фреймворка
- Подкаст radioJS: Выпуск №11, в котором JavaScript не вызывает зависимости (в гостях Антон Шувалов), и Выпуск №12: о типизации, трансдьюсерах, генераторах и всем таком.
- Обновились сайт и документация по npm
- Самые распространенные ошибки AngularJS разработчиков
Suave UI 0.3.0 — UI-фреймворк для Angular JS. Аналог Angular Bootstrap и Angular Material Design, созданный для быстрого создания пользовательских интерфейсов при помощи заготовленных сервисов и директив.
Производительность AngularJS в больших приложениях
Знакомство с JavaScript Internationalization API
Мета-программирование с ECMAScript 6 proxy
ES6 модули: конец знакомой нам цивилизации?
Пять черт хорошо управляемого JavaScript
Планирование при создании Frontend JavaScript приложения
Эффективная работа с событиями с помощью jQuery
Проектирование RESTful API с помощью NodeJS и Restify
Создание вашего первого Node.js модуля
Что такое архитектура Flux-приложений?
Интеграция SVG с помощью JavaScript
thaw.js — синтетическая асинхронная обработка в JavaScript (теперь с экстра-ускорителем)
dstorejs — приручите данные в вашем приложении
Maskjs — наложение масок на поля ввода
Сортировка таблиц с помощью jQuery плагина Tablesorter
decimal.js — произвольная точность в типе Decimal для JavaScript
bigpicture.js библиотека для создания текстового полотна с бесконечным масштабированием и панорамированием
QuaggaJS – делаем сканнер штрих-кода в вебе
Lazy-load для Google Maps (плагин на jQuery)
Браузеры
- Mozilla экспериментирует с переводом интерфейса Firefox на технологии HTML5
Opera 12.17 пытается обновиться до 25
Первый P2P браузер от создателей BitTorrent
Google Chrome пометит HTTP-сайты как небезопасные
ES6 Template Strings уже работают в Chrome
Тренды в мире браузеров — декабрь 2014
Планы развития IE: в разработке srcset, элемент main и date inputs
Анонс редизайна для F12 developer tools в IE11
Google планирует выпустить детскую версию Chrome
Сайты с интересным дизайном и функциональностью
Двадцать примеров использования фонового движения в веб-дизайне
Интерактивная притча о многоугольниках
polishchristmasguide.com — веселое Рождество по польски
Google Santa Tracker — позитивный мультимедиа-проект этого года
2014 год глазами Twitter
Wiki в виде галактики
Mondaine Helvetica — сайт с разнонаправленным скролингом и анимационными эффектами
jovaconstruction.com — сайт с нестандартными анимационными эффектами
impossible-bureau.com — симпатичный сайт с полноразмерной навигацией
Дизайн
Evil Icons: как мы изобретали SVG-иконки
- Хорош ли ваш дизайн на самом деле?
- Мультяшный сырный текст в Adobe Illustrator
- Типографика в мобильном дизайне
- Плейсхолдеры в полях формы вредны
- История дизайнера Apple, создание Monument Valley и еще 10 новостей интерфейсного дизайна
Material Interaction — интерактивная демонстрация принципов Material Interaction
Мнение более пятидесяти дизайнеров о трех основных трендах нового 2015-го года
Веб дизайнеры: пожалуйста, рассмотрите вопрос об использовании пользователями вашего продукта плохих мониторов!
Принципы дизайна: визуальный вес и направление
Использование «золотого сечения» в веб-дизайне уместно и идеально
Полное руководство по теории цвета для дизайнеров
Что более важно в дизайне: изображения или текст?
IBM Design Language
Обзор Behance за 2014
Семь подсказок для дизайна отличных анимированных GIF-ок
Концепт анимации Taasky для Apple Watch
Редизайн SoundCloud
Успешные цифровые продукты не появились случайно
Генерация изображений для адаптивных сайтов в Photoshop CC 2014
Как создать эффект текста из матового металла в Adobe Photoshop
Как создать набор иконок в Adobe Photoshop
Aaron Draplin о вызовах при создании дизайна логотипов
UI в играх
UXmas
Подборка бесплатных дизайнерских печенек
- Бесплатные ресурсы для новогоднего дизайна
Кисти для фотошопа с сигаретным дымом
PSD шаблон с одно-страничным сайтом от Shoaib Ahmed
Набор Winter UI
Набор UI Teracy, для создания вайрфреймов в Sketch
UI Tiles — элементы для вайрфреймов
Более восьми десятков шаблонов красивых сайтов в формате PSD
Десять векторных рождественских поздравительных открыток в форматах AI, EPS
Набор из более чем трехсот векторных иконок с плоским монохромным дизайном
Упаковки с рождественскими иконками
AROLY — геометрический заголовочный шрифт
Blogger Sans — мягкий скругленный шрифт
Sunday — декоративный шрифт с засечками
Stereotesque Regular — шрифт без засечек
Рождественские шрифты: от DK Clair De Lune до Sh*t Happens
Коллекция шрифтов этой недели: от декоративного AERY до сказочного sofadi one
Демо
Amelie — визуализация саундтрека из фильма
Предрождественский календарь animal advent — интерактивные изображения животных, состоящие из символов и «оживленные» с помощью JS/CSS3
Симуляция развевающейся на ветру ткани на three.js
Физический рендеринг в WebGL
Новости
- Фабрис Беллар разработал новый формат сжатия изображений
- Adobe Systems приобрела фотобанк Fotolia за $800 млн
- Тим Кук – человек года по версии Financial Times
- Microsoft подробно расскажет о Windows 10 на презентации 21 января
- Windows 10 будет распостраняться бесплатно?
- Facebook стал официально называть своих пользователей «людьми»
- В почте Yahoo на десктопах появился персонализированный поток новостей
- IDC представила 10 технологических прогнозов на 2015 год
- Барак Обама написал несколько строк на JavaScript
- Google и Microsoft пригрозили AdBlock Plus судебным иском за блокировку рекламы
- В YouTube теперь можно создавать анимированные GIF изображения из отрывков видеороликов
Google отправляет на пенсию Google Earth API
Занимательное
ASUS ESC4000 G2S — наиболее эффективный суперкомпьютер в мире
- «Яндекс» представил 100 самых популярных запросов в 2014 году
- Как Google обучает сотрудников в туалетах
- Каких киберугроз надо опасаться в 2015 году: прогноз «Лаборатории Касперского»
- Итоги года: YouTube Rewind 2014
- Картинки на века: история популярных компьютерных символов
- Эволюция компьютерной мыши
- Почему компьютеры не могут писать программы самостоятельно — обсуждение на Quora
- Как Google и Amazon эксплуатируют труд невидимых рабочих
- Oculus Rift позволит взаимодействовать с виртуальным миром при помощи рук
- Легенды Силиконовой долины: история Hewlett-Packard
- Легенды Силиконовой долины: история Intel
Глобус с IT-компаниями миллиардерами
2014 in Gaming: The Year in Under 2 Minutes
5 трендов в SEO на 2015-й
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.