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

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

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

• Не только Яндексу. Микроразметка на крупнейших сайтах рунета: зачем ею пользуются и почему она пригодится и вам
• Single Page Application в облачном хранилище
• Yeoman для новичков
• Mozilla внедрит не все веб-компоненты
• Какими знаниями должен обладать Front-end разработчик в 2015 году
• Про аутлайны
• Что нового в последней версии WordPress 4.1
• Черновик W3C Pointer Events принял статус предлагаемой рекомендации
• SMACSS-Press
• Оптимизация изображения для Web
• Подборка видео с Fronteers 2014
• SVG:
  • Свежий скринкаст от Криса Койера: три метода анимации SVG
  • Эластичные SVG элементы
  • Обзор техник по созданию SVG-спрайтов
  • Три способа анимации SVG
  • Советы по оптимизации SVG для веба

• Коллекция туториалов по HAML
• Языки и фреймворки, которые советуют выучить в 2015м
• Enyo — фреймворк для создания качественных кроссплатформенных HTML5 приложений
• Front-end Boilerplate
• Пуленепробиваемый гайд по использованию HTML5 и CSS3 в почтовых письмах
• Как сделать редирект веб-страницы
• MailDev — инструмент для тестирования шаблонов писем

CSS

• Десять строчек на CSS, которые помогут отказаться от нативных приложений
• Исправляем «прыгающий скролл» на чистом CSS
• Функциональные обертки в Sass
• CSS object-fit
• Автоисполняемый SCSS стилевой гид
• SC5 Styleguide — «живое» руководство по стилям
• Анимированные заголовки
• Приключения в стране Flexbox
• Почему псевдо-класс :visited такой странный
• Помещаем троеточие в начало строки с помощью CSS
• 10 CSS препроцессоров, на которые стоит обратить внимание (на самом деле нет)
• Как писать Mobile-first CSS
• Размышления о наименовании классов от Paul Lloyd

JavaScript

• Выразительный JavaScript: Проект: Веб-сайт по обмену опытом
• Проблема «7-го января»
• Представляем Libscore.com — сервис, собирающий статистику с миллионов сайтов о наиболее популярных JS библиотеках
• Простая валидация форм с помощью нативных средств HTML5
• Архитектура JavaScript приложений на пути к 2015
• Книга от Eric Elliott: Программирование JavaScript приложений
• Изучение базовых регулярных выражений за 20 минут
• Классы в JavaScript: исследование имплементации в движке Chakra
• Исследование: производительность самых популярных JavaScript MVC фреймворков
• Как менять контент с помощью jQuery, оставляя его доступным
• Вопросы по AngularJS для собеседования: Часть 1, Часть 2
• AngularJS: от прототипа к функциональному коду
• jQuery vs. AngularJS: сравнение и процесс миграции с большим количеством жарких комментариев
• Создание модальных окон с запоминаемыми состояниями с Angular UI роутером
• fakeLoader.js — легкий jQuery плагин для создания прелоад-анимации
• tcomb-form — UI библиотека под React для создания форм
• календарь для React
• JSnoX — создание ReactElement деревьев на чистом JavaScript
• Rantjs — процедурная генерация текста
• barn — прослойка для работы с localstorage
• Chartist.js, open-source библиотека для адаптивных графиков
• Практический функциональный JavaScript с библиотекой Ramda
• focusable — плагин для создания эффекта затемнения всей страницы кроме выбранного элемента DOM

Браузеры

• В Chrome планируется помечать соединение как небезопасное при открытии сайта по HTTP
• Создатель Glitché Владимир Шрейдер: Прозрачный интерфейс «Яндекс.Браузера» — это абсурд
• Бывший главный разработчик IE покидает Microsoft и теперь «готов наслаждаться новыми веяниями в мире технологий"
• Duo — «новый» способ отзывчивой веб-разработки с помощью браузера под OS X
• Pseudo elements, promise inspection, raw headers, and much more – Firefox Developer Edition 36

Сайты с интересным дизайном и функциональностью

• Свежая подборка классных сайтов
• apps.npr.org/best-songs-2014 — нестандартный проигрыватель-галерея песен
• Страница со статистикой работы сервиса Wunderlist
• Dino Hunt — сайт, посвященный динозаврам, с трехмерными моделями
• Интерактивные графики с помощью SVG на bloomberg
• tondapizza.it — интерактивный сайт, посвященный пицце
• natgeoeat.com — сайт от National Geographic, посвященный истории еды
• pendryhotels.com — красочный сайт с реализацией скролинга внутрь
• firstlightfusion.com — вертикальный сайт с креативными скролл-эффектами
• teye.denkwerk.com — забавный интерактивный сайт с интересными элементами дизайна
• Покадровая скролл-анимация, превращающаяся в интерактивный посыл
• tap42.com — вертикальный сайт, насыщенный параллакс-эффектами
• freresdencre.com — сайт с симпатичной анимацией и ховер-эффектами
• Полноэкранный сайт с современной анимацией загрузки

