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

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

Горячая семерка

Мобильный Яндекс.Браузер

На этой неделе компания Яндекс запустила мобильную версию «Яндекс.Браузера» со встроенным поисковиком для планшетного компьютера iPad и Android-смартфонов. Кроме того, главный специалист «Яндекса» по ранжированию рассказал о персонализации и счастье пользователей. А для тех, кто хотел посмотреть на офис компании изнутри, может ознакомиться с отчетом об экскурсии в московский офис

Новости от Google

Секретная лаборатория Google X объявила о проекте Project Loon, благодаря которому весь мир будет покрыт дешевым интернетом из воздушных шариков. Кроме того, этой неделе состоялся релиз браузера Chrome 28, который отличается повышением минимальных требований к Linux-системам. Также, компания признала, что головоломки на собеседованиях бесполезны и добавила новый вид выдачи Google «Карусель»

Видео в Instagram

Готовимся к наплыву коротких видеороликов в интернетах. Вам было мало Vine и Coub? Тогда встречайте новую поделку от Facebook: 15-секундные видеоролики и 13 специальных фильтров в Инстаграм

Новые устройства от Samsung

Корейский флагман провел презентацию, где были представлены новые девайсы — планшеты, ноутбуки, фотокамера. Более подробно о трансформере ATIV Q , моноблоке ATIV One 5 Style и ноуте ATIV Book 9 Lite

Chrome DevTools

Довольно много веб-разработчиков используют в своей работе Chrome Devtools, которые с каждым новым релизом браузера обрастают новыми полезными возможностями. Однако, далеко не все знают его них. Например, из свежего — DevTools port forwarding позволяет обращаться к адресу localhost на мобильном девайсе . Восполнить эти пробелы поможет раздел Tips And Tricks в соотвествющем разделе на developers.google.com. Кроме того, можно обратить внимание на devtools-snippets — коллекцию сниппетов для инструментов разработчиков и на туториал с подробным описанием того, как Chrome DevTools могут помочь в работе с Sass.

Пиратство головного мозга

Прошедшая неделя прошла под возмущенный гул пользователей Вконтакта в связи с глобальной чисткой аудио. Поэтому пришло время поговорить о копирайте и пиратстве в реалиях наших стран.

Стартап Pocket

Предлагаем вам к прочтению перевод статьи с историей замечательного сервиса Pocket, ранее известного как Read It Later. За несколько лет существования они продолжают оставаться преуспевающей независимой компанией, несмотря на трудности, мощных конкурентов и предложения на миллионы от больших игроков веб-рынка.

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

• Доступен кандидат в релизы Qt 5.1
• Верстка: переход к семантической разметке — главная цель HTML
• Мобильная веб-разработка: HTML5 приложение для Android
• HTML 5 Notifications API
• Приём «машинка с клоунами»: адаптация изображений в отзывчивом веб-дизайне
• Foxconn наймёт несколько тысяч новых сотрудников для поддержки Firefox OS
• Ughck. Images. — о до сих пор не решенной, на уровне стандартов, проблеме со вставкой изображений для сайтов, поддерживающих мобильные устройства
• Chrome DevTools: Tips And Tricks, devtools-snippets и статья о том, как Chrome DevTools могут помочь в работе с Sass. Также, DevTools port forwarding позволяет обращаться к адресу localhost на смартфоне
• H5BPCodeKit
• Встречайте PhpStorm Video Tutorials
• Интервью с David Walsh
• Новые Open Graph теги от фейсбука
• Динамические гриды с анимацией
• Адаптация сайта под отзывчивый дизайн
• Свежий подкаст от Treehouse — HTML5 Features, Responsive CSS Modules and Sass
• Управляем историей: HTML5 History API и выборочная загрузка
• Добавление речевого сопровождения для слайд-шоу с помощью HTML5 audio
• jsdo.it сообщество Front End разработчиков
• Создание масок для изображений с помощью HTML5 canvas
• «Teach Yourself to Code» — пошаговый гид обучающий Ruby On Rails

CSS

• Еще одна подборка логотипов на CSS
• Caption Hover Effects
• Эффекты наведения для кнопок
• Статическая CSS-библиотека с набором кнопок, написанных с помощью Sass & Compass
• Шпаргалка по CSS Typography

JavaScripts

• Исследуем JavaScript Generators
• aristochart — библиотека для создания плоских статических графиков
• flippant.js — библиотека для добавления флип-эффекта
• Excolo-Slider — еще один слайдер, с поддержкой responsive design и touch
• skrollr — parallax scrolling для десктоп, а так же Android + iOS
• Phoria.js — библиотека для отрисовки простой 3D графики в 2D canvas
• progression — библиотека для добавления прогесс-бара при заполнении форм
• jQuery Reading Time — простой плагин для подсчета оставшегося времени чтения статьи
• JSter — каталог из 1175 JavaScript библиотек
• Будущее JavaScript… сейчас
• Большое обновление TypeScript от Microsoft
• MV* и Local Storage
• Mason.js — jQuery-плагин строящий сетку без зазоров из элементов (аналог Masonry)

Браузеры

• Видеокодек VP9 достиг стабилизации потокового формата и включен по умолчанию в Chromе
• Релиз web-браузера Chrome 28 с повышением минимальных требований к Linux-системам
• Яндекс.Браузер для смартфонов на Android и айпадов, еще обзор
• Техосмотр для браузера: восемь простых шагов
• Как спрятаться от соседей: лично ваш браузер
• Chromium Digest №2 — Настройки языков, NewWindow API и изменения в интерфейсе
• Этот браузер поможет быстрее сойти с ума
• Небольшой разбор работы индикатора загрузки в браузерах
• AdBlock Comes To Internet Explorer

