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

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

• Пишем HTML5-игру за 20 минут, или введение в Phaser framework
• Проект General Assembly запустил интерактивный курс для желающих овладеть CSS, JavaScript и HTML
• Google Maps API: схема проезда, анимация и стилизация
• Стали доступны видеозаписи докладов с yac2013 (секция frontend в 4м зале)
• Используем вектор в браузере: Grunticon. Также, еще одна заметка на похожую тематику: Retinafy everything
• initial-scale=1 заставляет Safari iOS реагировать на изменения ориентации
• Берем лучшее из двух миров: смешиваем HTML5 и нативный код
• База знаний на тему адаптивного дизайна
• Как правильно использовать новые элементы HTML5: dialog и section
• Управление размерами экрана в мобильных играх на HTML5
• Детально о сжатии текста для веб разработчиков
• Подборка новых адаптивных фреймворков
• Приоритет для видимого контента
• 14 брендов, которые повысили конвертацию благодаря адаптивному дизайну
• Ресурсы, посвященные Git/Github
• Polymer — сайт, посвященный популяризации polymer и Web Components, которые обещают стать будущим веба
• Список пожеланий на Рождество 2013 от веб-разработчика
• История создания File Uploader от разработчиков из mail.ru
• ARIA examples — пример веб-формы с улучшенной accessibility
• Презентация на тему accessibility «What is this thing and what does it do?»
• Презентация «Responsive Images: ain't we there yet?»
• Презентация «Breaking the 1000 ms mobile barrier»
• FullPaged: jQuery плагин для создания одностраничных сайтов с анимацией UI
• Интервью с Bruce Lawson, евангелистом Opera

CSS

• Рамки и границы
• Иконки из символов
• Документация по MCSS — многослойной системе организации CSS, основанной на принципах OOCSS и БЭМ
• Вопросы и задачки на тему CSS для собеседований
• Shape.LESS — коллекция миксинов для LESS c фигурами
• Более двух сотен иконок на чистом CSS
• Анимация для иконки Download средствами CSS
• Видео доклада Nicolas Gallagher на тему CSS Application Architecture
• Layers CSS — еще один статический фреймворк, с адаптивностью, нормализацией элементов и гридами
• Наклонные табы с помощью CSS 3D transforms
• Как дизайнить textarea (под webkit)
• Одно-направленное задание margin-а
• Пример адаптивной веб-формы
• Наглядная демонстрация работы box-shadow
• Slideshowbob.css — слайдер на CSS
• Переключатель-checkbox

JavaScripts

• Производительность фронтенда. Оптимизация шрифтов
• Руководство по Node.js для начинающих
• Node.js и новый фронтенд в вебе
• Mozilla ввёл в строй сервис TogetherJS для совместной работы над контентом, Представление TogetherJS в техноблоге разработчиков Mozilla
• Несколько полезных приемов в AngularJS для начинающих
• Шесть трюков при создании AJAX-нагруженных веб-сайтов
• Тесты производительности JavaScript
• Кастомные элементы – разметка нового поколения
• simplePagination.js — небольшой плагин на jQuery для добавления пагинации на страницу
• Расширяем jQuery: UI Effects Framework
• Odometer — анимация для нумерации
• slicknav — еще один плагин для адаптивной навигации
• Кнопки с визуализацией прогресса загрузки
• Подборка плагинов и библиотек на jQuery для валидации форм
• Простой Text Rotator на jQuery
• At.js — автоподсказчик в стиле github
• Formstone — постоянно растущая коллекция jQuery-библиотек
• JSON5 — JSON для эры ES5
• JSONPlaceholder простой фейковый онлайновый REST API для тестирования и прототипирования. Как image placeholder, только для веб-разработчиков.
• Создание сайта на MVC с помощью ExpressJS
• FullPaged: jQuery плагин для создания одностраничных сайтов с анимацией UI
• Yeoman генератор для создания reveal.js слайд-шоу
• Трюки при работе с Grunt: часть первая
• Статьи и книги по популярным фреймворкам

Браузеры

• Google Chrome 31 Beta
• Слепым станет проще использовать Internet Explorer 11
• Google Chrome перестанет поддерживать OS Windows XP в 2015 году
• Детальный анализ того, как браузеры изменяют размеры изображений
• Internet Explorer 11 New Features and APIs
• Internet Explorer 11: WebGL и прочее

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

• Превращаем смартфон или планшет под управлением Android в сервер
• Превью новых возможностей caniuse.com
• Gradient Background Maker — онлайн-инструмент для генерации градиентов
• Generatedata — сервис для генерации всевозможных псевдо-реальных данных
• Business Card Maker — генератор визиток
• Raw — инструмент для создания векторной графики по табличным данным
• Fontcombiner — сервис для создания и редактирования шрифтов
• swagger — добавьте стилей в вашу документацию API
• ghost — просто платформа для блоггеров

Новости

• MS Windows 8.1 и Visual Studio 2013 доступны для скачивания, Windows 8.1 готова к завоеванию рынка
• Яндекс запустила открытую платформу Cocaine
• Как Github и StackOverflow могут свергнуть LinkedIn и другие порталы для поиска ИТ специалистов
• Microsoft выпускает приложение Remote Desktop для iOS и Android
• Российский суд впервые дал срок пользователям торрентов
• Mail.ru Group исполнилось 15 лет со дня основания
• «Яндекс» купил «КиноПоиск», интерьвю Forbes, «Яндекс» запустит на базе «Кинопоиска» платформу подбора и просмотра фильмов
• В Twitter теперь можно публиковать твиты по расписанию
• Новые Условия использования Google вступят в силу 11 ноября
• Facebook покупает израильский мобильный стартап Onavo и открывает офис в России
• В США запустили сервис, позволяющий пересылать деньги по e-mail
• Samsung продемонстрировала взрывобезопасную гибкую батарею

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

