Дайджест интересных новостей и материалов из мира айти за последнюю неделю №49 (16 — 22 марта 2013)

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

Никогда не поздно учиться

Тем, кто согласен с утверждением в заголовке, предлагаем целый ряд ресурсов для его реализации: для аудиалов на выбор предлагается три десятка лучших подкастов о веб-дизайне , полсотни образовательных подкастов, которые стоит послушать в 2013-м, плюс большая подборка образовательных и познавательных подкастов Рунета. Визуалы могут выбрать что-нибудь из онлайн-ресурсов для изучения веб-дизайна или десяти обучающих ресурсов по программированию. Кроме того, появилась Бесплатная online-школа по разработке приложений для Windows 8

Инструменты для разработчиков

Команда Codeschool объединилась с Google для создания Try DevTools — подробнейшего и бесплатного обучающего курса из семи глав. Команда Mozilla также не стоит на месте — был разработан план развития Firefox DevTools. О будущих улучшения средств веб-разработки в Firefox можно почитать в этой статье

Google Keep

Google запустили сервис для создания заметок и списков — Keep .еще немного деталей о сервисе Keep. Но не все восприняли новость с воодушевлением — Ом Малик предлагает Гуглу оставить свой сервис при себе. а здесь рассказывается, почему Keep не заменит Evernote.
Также, еще несколько новостей от Google: добавлен поиск по анимированным GIF-картинкам, в Street View появились панорамы высочайших горных вершин, для 15 городов Украины появилась информация о маршрутах общественного транспорта, Google может закрыть ряд чат-платформ и объединить их в сервис Babble. Также, пошли слухи, что Google работает над собственным вариантом iWatch. Отдельным пунктом оставим здесь ссылку на кладбище продуктов Google

#Twitter7

Поздравляем Twitter с семилетием!. Также, из новостей сервиса: Основатели Twitter получает патент на него и планируется запуск музыкального прилочения для iOS, а русскоязычные пользователи сервиса теперь могут скачать архив всех своих твитов

Chrome World Wide Maze

Эксперименты от Google Chrome не перестают удивлять. На этот раз было представлено очередное экспериментальное демо, позволяющее превратить любой сайт в интерактивный 3D-лабиринт. Пример геймплея на YouTube

Супергерой JS

Не проходите мимо сайта superherojs.com. На нем собраны ссылки на лучшие статьи, слайдкасты, презентации и видео о разработке, тестировании и поддержке JavaScript. И все это в стильном дизайнерском оформлении

Адаптивный дизайн

Responsive-техники продолжают набирать обороты. Среди новых инструментов: webflow — онлайн-сервис для дизайнеров и технологов, который позволяет создавать адаптивный дизайн, с последующей генерацией в готовый HTML/CSS код. Также, предлагаем вашему вниманию статью Адаптивный дизайн и физические размеры девайсов и слайдкаст с аудио-сопровождением о принципах адаптивного дизайна от Brad Frost. И напоследок от него же: постоянно пополняющаяся коллекция Responsive Resources с всевозможными материалами об адаптивности.

Разработка

• Знакомство с Web Speech API
• За что HTML-верстальщики так не любят веб-дизайнеров
• Полезные сниппеты на HTML5
• Почему HTML считает, что «chucknorris» — это цвет?
• Инструменты для веб-разработчиков: Будущее DevTools в FireFox, а также Видеокурс по DevTools от Google и Codeschool
• Sublime Web Inspector
• Responsive Resources — объемная коллекция всевозможных материалов об адаптивном дизайне.
• Адаптивный дизайн и физические размеры девайсов
• Слайдкаст о принципах адаптивного дизайна
• Capturing — провышаем производительнасть адаптивных веб-приложений
• Реализация списка превьюшек в стиле Google Images
• Прикрепленные иконки в Win8 — полезные техники для повышения видимости вашего сайта
• jQuery Mobile: Как правильно поставить jQuery Mobile на WP, а также Большой гайд по jQuery Mobile для начинающих
• Создание Sprite-based игр в Canvas
• Коллекция фреймворков для веб-разработки
• О SVG в мобильных браузерах
• Новые модели процесса веб-разработки
• О проблемах фрагментации в комьюнити FE из-за обилия препроцессоров
• Зачем нужно писать чистый код
• Сильно напоминающий Emmet, препроцессор для HTML: SIML (Simplified Markup Language) и его описание
• Mixture — быстрое прототипирование и создание статических сайтов для дизайнеров и разработчиков

