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

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

• Видео с Web Standards Days в Москве
• А как вы оптимизируете ваши изображения? Встречайте ImageOptim-CLI, новый инструмент для пакетного сжатия картинок
• Начинаем работать с GitHub Pages (плюс Jekyll в качестве бонуса)
• Задача, которую мы хотим решить с помощью адаптивных изображений
• 5 .htaccess сниппетов, позаимствованных у HTML5 Boilerplate
• Kickoff — легикй статический фреймворк для создания масштбируемых адаптивных сайтов
• Навигация, при клике отдаляющая страницу в фон с уводом в перспективу
• Грубо говоря, только один из восьми сайтов является адаптивным
• Преодолеваем скоростной барьер с помощью Bootstrap
• Многоликость адаптивного дизайна
• Почему я делаю что-то для веб
• Создание HTML-кода для Email с адаптивным дизайном
• Приложения под Windows для веб-дизайна/веб-разработки, без которых я не могу жить
• Создание элементов интерфейса с нестандартной геометрией используя SVG
• Клиент для чтения сообщений с GitHub
• Стилизованная иконка меню — уменьшенное меню
• Насчет переменных в CSS и абстракциях в веб-языках
• Правда насчет использования нескольких тэгов H1 в эпоху HTML5
• Список проверок для оптимизации производительности от Paul Lewis
• Использование ARIA для улучшения доступности SVG
• Обучающий курс: Explore and Master Chrome DevTools

CSS

• Новый CSS-постпроцессор Myth
• Вышел CSSComb 2.0
• С семнадцатилетием, CSS!
• Эксперименты со свойством CSS3 background-clip: text
• Лучшие статические фреймворки 2014
• CSS4 – Selectors Level 4
• Индикаторы загрузки c помощь CSS анимации
• Визуализация математики без JS

JavaScripts

• Мурлыканье кошки на javascript
• Я знаю jQuery. И что?
• Будущее JavaScript MVC фреймворков
• Выбор JavaScript MVC фреймворка (сентябрьская но актуальная статья)
• Gamepad API (Chrome, Firefox)
• Vim.js — порт Vim на JS
• Ваш уровень JavaScript
• Нативная поддержка Promises в JS
• Введение в touchSwipe
• Продвинутое кроссбраузерное пуш-меню на jQuery
• jQuery Audit — расширение для Chrome
• Adaptive Backgrounds — jQuery плагин, извлекающий доминантные цвета из выших изображений и применяющий их к родительскому блоку
• WebFont Loader — инструмент, позволяющий контролировать подключенные через @font-face шрифты.
• Switchery — Переключатели в стиле iOS 7 на JS
• Обновленная информация по Fullscreen API
• slow.js — небольшой скрипт, который позволяет замедлять CSS анимацию по нажатию заданных клавиш
• Create a Flipping Awesome 3D Gallery with jQuery Flipping Gallery
• Angular services and useable patterns
• Koa — фреймворк нового поколения для node.js
• Временная шкала Node.js 2013
• Как работает Source Maps
• Получаем имена свойств объекта с помощью Object.getOwnPropertyNames и Object.keys
• JavaScript Kinetic Scrolling: часть 4
• Предложение использовать data-атрибуты для хранения состояния элементов вместо CSS-классов
• Javascript роутер в 20 строчек кода
• Как использовать HTML5 Vibration API
• bitcoinprices.js — библиотека для отображения сумм в биткоинах
• lr-notifier — нотификации для Angular.js

Браузеры

• Новые оптимизации в Firefox сократили разрыв в производительности JavaScript и компилируемых языков
• Начало бета-тестирования Firefox 27 и создание aurora-ветки Firefox 28
• В новой версии Яндекс.Браузера появилась функция Быстрый звонок
• В новой версии браузера Opera Coast улучшена работа с файлами PDF и появился встроенный музыкальный плеер
• Некоторые версии браузера Apple Safari хранят пароли в незашифрованном виде
• На modern.IE выложили виртуальную машину с IE11
• DevTools дайджест за декабрь 2013
• Новый движок реализации анимации в Blink увеличит производительность CSS анимаций и переходов
• Новинки панели для разработки в Firefox

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

• onmobile.iwanttouse.com — чего изволите?
• Marvel — прототипирование для дизайнеров (требуются PSD и изображения из вашего Dropbox)
• Тренажор для упражнений по набору нестандартных символов для программистов
• The Sprite Generator (beta) — сервис создающий спрайтовую анимацию из набора изображений
• hackertyper — почувствуй себя хакером

Новости