• 17 примеров сайтов с параллакс-скроллингом
• 10 лучших мировых авиалиний в 2013 году
• Городской веб-дизайн
• thisisnowexhibition.com — ненавязчивый параллакс
• lunita.ca/ — параллакс и интересные решения для динамики
• waaac.co — еще один вариант реализации параллакс-дизайна
• А nytimes знает, как креативно подходить к верстке статьи
• The Wes Anderson Collection — креативная главная страница с анимированной иллюстрацией
• pakadlabezdomniaka.pl — необычная двустороння навигация
• thepapers.fi — одностраничный сайт с фоновым видео и послайдовым разбитием на страницы
• kurkawolna.pl — очень нестандартный сайт, с курочками
• fillet.com.br — еще один подход к реализации нестандартной навигации
• GRATULERER!
• Built In The South — видео на фоне и выезжающее меню
• open.bekk.no — нестандартная навигация по годам, с отображением статистики
• fontwalk.de — большое количество скролл-эффектов
• Built In The South — видео в фоне и выезжающее меню

Дизайн

• 5 принципов убедительного дизайна
• Лучшие примеры веб-дизайна
• Рисуем дождь в Adobe Photoshop
• Рисуем Teddy Bear в Adobe Illustrator
• Популярные тренды в веб-дизайне для адаптивной навигации
• Why UX is not 100% UI
• UICloud — поисковик по элементам UI
• Плоский дизайн и UI и веб-формы
• thereisnopagefold.com — добро пожаловать в мир веб-а без «безопасной зоны» видимой всеми пользователями
• Name That Blue — игра на запоминание отличий оттенков синего в брендах
• Впечатляющие примеры вдохновляющей типографики
• Пять продвинутых техник в веб-дизайне для мобильных устройств, о которых вы, возможно, не знали
• Обмен анимационными идеями
• Три десятка креативных черно-белых логотипов
• Интервью с иллюстратором Therese Larsson
• Полное руководство по корректирующим слоям в фотошопе – Gradient Map
• Два десятка страниц «О Нас» с вдохновляющими иллюстрациями
• Тренд веб-дизайна: крупные заголовки
• Успешные редизайны корпоративных логотипов
• Уроки по фотошопу начинающим
• Шрифты, имитирующие результат работы печатной машинки

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

• 15 источников бесплатных логотипов
• Подборка бесплатных Mock-Up-файлов
• Бесплатная коллекция карт всех стран, в 11ти размерах и svg
• 66 New High Quality Free Fonts
• За подписку предлагается набор actions для фотошопа, создающих обложки и упаковки разных видов
• Flatic UserInterface Kit
• Четыре десятка наборов с социальными иконками
• Наборы с плоскими иконками (PSD & PNG)
• Коллекции кистей со стрелками для Photoshop
• Наборы шаблонов с брэндингом и айдентикой с современным дизайном
• Наборы UI компонентов в плоском и традиционном дизайнах
• iOS 7 Alternate Color Kits, ios7 style ui kit
• Двадцать макетов PSD с дизайнами интерфейсов приложений
• Векторная упаковка, посвященная дню Всех Святых
• Halloween: Семь десятков шрифтов посвященных дню Всех Святых, Дюжина шаблонов флаеров посвященных дню Всех Святых, Иконки, посвященные Дню Всех Святых
• Набор иконок с длинными тенями, посвщенный дню Всех Святых
• Adore — набор фото-реалистичных иконок
• Шрифты: Plethora 1984 — декоративный заголовочный шрифт, Rose — декоративный женский шрифт, Lousiane — винтажный декоративный шрифт, Anson — шрифт без засечек

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

• Эмулятор x86 на JavaScript
• Мяу на CSS3
• Анимируем чекбоксы и радиобатоны с помощью SVG
• История эволюции маковской мышки с помощью CSS transitions
• Эмулятор x86 на JavaScript
• The Zoomquilt
• Generators Redux
• Интерактивная книга на jQuery и HTML5
• TouchType — игра для разработки навыков печати

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

• Silk Road: Как Матрица арестовала Нео, История «Silk Road» попадёт на большой экран
• Привет, будущее: Создан первый в мире бионический человек, Amaze: европейский проект 3D печати металлических деталей для аэрокосмической промышленности
• Студия Артемия Лебедева начала продажи клавиатуры «Оптимус Популярис
• Кто сменит меня, кто в атаку пойдет?
• В США представят Бионического Человека
• ЕКА в течение 5 лет намерено совершить прорыв в технологии 3D-печати металлом
• Do it HARD: выбираем процессор
• Как живет Google
• Amazon Hired: первые впечатления
• Дом, который построит Apple
• Лучшие российские стартапы по версии Wired
• Виртуальная реальность: на пути к Шлему Ужаса
• Кто и за что получил Нобелевскую премию 2013, а также 10 самых необычных теорий экономистов-нобелиатов
• Что такое NFC метки и с чем их едят
• Работники IT-сферы в США жалеют и высмеивают обладателей WP-смартфонов
• Немного свежего косплея с New York Comic Con 2013 в картинках и DRAGON CON 2013 в видео, а также немного зомби
• Почему отпечатки пальцев не должны использоваться для безопасности

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

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

Автор: alexzfort

Источник