CSS

• Как писать эффективные с точки зрения производительности CSS-селекторы
• Base64 против CSS-спрайтов: битва за производительность
• Используем MathML уже сегодня, с CSS-фолбеком
• Текущее состояние CSS Regions
• Нестандартные манипуляции с Textarea
• Интересный эффект сворачивания на CSS
• Animations with SASS and while
• Букмарклет для рефреша вашего CSS
• Extra Strength Responsive Grids
• Альтернатива элементу select на CSS
• Эра символьных (иконочных) шрифтов

JavaScripts

• superherojs — сайт со статьями, видео и презентациями на тему JS
• Formula.js — js имплементация большинства формул, поддерживающихся Microsoft Excel 2013 и Google Spreadsheets
• Chart.js — библиотека, позволяющая генерировать на стороне клиента визуально привлекательные графики и диаграммы с использованием средств HTML5 (canvas).
• capturing — улучшаем производительность адаптивного веба
• intro.js — библиотека для создания пошаговой презентации элементов страницы
• lockfixed — фиксирует элемент относительно вьюпорта во время скроллинга
• Countable.js — библиотека для подсчета параграфов, слов, символов в тегах
• thatsNotYoChild.js — Fixing Parent-Child Opacity
• unslider — слайдер с поддержкой адаптивности и клавиатуры
• swipejs — еще один кросс-браузерный слайдер с поддержкой адаптивности и тач-событий
• Полезная информация о принятии решения насчет источника для загрузки библиотеки jQuery
• В последнем билде Chromium реализована поддержка CSS Font Load Events при включении нужного флага
• Релиз Backbone 1.0
• Pixi Renderer — рендер JavaScript 2D, который использует webGL с canvas-фолбеком

Браузеры

• Firefox Nightly теперь включает OdinMonkey, выводя JavaScript на новую скорость
• Как узнать, какие расширения в Firefox используют наибольшее количество памяти
• «input type=range» приходит в Firefox
• Чекбоксы, убивающие ваш продукт — о галочках в настройках браузеров, которые делают практически любые веб-приложение неработающим

Новости

• Лучшим CEO 2013 года стал Марк Цукерберг, Тим Кук — 18й
• Новости от Google:
  • Google запустили сервис для создания заметок и списков — Keep .еще немного деталей о сервисе Keep. Но не все восприняли новость с воодушевлением — Ом Малик предлагает Гуглу оставить свой сервис при себе. а здесь рассказывается, почему Keep не заменит Evernote
  • Google добавила поиск по анимированным GIF-картинкам
  • В Google Street View появились панорамы высочайших горных вершин
  • На картах Google для 15 городов Украины появилась информация о маршрутах общественного транспорта
  • Google может закрыть ряд чат-платформ и объединить их в сервис Babble
  • В Google Translate появилась возможность сохранения переведенных фраз в разговорник
  • Google работает над собственным вариантом iWatch

• Samsung: работает над гаджетом в формфакторе наручных часов, планирует в августе выпустить первый смартфон на базе платформы Tizen, a Galaxy S4 обошёл все существующие флагманы в бенчмарках
• Первым планшетом на ОС Ubuntu Touch станет Intermatrix U7
• Полмиллиона пользователей Google Reader ушли на Feedly за два дня
• Pinterest представил новый дизайн с большим количеством «пинов» и приобрела сервис рекомендаций Livestar
• Twitter отмечает свое семилетие c 200 миллионами пользователей, а также получает патент на твиты и планирует запустить музыкальное прилочение для iOS. Кроме этого, русскоязычные пользователи теперь могут скачать архив всех своих твитов
• В то же время аудитория YouTube превысила 1 млрд человек
• Facebook внедряет древовидные комментарии
• Китайское правительство утвердило Ubuntu в качестве стандартной операционной системы
• Русский язык стал вторым по популярности в интернете
• Заработали первые домены в зоне.УКР
• Сайт вопросов и ответов Quora запустил полнотекстовый поиск
• В объявления «Яндекс.Директа» теперь можно добавлять картинки
• Apple представила двухфакторную верификацию

Сервисы

• Как выглядят нативные элементы форм в вашем браузере
• px to em
• hhhhold — еще один генератор плейсхоледров
• paperkit.net — сервис для создания PDF макета для печати с настраиваемой сеткой
• Social Media Image Maker — кадрирования и редактирования изображений, необходимых для аккаунтов различных социальных сетей

Демо

