Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №124 (1 — 7 сентября 2014)
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и 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-компаний
- Убить дедушку: Как учёные решают самый известный парадокс путешествий во времени
- Мы уже действительно в интернете вещей? Отнюдь!
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.