Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю № 84 (16 — 23 ноября 2013)
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin. Отдельная благодарность lolmaus за исправление ошибок и перевод
Веб-разработка
Как сверстать веб-страницу. Часть 1- «Themeforest» как способ постоянного заработка
- Что появится в WordPress 3.8
- В Google показали сложный WebGL-мир для мобильного Chrome
Хоббит: чему мы научились, возвращая Средиземье к жизни — немного о процессе создания игры на HTML5 WebGL поддерживаемых мобильными устройствами- Создание мультиплатформенной HTML5 игры — The Pond
- Будущее видео в веб-дизайне
- Асинхронные блоки с рекламой с помощью HTML Imports
- О том, как к Techcrunch делали редизайн с адаптивностью: Brad Frost, Daniel Mall
- Производительная анимация с помощью requestAnimationFrame
-
5 мифов о производительности мобильного веба - Обзор реализации HTML5 microdata и их влияния на SEO
- Быстрое введение в Web Storage
- Техники адаптивной типографики
- Почему адаптивные изображения — это так сложно
- ish. 2.0 — обновился популярный инструмент для отладки адаптивного дизайна
- Релиз Foundation 5
- Адаптивный дизайн не исправит проблем с контентом
- Инструменты для отладки и профилирования WebGL
- Web Components: почему вы уже эксперты в этом
- Положение вещей с реализацией в браузерах Nearest-neighbor интерполяции в canvas
- Лучшие библиотеки и фреймворки для визуализации данных
- Что же все-таки это такое… задержка в 300ms
- Презентация от Yoav Weiss: Приемы отзывчивых изображений и не только
- Презентация от Daniel Appelquist: Что нового в вэб-стандартах?
- Презентация от Eric Bidelman: Полимер — инфраструктура декларативных, инкапуслированных, модульных компонентов
- Презентация от Henrik Joreteg: Превращаем WebRTC в конфетку, CascadiaJS 2013
- Презентация от Ilya Grigorik: Что каждый вэб-разработчик должен знать о браузерах и производительности сетей
CSS
- CSS и золотое сечение
- Обрезаем вендорные префиксы
- Scut — новая утилитная библиотека для Sass
- Используем CSS не только для стилизации
- Анимация перехода из “display: block” в “display: none”
- Укрощение таблиц с данными
- Использование LESS для создания формы регистрации
- Как использовать фильтры в CSS
- Кросс-браузерные фильтры c помощью CSS и SVG
- Подпрыгивающий мяч на CSS3
- Анимированный кролик
JavaScripts
- JavaScript и несколько десятков строк кода: Пианино в 24 строки на Javascript: если играть, то музыку, Крошечный арканоид,Гоночка, Крошечная змейка, Pong, Roguelike/RPG, Тетрис в 36 строк кода
- PickMeUp — хороший jQuery datepicker plugin
- Игра с нулем строчек JavaScript кода
- 20 и 1 примочка Javascript, которые я никак не могу запомнить
- WidLib – декларативный js-фреймворк для построения виджетов
- Реализация Asteroids на javascript
- Шаблоны проектирования JavaScript
- Автоматизируйте вашу JS-разработку с помощью Grunt
- Введение в Full-Stack JavaScript
- Пять продвинутых техник отладки JS, о которых вы должны знать
- Простое документирование JavaScript с помощью YUIDocs и Grunt.js
- Победители соревнования 2013 Node Knockout
- WebGL c Three.js: основы
- Ограничение событий пространством имен при помощи jQuery
- apollo — API для манипуляции с DOM
- DynoSRC — уменьшаем количество запросов к JS файлам
- END DASH фреймворк для двустороннего биндинга, использующий семантический HTML
- jQuery Spinner — плагин для создания компонентов выбора числа
- validate.js — декларативный способ валидации JS объектов
- tablecloth.js — стилизация и кастомизация таблиц
- AutoFix_Anything.js — зафиксируйте любой Div в пределах вьюпорта
- ResponsiveImagesCG / x-picture — полифил для адаптивных изображений
- jQuery HTML5 media player — HTML5 плеер на jQuery
Браузеры
- Бета-тестирование нового Яндекс.Браузера: проверка орфографии от Яндекса и звонок с компьютера в телефон
- Есть вероятность глюков в Chrome 31: селекторы вроде nth-last-child могут отрабатывать некорректно
- Релиз web-браузера Rekonq 2.4, развиваемого проектом KDE
- Яндекс.Браузер теперь доступен и для планшетов
- Объявлено об интеграции в ночные сборки Firefox нового интерфейса Australis, По данным отчёта Mozilla, доля негативных отзывов об интерфейсе Australis составляет 84%
- В Opera 19 Dev добавили синхронизацию
- ZDI представили новую уязвимость в IE 11 на конкурсе Pwn2Own
- Chrome 32 beta: анимированные изображения в формате WebP и более производительный пальцевый ввод на Android.
- Значения User-Agent для Internet Explorer 11
- Mozilla UX Australis появляется в ночной сборке Firefox
Веб-инструменты
- Сервис для комментирования скриншотов сайтов
- Файлы вложений Gmail можно будет сохранять напрямую в Google Drive
- BreakpointTester — неплохой букмарклет для работы с адаптивным дизайном и брейкпоинтами
- Flexy Boxes — песочница для flexbox и генератор кода
- HTML5 Time Tracker
- colourco.de — минималистичный сервис для создания нужной цветовой палитры
Новости
- Mail.Ru запустилась в США под именем My.com
- WinAmp закрывается. Насовсем, AOL намерена продать Winamp компании Microsoft
- Microsoft выпустила программу 3D-печати для массовой аудитории
- Встречаем дебетовую карту Google wallet
- Компания Amazon выложила в интернет 20 терабайтов научных данных
- Интерфейс PS4 создан на основе веб-технологии WebGL
- Очередные смартчасы: Qualcomm Toq
- Марисса Майер: в начале 2014 года шифрование будет применяться в каждом сервисе Yahoo!
- Bing выпустил сувениры, подрывающие авторитет Google
- В Украине начали работать клубы Code Club по бесплатному обучению детей программированию
- Кевин Тернер сменит Балмера на посту генерального директора Microsoft
- Опубликована 42 редакция списка Top 500 суперкомпьютеров мира
Сайты с интересным дизайном и функциональностью
- 20 сайтов с параллакс-эффектом
- kennedyandoswald.com — спецпроект National Geographic Channel посвященный годовщине убийства Кеннеди
- What's your McDonald's Moment?
- Интерактивная инфографика «100 лет рока»
- usertify.com — сайт с фоновым видео, параллаксом и прятной анимацией
- cynicalppl — необычный сайт с псевдо-трехмерной раскладкой
- agst.co — сайт для творческих людей, с фоновым видео и легким параллаксом
- wearefictitious.com — сайт с необычной реализацией навигации
- tekroc.com — приятный дизайн, а так же анимационные сколл-эффекты
- 22 сайта с дизайном, вдохновленным природой
Дизайн
- Веб-дизайн и странности Страны восходящего солнца
- Дизайнер Петер Яворовски о своей работе «Game on»
- Создаем эмоции мультяшных героев
- Рисуем тематический паттерн а Adobe Illustrator
- Шесть источников mockup-файлов
- Все что вы хотели знать о редизайне сайта
- Плоский дизайн против минимализма
- Концептуальная и разрушающая стереотипы статья Франка Чимеро «Что нужно экранам»
- Концептуальная статья от David Cole (Quora) Прикладные инновации: выступление с конференции Build 2013
- Примеры дизайнов сайтов, посвященных мобильным приложениям
- Полное руководство по работе с цветом в Photoshop — цветовые модели
- 10 кастомных сочетаний горячих клавиш, которые стоит использовать при работе в Photoshop
- Минималистичные анимированные гифки — обложки для книг про Гарри Поттера
- Анимированное руководство по созданию хороших вещей
- Концепт редизайна админки WordPress
- Color Template — как выбрать подходящие цвета для вашего дизайна?
- Вдохновляющие примеры руководств по использованию стиля (branding guides)
- Плоский дизайн это мимолетный тренд или нечто большее?
- Простое введение в процесс создания иконок в стиле iOS7
- Четыре основных правила юзабилити, которые были получены в результате исследования движения глаз пользователей
- LogoThief — целый проект, посвященный ворам-копипастерам логотипов
- Креативные спортивные логотипы
Подборка бесплатных дизайнерских печенек
- 17 свежих бесплатных шрифтов этого ноября
- Текстуры кирпичной стены
- Наборы творческих кистей, включая прически и мемы
- Векторный набор для создания инфографики
- Наборы с векторными иллюстрациями и фонами
- Плоские социальные иконки
- Социальные иконки в виде капель
- Набор иконок с тенью на 5 часов
- Четыре с половиной десятка свежих исходников UI, шрифтов и прочих ресурсов
- Два десятка лучших ленточных шрифтов
- Два десятка свежих шрифтов: от Norwester до Franks
- Два десятка заголовочных шрифтов: от Stiff Staff до Moonshiner
- Набор из полтора десятка шрифтов преимущественно без засечек: от Dense до Komodo
Занимательное
- Кроссворд из утёкших паролей к продуктам Adobe
- Биржа убийств — правильное использование Bitcoinrecovery mode
- Клиренс электромобилей Tesla увеличен обновлением прошивки
- Instacode — Instagram для кодеров
- Интервью:
- Все вопросы к Яндексу. Фундаментальное интервью с Сергеем Петренко
- Наталья Касперская: «Все поменялось, это революция»
- Павел Дуров о прибыли с биржи: «Мы довольны, отрицать не буду»
- Стив Балмер рассказал о причине своего ухода с поста главы Microsoft
- Игры:
- Видеоигры не влияют на поведение детей, а ТВ – еще как
- Сергей Галенкин написал книгу «Маркетинг игр» и бесплатно раздает электронную версию
- Это вам не футбол: Финал LoL собрал 32 млн зрителей
- Путь геймера. Потерять здоровье или стать чемпионом
- PlayStation 4: распаковка и первый запуск
- Почти как Терминатор: самозаживляющийся смартфон LG
- HeadsUP — экран мобильника на лобовом стекле машины
- Крутая инфографика о возможностях Google Now
-
Robo Boogie - Have Hairy Movember (смотреть в Chrome)
- Pencil. — карандаш-стилус.
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin. Отдельная благодарность lolmaus за исправление ошибок и перевод
