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

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

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

Tessel

JavaScript уверенно продолжает своё шествие и теперь настал черёд железа. . Встречаем Tessel – микроконтроллер, программируемый на JavaScript

Зачем нам нужен HTML5

Предлагаем вашему вниманию обзорную статью, где автор в пяти пунктах пытается рассказать об основных возможностях, которые предоставляет вебу HTML5. Кстати, адрес www.w3.org/TR/html/ с недавних пор ведет не на XHTML 1.0, как много лет до сих пор, а на HTML5.0

Названия профессий в мире веб разработки

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

Абсолютное горизонтальное и вертикальное центрирование

В то время, когда одни собираются выпустить часы с 41-мегапиксельной камерой, другие до сих пор изобретают методы центрирования блоков с помощью CSS. Вот перевод занимательной статьи с самыми свежими техниками

Telegram Messenger

Telegram Messenger — первый проект американской компании Павла Дурова. Приложение является бесплатным и доступно для загрузки в App Store. Еще один небольшой обзор плюс дайджест мобильных мессенджеров

CodePen Demos

Наверное, все успели оценить функциональность песочницы CodePen. Предлагаем вашему вниманию подборку любимых демо Криса Койера, который и является создателем этого замечательного сервиса

Под капотом: Просмотр улиц

У Google появилась информационная страничка, где подробно рассказано о работе и создании Street View — сервисе, которым периодически пользуется наверное каждый из нас

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

• Название профессий в мире веб разработки
• Зачем нам нужен HTML5: пять простых ответов
• Чем тестировать адаптивный дизайн?
• Использование Drag&Drop в HTML 5
• Вопрос безопасности
• Проект Mozilla представил FuzzDB, базу данных типовых шаблонов атак
• Игры с SVG и тегом <image>
• Инструкция по созданию Jelly Navigation Menu
• Создание высокопроизводительных мобильных сайтов
• Создание многоуровнего Push Menu
• Помощник-визард по использованию Github Pages
• О код-редакторе Brackets от Adobe
• Как дизайнить текстовые поля под тач клавиатуры (со шпаргалкой)
• Официальное руководство по WebKit-атрибуту srcset в тэге img

CSS

• Переносы слов
• Абсолютное горизонтальное и вертикальное центрирование
• Круговая навигация с помощью CSS Transforms
• CSS 3D Image Flip Gallery c динамической тенью
• 6 методов отключения CSS и подключения своих стилей в Chrome
• Использование CSS3 для плавного ресайза элементов
• uCSS — поиск неиспользуемых и дуплирующихся CSS селекторов по сайту
• responsivewebcss — онлайн-сервис для генерации стилей под адаптивные шаблоны
• Скринкаст о том, как использовать Effeckt.css
• Начинаем работать с Sass Preprocessor
• MetaFizzy Effect with Sass
• Как создать простую и стильную таблицу цен на CSS
• CSS Shapes и Float Positioning
• Использование min-width для резиновых изображений
• Пример модульного CSS

JavaScripts

