Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №144 (19 — 25 января 2015)

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

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

• Что происходит после того, как вы набираете google.com в своем браузере и нажимаете enter?
• Почему мы не можем делать по настоящему адаптивные изображения с помощью CSS или JavaScript
• Живая интерполяция шрифтов в вебе
• Как обучить себя веб-разработке
• Что такое виртуальный Viewport?
• Время проверить использование данных вашим приложением. Средняя страница для моб. устройств теперь весит 1 Мб
• Создание скриншотов из видео
• «Front end and back end» — Ppk о различиях между ними
• Вопросы для собеседования на позицию фронтенд-разработчка
• Создаем собственные SVG-иконки
• Идеи HTML6 или HTML.next
• LumX — первый отзывчивый front-end фреймворк, основанный на AngularJS и спецификациях Google Material Design.
• Marko — расширяемый язык для создания шаблонов

CSS

• Полная кастомизация select без использования JS
• Что нового в CSS селекторах 4-го уровня
• Начинаем разбираться с Myth — препроцессором будущего
• Рисуем анимированную сцену с помощью css
• Производительность CSS-анимаций
• Создание производительного и отзывчивого сайта на «чистом CSS»
• Идеи эффектов при добавлении покупок
• PubCSS: форматирование академических публикаций в HTML & CSS
• Изучаем Sass с помощью CodePen, часть 1, часть 2
• CSS Extend Rule — из колекции интересных идей по расшрирению CSS
• «ATOMIC CSS» — слайды от Thierry Koblentz из Yahoo! с FED London 2015
• A Vision for Our Sass
• cssplus — крепкий, быстрый и кроссбраузерный шаблон, основанный на Flexbox.
• Центрирование и обрезка изображений одной строчкой CSS (object-fit: cover)
• Использование свойства fit-content в CSS
• Знакомимся с LibSass
• Окончательная версия реализации длинных теней с помощью Sass-миксина
• image-rendering: pixelated
• Супербыстрая адаптивная разметка с Jeet
• Manhattan — легкая и кастомизируемая CSS-сетка.
• Начинаем разбираться с CSS-фреймворком Skeleton

JavaScript

• Вычисление факториала на числах Чёрча
• Гибкое управление событиями в jQuery — плагин jquery.behavior
• В рамках проекта Gitlet развивается упрощённая реализация Git на JavaScript
• PhantomJS 2.0 запланирован на 23 января
• Пишем игру на ReactJs с использованием webpack + react-hot-loader
• Top 10 CodePens of the Week: JavaScript January Edition
• Генерация фейковых данных для вашего JavaScript-приложения с помощью Faker
• Ошибки в JavaScript и как их исправлять
• Отладка Javascript [немного] больше чем console.log
• Путешествие по стране тестирования клиентской части приложений с помощью JavaScript
• ECMAScript 6 эквиваленты в ES5 — справочник от Addy Osmani
• ES6 JavaScript — менее странные части
• font-character-inspector — инспектор unicode-символов, ассоциированных с иконочным шрифтом
• Custom Events and Ajax Friendly Page-ready Checks
• Получение литералов с помощью ES6 Template Strings
• Fetch API в действии
• Создание сайтов с хорошими манерами с API видимости страницы
• Автозаполнение форм с помощью jQuery и Web Storage API
• Глубинные особенности AngularJS
• angular-websocket — модуль, соединяющий клиентскую часть приложения с серверной
• Представление NumGL — WebGL библиотеки для быстрой обработки изображений и видео
• mingo — JavaScript реализация языка запросов MongoDB
• Плагины:
  • Tuxedo.js — фреймворк на базе React, Flux-архитектуре и CommonJS модулях
  • marty.js — библиотека для управления состояниями в React-приложениях
  • mozaik — инструмент панель на nodejs, react, d3, stylus для построения клевых дашбордов
  • canvg — парсер SVG и визуализатор в Canvas
  • WheelNavJS — создание навигационного колеса (SVG)
  • pwstabs — jQuery плагин для создания функционала вкладок с адаптивным дизайном
  • terminal.js — библиотека для эмуляции терминала для браузеров и node.js
  • amalia.js — HTML5 видео-плеер с визуализацией мета-данных
  • blockrain.js — простое добавление на сайт игры тетрис
  • Slalom — быстрое прототипирование тач-интерактивных компонентов с физическими свойствами
  • Matter.js — физический движок для веб

Веб-инструменты

• Генератор хипстерских логотипов
• PencilBlue — CMS на Node.js
• Конвертор растровых изображений в форматах jpeg, jpg, gif, png в векторный формат Svg
• Tint UI — библиотека трендовых цветов с пипеткой

Браузеры

• Релиз web-браузера Chrome 40
• Вышел Chrome 40 с блокировкой всех плагинов NPAPI
• Spartan: тот же IE11, только сбоку
• Новинки панели для разработчиков в Firefox, эпизод 37
• Что нового в Firefox 35 — детали для веб-разработчиков
• В Firefox Nightly появилась виртуальная реальность, Web VR появляется в Firefox Nightly
• Firefox обрежет «рефереры» для приватности
• Google предлагает пользователям Firefox изменить поиск по умолчанию и стартовую страницу
• Для Firefox доступна система блокирования рекламы uBlock
• Microsoft выпустит Windows 10 с двумя браузерами одновременно

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

