Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №138 (8 — 14 декабря 2014)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости

Веб-разработка

• Фабрис Беллар разработал новый формат сжатия изображений
• Улучшаем мобильные сайты с 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.

Автор: alexzfort

Источник