• JavaScript как новый стандарт корпоративной разработки
• JavaScript: как правильно курить IE10, или проблемы миграции
• classList API
• JS идет в оффлайн , Tessel – микроконтроллер, программируемый на JavaScript
• Как использовать drag & drop в HTML5
• К современным веб-приложениям вместе ECMAScript 6
• livescript — язык, компилирующийся в JavaScript
• Создание графиков с помощью SVG и Angular
• Как создать город с помощью three.js
• Создание анимациии частиц в 200 строчках кода
• Плагины и библиотеки:
  • Crossfilter.js, dc.js и D3.js для визуализации Данных
  • jquery.arbitrary-anchor.js — jQuery-плагин для расширения навигации по якорям (# хэшам)
  • jQuery Flat Shadow — плагин для добавление длинных теней (тренд плоского дизайна)
  • Juicy Slider — Responsive and Lightweight Slider/Slideshow Plugin for JQuery
  • Плагин TinyMCE, который позволяет редактировать HTML с возможностями Emmet
  • Tipue Search — jQuery-плагин для поиска по сайту
  • Iframe Auto Height — плагин недавно обновили
  • jQuery плагин для кеширования форм с помощью HTML5 local storage

Браузеры

• The Pirate Bay выпустил пиратский браузер, который достиг 100к скачиваний за трое суток
• Начало бета-тестирования Firefox 24 и создание aurora-ветки Firefox 25
• Я люблю Opera 12
• В Opera 17 Developer появилась панель закладок
• На безопасность Chromium потратили уже свыше миллиона долларов
• Chromium Digest №10
• chrome.downloads API появится в Google Chrome 30
• Как улучшить поиск в Firefox с помощью собственных «smart keyword» слов
• Firefox developer tools features — Blackboxing
• Версии браузеров мертвы
• Firefox остаётся браузером по умолчанию в Ubuntu 13.10

Новости

• Facebook покупает разработчика приложения для распознавания речи Mobile Technologies
• Facebook хочет стать мобильным платежным инструментом
• Windows 8.1 выйдет 18 октября, а днём раньше появится в Windows Store, Skype будет стандартным приложением Windows 8.1
• Смартфонов стало больше
• Запуск первого смартфона на ОС Tizen запланирован на октябрь
• Apple остается передовым производителем мобильных устройств в США
• Коротко о новом: Samsung запустила в массовое производство первую в отрасли 3D Vertical NAND флэш-память с вертикальной компоновкой
• Google окончательно прощается со старым интерфейсом Gmail
• ФСБ готовит закон против Tor и прочих анонимайзеров
• Новое обновление Win7 случайно ломает пиратские x64 версии
• Telegram Messenger — первый проект американской компании Павла Дурова, +дайджест мобильных мессенджеров
• Hyetis собирается выпустить часы с 41-мегапиксельной камерой

Сервисы

• Google Maps для Android снова умеет работать в офлайне
• Premailer — сервис для предварительной доработки email-шаблонов
• Под капотом: Google Street View
• Девелопер ответит
• Random User Generator
• В YouTube появился 101 украинский мультфильм
• Какой онлайн-кинотеатр выбрать: 12 российских сервисов
• Галерея сайтов, отсортированных по цветам

Демо

• Любимые демо на CodePen Chris Coyier-а
• Классная анимация с физическим эффектом упругости на CSS3/JS
• Объемный слайдер на HTML/CSS3/JS
• Анимированное лого-атом
• Анимированный с помощью CSS3 атом

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

• social-portrait — нестандартная геометрия плюс параллаксы
• letsyep.com/en/ — веселый сайт со стильной графикой и лаконичной анимацией
• hydrosys.ca/en/ — эффектное использование параллакс-эффекта
• smiledrive.vw.com — сайт социального приложения для авто от Volkswagen
• perspectivewoodworks.com — сайт с ромбовым дизайном
• trask-industries.com — сайт с приятными анимационными эффектами и фоновым видео
• snipcart.com — креативный анимационный слайдер и несколько других занимательных элементов
• noiretrenoir.com/parallax — одностраничный сайт с параллаксом

Дизайн

• Лебедев нарисовал соцсеть для РЖД — «РЖДшечку»
• Интервью с иллюстратором Алексеем Байдаковым
• Разноцветные сайты для вашего вдохновения
• Примеры креативного дизайна упаковки
• Теория цвета в цифрах
• Проектирование услуг за пределами экрана
• История типографики (видео)
• Растровые и векторные логотипы большинства браузеров
• Plaid — следующий шаг после плоского дизайна?
• Процесс создания responsive веб-дизайна
• Понимание букв
• Вдохновляющие примеры одностраничных веб-дизайнов
• Примеры классных посадочных страниц
• Примеры сайтов с полноэкранными фото

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

• Фоны: размытые фоны для iOS приложений
• Наборы UI и плоских иконок
• Четверть сотни исходников PSD визиток
• UI: Набор UI в красном и плоском дизайне, Flattastic UI — набор с плоским дизайном, исходники форм авторизации
• Иконки: иконки одежды, почти сотня социальных иконок, плоские иконки посвященные покупкам, в виде шестиугольников, иконки посвященные SEO
• Шрифты: Dense — шрифт без засечек, свежие шрифты без засечек, от Dense Regular до Kelson Sans, два десятка свежих шрифтов, от Higher до DK Keswick

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

• git + webcam = lulz
• Samsung не знает что делать с гибкими дисплеями?
• Рыночная стоимость Google Glass может составить $300
• Разработчики из Азии выдают себя за украинцев и россиян
• Очки дополненной реальности SpaceGlasses META.01 — все то, что не умеет Google Glass
• Занимательная статистика АНБ США: «Мы затрагиваем лишь 1,6% суточного интернет-трафика»
• Hyperloop — проект высокоскоростной и экономичной транспортной системы
• Ларри Эллисон: Google творит зло, а Apple деградирует
• Обзор Ouya
• Циферкой ошиблись! Как мелкий баг в софте поставил подножку всему миру
• 20 креативных клипов на Vine
• Пользователи Gmail могут не рассчитывать на конфиденциальность и тайну переписки
• 15 самых дорогих доменов всех времен
• Заминусованные youtube-видео на одном сайте
• Gif Dance Party

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

Автор: alexzfort

Источник