• Экспериментальное демо Google Chrome — превращаем любой сайт в интерактивный 3D-лабиринт
• Движение WebGl-куба головой с помощью WebRTC
• Реализация интерактивного фона с помощью canvas на сайте battlefield.com
• Сапер в канвасе
• Онлайн-сервис для дизайнеров и технологов, который позволяет создавать адаптивный дизайн, с последующей генерацией в готовый HTML/CSS код.

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

• lightt.com — интересная реализация фона с имитацией движения
• visit.uc.pt — технически продвинутый сайт университета
• skybox.org — сайт с нестандартным подходом к лейауту и навигации
• editoskastingas.lt/en/ — минималистичный бизнес-сайт с занимательным дизайном
• freeyourmindfestival.nl/nl/home/ — одностраничный сайт с параллаксом, слайдерами и выразительным дизайном
• eduardonunes.me — лаконичный сайт-галерея с responsive дизайном, слайдерами и предзагрузчиками
• escapeflight.com — туристический сайт Escape from London, сделанный с использованием последний трендов: одностраничность, анимация, параллакс
• ndreaskleiberg.no — необычный подход к скролингу сайта, при чем как на хомяке, так и на подстраницах
• passeiopedrabranca.com.br — красивый одностраничный сайт с параллаксом и анимацией
• Трендовый сайт с навигацией в стиле drag-n-drop

Дизайн

• Тестирование дизайна макетов сайта
• Шесть десятков отечественных логотипов
• Вдохновляющие примеры геометрических иллюстраций
• Создание 3D в Illustrator
• О навигации в одностраничных сайтах
• Финты для веб-дизайна, которые сделают ваш сайт вирусным
• Юзабилити валидации форм (The Ultimate UX Design of Form Validation)
• Эра символьных шрифтов
• Улучшение читабельности с помощью правильной типографики
• 4 основных правил эффективного дизайна логотипа
• Учимся видеть по методике Oliver Reichenstein
• Использование Gradient Map в фотошопе
• Концепт адаптивного телевидения
• Пять вещей, которые вы должны знать, когда делаете дизайн под iOS
• fltdsgn.com (Flat Design) — галерея сайтов с «плоским» дизпайном (metro UI)
• Тренды веб-дизайна в 2013 с объяснениями
• Альтернативы шрифту Futura
• skeuomorphism.it — плагин к фотошопу делающий ваш дизайн плоским
• Креативные логотипы с темой — вода

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

• Подборка gui-наборов
• темные текстуры с шумом
• Дюжина PSD файлов с исходниками печатной продукции (визитки, обложки)
• Набор вайрфрейма с UI для sketch iPhone за твит
• PSD с логотипом формула-1 Grand prix
• PSD с упрощенным изображением iPhone и iPad и подобный но более расширенный набор
• Набор из почти четырехсот монохромных иконок, оптимизированных под дисплеи Retina, включающий векторную версию AI и EPS
• Иконочный шрифт с иконками нарисованными от руки
• Векторные изображения пищевых продуктов
• Два с половиной десятка олдскульных и ретро шрифтов: от Sea Side Resort до Deftone Stylus
• Timepiece Rounded OpenTyp — шрифт для использования в дизайне часов
• Shinto — декоративный заголовочный шрифт в стиле японских либо китайских иероглифов

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

• Никогда не поздно учиться:
  • Три десятка лучших подкастов о веб-дизайне
  • Полсотни образовательных подкастов, которые стоит послушать в 2013-м
  • Большая подборка образовательных и познавательных подкастов Рунета
  • Подборка онлайн-ресурсов для изучения веб-дизайна
  • Десять обучающих ресурсов по программированию
  • Бесплатная online-школа по разработке приложений для Windows 8

• Curiosity превосходит ожидания создателей
• Кладбище продуктов Google
• Fuck your design
• Экосистема от Apple — достоинства и недостатки
• «Прочитаю как-нибудь потом»: обзор сервисов отложенного чтения
• Почему RSS имеет право на жизнь и специальный проект replacereader.com с альтернативами сервису Google
• Социологи подсчитали число пользователей интернета в России
• Королевскую премию для изобретателей получили создатели интернета
• Кто боится Google Glass?
• 3D-печать: кости, органы и стейки
• Джастин Лонг сыграл главную роль в комедии о Стиве Джобсе
• Мультфильм на осцилографе
• Десять перспективных технологий, о которых через несколько лет узнают все
• Если бы популярные сайты были бы людьми

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

Автор: alexzfort

Источник