Новости

• Samsung представил новые девайсы — планшеты, ноутбуки, фотокамера. Более подробно о трансформере ATIV Q и моноблоке ATIV One 5 Style и ноуте ATIV Book 9 Lite
• Вайнстаграм: Фейсбук добавил 15-секундные видеоролики и 13 специальных фильтров в Инстаграм
• «Киевстар» запустил мобильные платежи: абоненты могут оплачивать счета деньгами с телефона
• YotaPhone завоевал высшую награду фестиваля Cannes Lions — «Золотого Льва», Стало известно, где будет выпускаться российский смартфон Yota Phone
• Google признала, что головоломки на собеседованиях бесполезны
• Google покроет весь мир дешевым интернетом из воздушных шариков
• Microsoft выпустила Office Mobile для Apple iOS
• Новый вид выдачи Google «Карусель» доступен для результатов локального поиска
• Microsoft и Nokia не смогли договориться о продаже мобильного подразделения Nokia
• В Xbox One не будет требования постоянного интернет подключения и жесткой привязки игр
• Обновление и редизайн github

Сервисы

• MapBox визуализировал битву между iOS и Android
• Сервис Feedly запустил свой back-end для обработки подписок и отказался от плагина
• instantserver.io — бесплатный сервер на 35 минут
• jsDelivr — быстрая CDN для разработчиков и веб-мастеров
• Mobile Devices + Twitter Use
• mqtest.io — опрделение media queries поддерживаемых вашим устройством
• Disconnect 2 — анти-трэкинговая система

Демо

• Веб-форма в виде окружности
• Размытое изображение и линза отображающая фото в резкости
• Концепт наведения
• Динамические волосы в canvas
• Анонс 3D движка для HTML5 — Delight Engine

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

• Сайты с занимательной прокруткой
• creamre.cz — яркий динамический сайт от чехов
• undertheweather.eu — одностраничный сайт с акцентом на анимацию отдельных объектов
• centuryofthechild — мощный сайт, представляющий собой интерактивный таймлайн
• kakaudesign.com.br — одностраничный горизонтальный полноэкранный сайт
• don-guri.com — сайт арт-компании с нестандартным азиатским подходом
• n3rd.co.uk — минимализм в дизайне сайта плюс полноэкранная навигация
• jenslehmann.com — креативный сайт Йенса Леманна
• capitolcouture.pn — canvas для клевого эффекта наведения
• lifeisvertical.alpina-since1883.com — сайт с нестандарной геометрией и параллакс-эффектами
• octaveoctave.com — креативный сайт с минимумом графики

Дизайн

• UI Animations — блог с примерами удачной анимации в интерфейсах
• О современном веб-дизайне и кнопке «Наверх»
• Интерфейсный дайджест, апрель-май 2013
• Что не так с иконками в iOS7?
• Adobe исследует будущее адаптивных макетов
• Создаем красивую flat-типографику в Adobe Illustrator
• Подборка уроков по веб-дизайну (Photoshop & Illustrator)
• Как сделать круговую диаграмму в виде торта из почвы для инфографики
• Десять способов изменить выделение в фотошопе
• Уроки по созданию 3D типографики в фотошопе
• Тренды в дизайне логотипов
• Инфографика в веб-дизайне
• Пара лучших практик для дизайнов, адаптированных под мобильные планшеты
• В чем еще конкретная проблема сетки для иконок в iOS7
• Редизайн MailChimp: обновленный дизайн сайта, Редизайн логотипа MailChimp
• «SVG Worflow for Designers» — правильный процесс создания SVG и PNG графики для веб
• Как оставаться фрешовым в UX дизайне
• Making Sense Of Type Classification (ч. 2) — о классификациях шрифтов

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

• iOS 7 GUI PS
• Шаблоны PSD и actions для фотошопа
• Иконки и шаблоны PSD
• Фоны: цветные текстуры в стиле гранж, текстуры в стиле гранж с различной фактурой
• Исходники: бесплатные ретро psd-исходники, Графика в PSD формате
• Вектор: набор из декоративных лент, изображения книг
• Иконки: плоские иконки в коричневом тоне, чертова дюжина наборов плоских иконок, набор UI иконок от ui8.net
• Шрифты: ONTWERP — декоративный шрифт без засечек, Engine — декоративный шрифт без засечек, Chomp! — веселый шрифт с прописными буквами, набор из преимущественно декоративных шрифтов с обводкой

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

• Microsoft тайно сообщала спецслужбам о неисправленных уязвимостях в Windows и Skype
• Провайдер стер все данные с европейских серверов Megaupload, однако объяснил свои действия
• Как стартап Pocket уничтожил конкурентов вместо того, чтобы продаться за миллионы
• Пиратство головного мозга
• Главный специалист «Яндекса» по ранжированию рассказал о персонализации и счастье пользователей
• Яндекс изнутри своими глазами: экскурсия в московский офис, и еще одна
• Старикам тут не место (о фильме «Кадры»)
• Бесконтактный провал NFC
• В битве Xbox One и PS 4 побеждает айфон
• Развеивание мифов об интернет-протоколе IPv6
• На «ВКонтакте» подали в суд за пиратский контент, в то время как, «ВКонтакте» обещает не удалять всю музыку, а пользователи загружают шифрованные треки
• Массовая драка из-за Iphone и Samsung Galaxy
• JavaZone 2013: Javapocalypse

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

Автор: alexzfort

Источник