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