Дизайн

• Семь трендов в веб-дизайне на 2015 год
• Альфа-банк представил редизайн своего сайта от «Студии Артемия Лебедева»
• Синий цвет в веб-дизайне
• Блестящий карамельный текст в Adobe Photoshop
• material palette — цветовая палитра для Material Design
• 10 must-read UX design books
• Лучшие обложки книг в 2014 по версии NyTimes
• Интервью с иллюстратором Натальей Долотко
• Мобильные приложения с прекрасным дизайном и юзабилити
• История создания иконки желтого бегущего человека AOL
• Как плохой UX заставляет пользователей обвинять себя
• Черный должен быть черным
• Как удалять фон из фото с помощью инструмента Pen в Photoshop-е
• Как создать блок изометрического пиксель-арта в Adobe Photoshop
• Начинаем разбираться со Smart Objects в фотошопе
• Typecast™ — бесплатный план
• Лучшие постеры к фильмам 2014-го года

Подборка бесплатных дизайнерских печенек

• Бесплатные фоны и паттерны для новогодних открыток
• Бесплатные исходники для зимних фотоманипуляций
• Праздничные ленточки скидок в Adobe Illustrator
• Наборы кистей для фотошопа
• Подборка с упаковками с контурными иконками
• Набор SVG-иконок evel-icons
• Набор иконок с плоским дизайном responsive & mobile (PNG, PSD)
• Oduda — округлый шрифт без засечек
• Cathedral — исторический декоративный шрифт
• Motorless — стильный декоративный шрифт без засечек
• Hanken Round — простой геометрический скругленный шрифт
• Mad Squire — декоративный шрифт
• Два десятка иконочных шрифтов

Демо

• What Colour is it — сервис, изменяющий цвет фона в соответствии со временем, преобразуя его в HEX код
• Мона Лиза из многоугольников расположенных в объемном пространстве (glsl)
• Поток из частиц в WebGL
• Панорама 360 на WebGL
• SVG Christmas
• Симпатичный концепт календаря на «чистом CSS»
• HexGL, гонки на WebGL

Новости

• WordPress обновился до версии 4.1
• На смену JPEG приходит новый формат
• Google Тренды: популярные темы 2014 года, новый дизайн и расширенный список видео YouTube, а также самые популярные поисковые запросы 2014 года
• Ждём обновление Android до версии 5.1 уже в феврале
• Google закрывает Freebase – источник информации «Сети знаний»
• Windows 10 установили 1,5 млн человек
• Уязвимость в протоколах ОКС-7: прослушка телефонов по всему миру
• Критическая уязвимость в клиенте Git
• Microsoft начала бета-тестирование Skype Translator – приложения для перевода голосовых звонков в реальном времени
• Microsoft прекращает демонстрацию окна выбора браузера в европейских версиях Windows
• Доступность должна стать обязательным требованием для тем WordPress.org
• Toyota начала продажи автомобиля с водородным двигателем

Занимательное

• Счастливого Нового Гугла
• Создатель Minecraft обошёл Бейонсе и Jay-Z в покупке особняка за 70 миллионов долларов
• МТС и писатели-фантасты заглянули в будущее
• 10 ляпов, которые IT-мир запомнит навсегда
• LinkedIn назвал 25 главных рабочих навыков 2014 года
• 14 трендов в области технологий, которые принесут миллиарды долларов в 2015 году
• Расследование BBC: Журналисты рассказали о тяжелых условиях работы на сборке iPhone
• Роботизированные протезы выходят на новый уровень
• Я, не робот
• Лучшее на Medium: Как программист потратил четыре года, чтобы получить работу в Apple
• Logitech изнутри: как создают и тестируют игровые мыши
• Легенды Силиконовой долины: история NVIDIA
• Некоторая статистика инсайдерской программы Windows
• Роль женщин в ИТ-отрасли и в науке
• Стив Возняк: Все «умные» часы меня разочаровали, а Google Glass не имеет никакого смысла
• Пятьдесят топ людей 2014-го года по версии TheVerge

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.

Автор: alexzfort

Источник