Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Веб-разработка
- Инструментарий для развертывания в Ubuntu окружений для разных категорий разработчиков
- Настройка архивов для рубрик, меток и других таксономий в WordPress
- Скролл-эффекты. Разновидности, тонкости, проблемы, решения. Что такое Scroolly?
Testing Mobile: эмуляторы, симуляторы и удаленная отладка
uilang — псевдо-язык с фокусом на UI
Внутренние треннинги разработчиков: проводим их правильно
Создание простого оффлайн приложения To-Do с помощью IndexedDB и WebSQL
Атрибут download в HTML5
Создание мини-CSS препроцессора для контроля цветов в WordPress теме
HTML5 Imports: вставка HTML файла внутри другого HTML файла
8 полезных расширений для Brackets
Как оптимизировать сайт под носимые устройства
Как новый HTML элемент сделает интернет более быстрым (о picture)
Эффективность табов и пробелов в HTML
Видео доклада Luke Wroblewski на тему «How to Design Components for Mobile First»
Документальный фильм о Jeffrey Zeldman
Fabio Carneiro — Hard-Won Lessons in Responsive Email Design (видео со SmashingConf NYC 2014)
CSS
Редактор CSS Shapes для Chrome,
CSS Shapes Editor для Chrome
Параллакс на чистом CSS
GitHub’s CSS
CSS GuideLines, часть 1. Синтаксис и форматирование
CSS GuideLines, часть 2. Комментирование кода
CSS-препроцессоры против постпроцессоров
Центрирование в CSS: полное руководство от Chris Coyier
Симметрия, размер, скорость и CSS Shapes
Stylie — песочница для тестирования анимаций
Две хороших техники для изменения стилей элементов форм
Наименования в CSS — реально сложная штука
AMCSS — Attribute Modules for CSS
Представляем AM — Attribute Modules для CSS от Glen Maddern
gridbyexample.com — простые примеры использования CSS3 Grid Layout Module
Баги Flexbox в IE11
Более продвинутые Sass-миксины при использовании Null
Пять полезных миксинов Sass в Bootstrap-е
kouto swiss — полезный набор миксинов и сниппетов для Stylus
Коллекция эффектов для вкладок
Креативные эффекты для анимации бордеров на CSS3
Асинхронная загрузка CSS
CSS Cement — статический фреймворк, использующий LESS
JavaScript
Небольшие полезности для CoffeeScript разработчика
Введение в Gulp, Grunt, Bower, и поддержка npm в Visual Studio
Ractive.js — бриллиантовый век web-разработки
JavaScript метод insertAdjacentHTML и beforeend
Смелый стайлгайд по AngularJS для командной разработки [1/2]
- Синхронная обработка задач в Gulp.JS
Анимируем без jQuery
Управление памятью, мастер-класс от Addy Osmani
ECMAScript 6: что следующее в JavaScript? от Axel Rauschmayer
Socket.IO 1.1.0
jQuery UI + Web Components
HTML5 Page Visibility API
cross-storage — кросс-доменный LocalStorage
Использование NodeJS и Arduino для создания устройства, отображающего погодные данные
postscribe — асинхронная запись javascript
Простой и «идеальный» слайдер изображений на vanilla JS
jquery focuspoint — jQuery плагин для умного кадрирования изображений
PIONEERJS — код понятный для программистов и владельцев продукта
Horizonal.js — скрипт для разбиения страницы на слайды и последующей анимации переходов между ними
rollerblade.js — плагин для создания интерактивного изображения с возможностью вращения на 360°
Timesheet.js — визуализация данных с помощью HTML5 и CSS3
Animsition — простой jQuery плагин для добавления эффекта перехода между страницами
Blast.js — библиотека от mozilla для манипуляций с текстом
Bumpkit — библиотека для работы с Web Audio API
Веб-инструменты
- FontFace Ninja: хочу этот шрифт и немедленно!
Fibonacci Flexbox Composer
Расширение для Chrome gradient-inspector
Plain Pattern — инструмент для создание векторных паттернов
Новости
Релиз WordPress 4.0 Benny, Релиз системы управления web-контентом WordPress 4.0
Первая успешная демонстрация передачи мыслей на расстоянии
Google создал виртуальный музей китайской истории и искусства
Pornhub, Redtube и Youporn присоединились к всеобщей акции протеста по символическому «замедлению» интернета
- В OneDrive убирают ограничение на размер файлов в 2 ГБ
- Meizu анонсировала флагманский смартфон MX4
- Проект DARPA ElectRx нацелен на создание у человека способности к самоисцелению
- Google займётся разработкой чипов для систем квантовых вычислений
- «ВКонтакте», «Яндекс», Mail.ru и Rambler будут передавать ФСБ данные пользователей
Браузеры
Старым браузерам — старая версия Google
Какой у меня браузер? Штатный телепат выходит из отпуска
- Проект Raspberry Pi выпустил собственный web-браузер
- Релиз Firefox 32
- И еще раз о Firefox 32 с точки зрения веб-разработчика
Сайты с интересным дизайном и функциональностью
Лучшие сайты с акцентом на типографике за август 2014
jacksbarlondon.co.uk — полноэкранный одностраничный сайт с симпатичными эффектами и параллаксом
newjumoconcept.com — интерактивный скролл-сайт
vangoghmuseum.nl — красочно иллюстрированный сайт со скролл-анимацией
leesferry.com — сайт с фоновым видео и симпатичной анимацией
johnjacob.ca/newyork — вертикальный скролл-сайт с параллаксом и необычными эффектами переходов между блоками
Футболочный сайт от ESPN
Дизайн
Вебмани обновила интерфейсы
- Как создать страницу оплаты заказа для проекта: 11 популярных сайтов
- Подсказки в интерфейсе: как обучить пользователя и убедить его не удалять приложение
- С чего начать изучение UX и юзабилити: 20 полезных ресурсов
- 10 полезных и интересных тестов для дизайнеров
- Концепты редизайнов известных ресурсов
- Пирамида Маслоу в дизайне, или Эмоциональный дизайн для бизнеса
- Лебедев и звезда: «Студия Лебедева» разработала официальный логотип Москвы, Мнение интернет-пользователей, В мэрии открестились от заказа у Артемия Лебедева логотипа Москвы
- Дизайнер Марк Ньюсон перешёл в команду Джони Айва в Apple
Периодическая таблица процессов в веб-дизайне (спорная, но информативная)
Новый тренд веб-дизайна: портреты крупным планом
Раздражающий дизайн
Тренды 2014: восход призрачной кнопки
Как создать эффект двойной экспозиции в Photoshop-е
Три совета по созданию дизайна целостного печатного макета
Вдохновляющие визитки
Инфографика: десять заповедей дизайна логотипов
Иллюстрации и инфографика с роботами-иконами
Фасеточная сортировка — новый метод сортировки поисковых результатов
Подборка бесплатных дизайнерских печенек
- Бесплатные иконки и кнопки подписки для социальных медиа
TETHR — дизайнерский набор для iOS приложений
Два десятка наборов UI с плоским дизайном
Черный и белый набор с UI
Три десятка наборов UI в формате PSD с элементами мобильных приложений (выпуск лета 2014)
Мокапы для показа своего дизайна на устройствах: Mac, iPad, iPad mini, Samsung Galaxy 5 и HTC One
Мокап визитки
Musicons — музыкальные иконки в PSD формате
Набор с векторными иконками посвященный финансовой сфере
Векторные иконки стикеров с плоским дизайном на бизнес-тематику
Векторные иконки с плоским дизайном посвященные образованию
Наборы с векторными иконками «The Regular Cut» и «The Light Cut»
Bushcraft — декоративный шрифт без засечек
Brela — лаконичный шрифт с засечками
Четыре десятка футуристических шрифтов: от Neuropol X Font до Digit
Noni &,dash; приятный рукописный шрифт без засечек
Занимательное
Смартфон на грани: Samsung Galaxy Edge с по-новому изогнутым дисплеем
Индустрия киберспорта: от ящика пива до миллиона долларов
Можно ли «сломать» интернет?
- Текст для «синего экрана смерти» Windows написал Стив Балмер
- Самую дорогую в мире «гифку» выставили на eBay
- 11 сбывшихся предсказаний из рекламы AT&T 1993 года
- Что родители думают о работе представителей ИТ-индустрии
- Как обезопасить себя в интернете
- Что подтолкнуло к успеху в бизнесе Ричарда Бренсона, Стива Джобса, Ларри Пейджа
- Великая октябрьская китайская компьютерная революция
- Десять самых оглушительных провалов ведущих IT-компаний
- Убить дедушку: Как учёные решают самый известный парадокс путешествий во времени
- Мы уже действительно в интернете вещей? Отнюдь!