Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №72 (24 — 31 августа 2013)

Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.

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

• To GIF or not to GIF?
• 10 самых популярных видео докладов с 404фест 2012
• Опубликованы видео докладов с первой конференции #fronttalks, прошедшей 5 июля при поддержке #yasubbotnik.
• Особенности парсинга блочного HTML-кода программами экранного доступа
• Переход с bootstrap 2 на bootstrap 3
• Электронные издания и веб
• Mozilla представляет Brick — расширяемая библиотека веб-компонентов , Mozilla Brick – интернетный аналог ActiveX
• Super Markup Man — игра, которая научит вас HTML5
• Создание HTML5 анимаций
• Элемент HTML5 «picture»
• Элемент HTML5 progress
• Custom Elements — создаем новые элементы в HTML
• 10 советов для по разработке игр на HTML5
• Интервью с David Walsh
• E-commerce тема на Bootstrap 3
• Горячие клавиши панели для разработки в Chrome
• Темы для Chrome Developer Tools
• Как ускорить сайты с responsive дизайном
• Генерируем адаптивные изображения для srcset с помощью Grunt
• Лучшие Облачные Хостинги и CDN сервисы для веб-разработчиков

CSS

• CSS Sprites vs. Data URIs: что быстрее работает на мобильных?
• Запрашивайте кадры анимации для лучшей производительности
• Интерактивные трехмерные блоки с тенями
• Slide Up/Down на чистом CSS
• Functional CSS (FCSS)
• Спайтовая анимация с помощью CSS
• Интересная реализация активного состояния текстового поля и его подписи
• Разноцветный прелоадер
• Техники работы с веб-шрифтами — методы, плюсы/минусы, все такое
• HTML алхимия – комбинируем CSS Shapes с CSS Regions
• Добавление отступа между списком и float-тым элементом
• CSS-анимационный переход от значений в px к значению auto (работает не во всех браузерах)
• Знакомимся с CSS3 multiple background + демо с анимированным фоном
• Sidebar Transitions от CodeDrops, различные эффекты выезда меню с помощью техники off canvas
• Секреты CSS от Lea Verou по мотивам ее доклада Deep CSS Secrets

JavaScripts

• Делаем «mindmap» на Javascript с локальным хранением в базе данных браузера
• Лучшие практики в JavaScript
• ECMAScript Internationalization API
• 25 JS библиотек и инструментов для создания интерактивных карт
• AdminJS — веб-приложение для бэкенда на Ember.js
• Parallax.js — скрипт для создания параллакс-эффекта с поддержкой мобильных устройств
• multifilter — плагин для вывода отфильтрованных несколькими полями табличных данных
• intentionjs — плагин для динамической реструктуризации HTML в зависимости от условий отображения сайта
• Урок по AngularJS — создание современного веб-приложения
• _select() — выделение по клику текста находящегося внутри любого DOM элемента
• _jspdf — A HTML5 client-side solution for generating PDFs
• WheelMenu.js создание круговой навигации с помощью jQuery
• Создание многоуровневой навигации в стиле нового Google Play
• Sigh, JavaScript — о том, что будет, если отключит JS в современном вебе

Браузеры

• Браузеры и частота их падения
• Mozilla представила протокол Plug-n-Hack
• Поиск в менеджере дополнений Firefox будет показывать только полностью проверенные дополнения
• Tor предлагают встроить в браузер Firefox как стандартную опцию
• Финал Opera 16
• Opera: закладки не являются нашим приоритетом
• Google выпустила плагин для IE, который обеспечит поддержку браузером видео в формате WebM
• Chromium Digest №11

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

• GistBox — сервис для хранения сниппетов кода
• justdelete.me — удаление своих аккаунтов на множестве сервисов
• Сто и один сервис для получения различных Lorem Ipsum текстов
• keycodes.atjayjo.com — коды клавиш в очень наглядной форме
• .psd fonts — сервис определяющий используемые в PSD шрифты

Новости

• Microsoft сообщила о завершении работ над Windows 8.1, и она уже утекла в сеть, а здесь можно посмотреть видео
• Разящие новости о будущем Microsoft
• Skype исполнилось 10 лет , Skype собирается запустить видеозвонки в 3D
• Amazon собирается построить собственную беспроводную сеть
• Samsung подтвердила, что 4 сентября представит Galaxy Note III и «умные» часы
• Слухи: HTC работает над собственной мобильной ОС
• Китай подвергся самой мощной DDOS-атаке в своей истории
• HERE Connected Driving – навигационный сервис Nokia
• Yahoo: Yahoo покупает стартап по поиску изображений IQ Engines для улучшения Flickr и демонстрирует новый дизайн своих сервисов
• Веб-сервисы:
  • Google серьезно обновил Карты для российских пользователей , а Яндекс представил мегарелиз украинских Яндекс.Карт
  • Сервис Baidu Total View позволит прогуляться по улицам китайских городов
  • Mail.ru соревнуется с Dropbox и предлагает бесплатно 100 Гб, но только участникам закрытой беты, ОБЗОР: ОБЛАКО.mail.ru
  • Twitter приобрел аналитический сервис Trendrr
  • Microsoft добавила оптическое распознавание текста в фотографиях SkyDrive
  • SkyDrive возвращает бесплатный лимит в 25 ГБ
  • Компания Tencent запустила бесплатное облачное хранилище на 10 ТБ
  • Facebook раскрыл статистику сотрудничества с мировыми спецслужбами