• Веб-дизайн от первого лица
• Shopify в 2014-м
• Креативное портфолио
• Aerolab — портфолио с хорошей типографикой и лаконичной анимацией
• blitzagency.com — вертикальный сайт, насыщенный трехмерными трансформациями
• gianlucabocchi.com — сайт с креативными эффектами анимации
• homunculus.jp — японцы умеют удивлять даже сайтами

Дизайн

• Видео. Основные принципы Material Design
• 12 базовых принципов анимации
• Организуй это полностью — Антон Любушкин делится своим опытом организации работы с большими макетами и нестандартного использования новых возможностей фотошопа.
• 10 Android-приложений в стиле Material Design, которые уже доступны в Google Play
• UX-консультант: Почему ленты новостей в Facebook и Instagram устроены неправильно
• Tumblr тестирует социальную сеть для взаимодействия брендов и художников
• Зачем веб-дизайнеру старый монитор?
• Создаем кисти-капли в Adobe Photoshop
• Узор для вязанного свитера Adobe Illustrator
• 10 трендов в веб-дизайне, которые изменят все в 2015м
• Четыре основных тренда в дизайне веб-сайтов в 2015
• Девяностолетняя дизайнер Силиконовой Долины
• Как привлекает новых пользователей Duolingo
• Вызовы редизайна: Dropbox для Android
• Становится ли визуальный дизайн плоским?
• UX Reader — книга от MailChimp
• Рассмотрение инструментов для прототипирования
• Является ли минимализм лучшей стратегией для вашего сайта?
• Сто и одна вдохновляющая цитата для дизайнеров
• Примеры цветных интерфейсов мобильных приложений
• Руководство по повышению точности дизайна мокапов
• Веб-дизайны с креативной типографикой нарисованной вручную
• Пятнадцать шагов на пути к лучшему юзабилити (и счастливым пользователям)
• Создание изометрического пиксель-арт изображения здания в Adobe Photoshop
• Как создавать эффект портрета животного в Adobe Photoshop
• Шрифтовые пары из коллекции Google Fonts
• Покемоны и бренды

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

• Кисти дыма для фотошопа
• Бесплатные иконки, нарисованные от руки
• Два десятка плагинов к фотошопу
• Фото городов
• Колекция новых и бесплатных шрифтов за январь 2015
• Дюжина кистей к фотошопу изображающих разбитое стекло
• Векторные баннеры, посвященные Дню Святого Валентина (AI & EPS)
• Набор Avant UI (более ста элементов) в четырех PSD-файлах
• Набор с элементами Apple Watch UI
• Векторная карта мира и северной Америки (AI, SVG)
• Набор иконок Creatt (PNG, AI, SVG)
• Набор векторных иконок, посвященных образованию (PSD, AI, EPS, SVG)
• Шаблон плоского дизайна корзины интернет-магазина
• Упаковка из почти четырех десятков иконок с плоским дизайном
• REFUGE — декоративный рукописный шрифт без засечек в винтажном стиле
• Slash — злодейский жирный заголовочный шрифт без засечек

Новости

• Windows 10: The Next Chapter
  • Новая Windows 10 и другие фантастические новинки от Microsoft
  • Видеозапись конференции Microsoft доступна для просмотра на YouTube всем желающим
  • Microsoft интегрирует Skype в Windows 10, сделав его аналогом Apple iMessage
  • Виртуальное будущее от Microsoft: голографический шлем HoloLens и платформа Windows Holographic
  • Microsoft представила виртуального помощника Cortana для Windows 10
  • Microsoft: конец чёрной полосы?
  • Microsoft анонсировала Office 2016 и Office для Windows 10
  • В Microsoft рассказали про бесплатное обновление до Windows 10
  • Microsoft Windows 10: обещать — не значит жениться
  • Обзор от Логвинова: Революционный Windows 10 бесплатно, HoloLens — невероятный шлем дополненной реальности. Battletoads.

• Microsoft присоединился к Student Developer Pack и некоторые другие новости GitHub Education
• В Google планируют сотрудничество со SpaceX
• Facebook сделал из WhatsApp виртуального оператора сотовой связи; Google на подходе
• Google: Интернет вскоре исчезнет
• Рекламные доходы YouTube в 80 раз меньше, чем у ТВ-каналов
• Рынок мобильного ПО обогнал по доходности Голливуд
• В прошлом году Facebook потеряла 9 % активных пользователей, а вклад Facebook в мировую экономику оценен в $227 млрд
• Google обрабатывает не менее 1 триллиона запросов в год
• HP вырвалась в лидеры на рынке ноутбуков

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

• Как закон Мура уничтожил Google Glass
• В Китае при помощи 3D-печати возвели «пятиэтажку» и огромную виллу
• Что можно распечатать на 3D-принтере?
• Видео дня: Boston Dynamics кардинально переработала робота Atlas

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

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

Автор: alexzfort

Источник