• Яндекс посвятил страницу плееру Winamp, Прощай, WinAmp
• Winamp продолжит существование с новым владельцем
• Oppo N1 стал первым смартфоном с CyanogenMod, получившим одобрение Google
• CyanogenMod — 22 миллиона долларов и дальнейшие планы
• Основные достижения Mozilla в 2013 году
• Облако Mail.Ru — 1 терабайт бесплатно и навсегда

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

• Чертова дюжина сайтов с веб-дизайном в стиле минимализм
• Подборка посадочных страниц в плоском дизайне
• Плоский дизайн против скеоморфизма
• fixedagency — сайт с параллаксом, анимациями и плавным скроллингом
• Real Voices. — креативный эффект для смены слайдов
• Рождественская страница jackdaniels
• Визуальная история комьютеров
• curadmir.com — сайт с нестандартным подходом к анимации и большим количеством фоновых видео
• highway-one-roadtrip — не просто еще один вертикальный сайт
• julekalender.vitusapotek.no — клевый сайт с анимацией
• Персональная страница фронтенд-разработчика и веб-дизайнера
• tryvertty.com/ — сайт с нестандартной геометрией и необычным слайдером
• Dolox Inc. — одностраничный вертикальный сайт, насащенный анимациями
• alldayer.mkgeeknight.co.uk — сайт с удобным лейаутом и параллаксами

Дизайн

• Новогодний веб-дизайн
• Красивые иконки для iOS, ценность которых снижает популярность плоского дизайна
• 25 зимних логотипов
• Дизайнерское руководство по совместной работе
• Color Template
• Причины использовать видео в качестве фона в ваших дизайнах
• Пасхалка в иконочном шрифте Font Awesome
• Почему responsive дизайн важен
• Лучшие шрифты 2013 года по версии WedDesignerDepot (Melody Weister)
• Почему негатив это позитив в веб-дизайне
• Настоящее и будущее Adobe Fireworks
• Рождественский календарь с иллюстрациями разных профессионалов, изобразивших формы
• У шрифтов тоже есть чувства
• Рождественские Джифки 2013
• Полное руководство по работе с корректирующими слоями в фотошопе – Channel Mixer
• Десять классных уроков по фотошопу с рождественской тематикой
• Создание объемного текста из льда с помощью Modo и Photoshop
• The Dinosaur Pet Guide (постер)

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

• Бесплатный клип-арт символа 2014 года
• Лучшие PSD 2013 года
• Social Kit — бесплатный плагин к Фотошопу с основными элементами дизайна главных страниц профайлов в популярных соцсетях
• Simple Line Icons (Ai, Eps, Svg, Psd)
• Исходник дизайна интернет-магазина FooseShoes
• Flatastic Mobile UI Kit
• Flat Christmas: упаковка с плоскими иконками для всех платформ
• Каллиграфический шрифт от Eraslan Efas
• Пять сотен одноцветных иконок со стилизованным изображением людей в повседневной жизни
• Набор из пищевых иконок
• Большой набор из более чем четырех сотен единиц графических материалов (исходники, UI элементы, шрифты, иконки)
• Высококачественная векторная графика с новогодней и рождественской тематикой
• «Русские» шрифты как с кириллицей, так и без нее (латиница с национальной стилизацией)
• Отборные пятничные шрифты: от Strange Days до Baron

Демо

• Демо с меташариками на three.js
• Новые демо от Adobe Web Platform
• 404 — File not found — ну вот, своими битыми запросами довели веб-сервер до депрессии
• clock clock — Цифровые часы с анимацией цифр, состоящих из часов
• Бумажное рождество

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

• Интервью с Bobuk'ом aka Григорием Бакуновым, директором по распространению технологий Яндекса и ведущим Радио-Т
• Стопоходы будущего, или Зачем Google купила Boston Dynamics
• Конспирология даунтайма: почему скрывают причины зависания крупных ИТ-систем?
• 10 лучших timelapse-роликов 2013 по версии Vimeo
• Девять громких интернет-фейков года
• Итоги 2013: влияние Google на индустрию
• Мифы и легенды вокруг видеоигр
• Сноуден: АНБ следило за пользователями, используя файлы cookies Google
• Почему Bing лучше поисковика Google
• Яндекс научился показывать курс биткоина в результатах поиска
• Где купить биткоин?
• Как удалить историю своих перемещений из Google?
• Google Zeitgeist 2013
• Момент когда можно вздохнуть
• Cubli — кубическое устройство которое может прыгать, сохранять равновесие и передвигаться

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

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

Автор: alexzfort

Источник