Демо

• shadertoy.com — WebGL демки (лучше не запускать на слабых компьютерах)
• Смешиваем WebGL, CSS3 3D и HTML
• Раскладка карт
• Симпатичный лоадер с помощью CSS анимаций

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

• reunitetheriver.com — одностраничный сайт социального проекта с приятной анимацией и выразительным мультяшным дизайном
• neotokio.it — приятное портфолио с нестандартной заставкой и навигацией
• pixelstadium.com — сайт с интерактивными параллакс-эффектами
• junduffy.co.nz — нестандартная для магазинов раскладка сайта и дизайн
• lordandtaylorfirstlook.com еще один нестандартный сайт-магазин с интересными параллакс-эффектами
• rosendaluppsala.se — полноэкранный сайт с анимациями, drag-навигацией и аскетичным дизайном
• abbyputinski.com — графический сайт с интерактивной картой и множеством анимированных элементов
• http://beoplay.com/Products/BeoplayH3 — эффектный одностраничный промо-сайт с параллакс-эффектами и эффектом движения вглубь
• reunitetheriver.com — познавательный одностраничный сайт на канвасе
• kennedyandcastro.com — стильный горизонтальный сайт
• summer.tcm.com — сайт с нестандартной навигацией, посвященный фильмам
• canva.com — сайт с интересными элементами — от фонового видео до параллакса

Дизайн

• Как цвета в дизайне интернет магазина влияют на продажи
• Сайты в желтом цвете для вашего вдохновения
• Веб-дизайн с темной стороны
• Сайты в желтом цвете для вашего вдохновения
• Горячие клавиши Photoshop и Illustrator CS6
• Работа с видео в фотошопе — создание анимированного текста
• Уроки по созданию креативных эффектов для фото в фотошопе
• Примеры вдохновляющей типографики
• Логотипы баров и пабов
• Идея редизайна посадочного талона на самолет
• Техника извлечения цвета с прозрачностью в фотошопе
• Более полусотни уроков по веб-дизайну
• Лучшие пригласительные на свадьбу
• Визитки с необычным дизайном
• Отличительные особенности отличного дизайна UI
• Хороший дизайн — это не только красивая картинка

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

• Наборы actions для Photoshop, кисти с пятнами для фотошопа
• basiliq — набор векторных форм для фотошопа, для создания прототипов интерфейсов мобильных либо веб-приложений
• Свежие шаблоны PSD, иконки, наборы с UI
• Исходники: наборы UI с плоским дизайном, SmoothBerry — набор UI с плоским дизайном, компоненты интернет-магазинов, шаблоны для создания инфографики, шаблоны основных страниц сайта
• Иконки: Бесплатные иконки, набор романтических иконок за подписку, наборы иконок включая плоские, социальных сетей и кредиток, набор круглых иконок, значки условий стирки, социальные иконки с длинными тенями, шесть десятков наборов иконок с плоским дизайном
• Шрифты: свежие шрифты, в основном декоративные, от Lighthouse до CF Spaceship, лучшие шрифты для создания винтажных лого, от Pacifico до Engagement, каллиграфические шрифты, от Calligraphy Unicase до Illinois Shakespeare Festival, два с половиной десятка декоративных качественных шрифтов от Baron до Nougatine, забавный декоративный шрифт с засечками Nighttime

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

• Google Glass: в следующем году Google, возможно, будет продавать Google Glass через сеть популярных магазинов Best Buy, Google Glass не получат 3G-модуля, Siri научилась подшучивать над Google Glass, иногда саркастически
• Балмер: AllThingsD: отставка Стива Балмера из Microsoft была ускорена под давлением совета,
  Как Баллмер пропустил приливы и отливы технологий,
  Вирус, который убил корпорацию Microsoft,
  В защиту Стива Баллмера
• DARPA открыло новый этап в развитии программы «универсальный солдат»
• Миниатюрная модель человеческого мозга выращена в лаборатории
• Шесть самых позорных заговоров в высоких технологиях
• Кассовые сборы фильмов падают из-за закрытия Megaupload
• Видео с золотым и кремовым iPhone-ами
• 20 стартапов, которые хотят изменить мир
• Памяти Стива Джобса — миниатюрный первый Mac (уменьшенный в 3 раза)
• R.I.P. Neil Armstrong — ушел из жизни первый человек на Луне
• Занятные карты мира
• Мой новый Mac Pro
• Психанул

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

Автор: alexzfort

Источник