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

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

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

Смартфоны под Firefox OS поступили в продажу

Вот и дождались первых устройств с перспективной операционной системой Firefox OS. Видеообзор Geeksphone Peak на Firefox OS

Как делать презентацию с помощью веб-технологий?

Качественная и нагляданая презентация — важный инструмент как для желающих поделиться знаниями, так и для желающих их получить. И современные веб-технологии вполне могут это обеспечить. Данная статья объединяет знания по данной теме, затрагивая как историю развития презентаций в вебе, так и самые современные решения.

Горячее в веб-стандартах: Май/Июнь 2013

Поздравляем Lea Verou с годовщиной ее ежемесячных отчетов о веб-стандартах из недр W3C. В свежей статье как всегда самое горячее: черновики CSS4, элемент main, svg, flexbox и многое другое

Style Guide Boilerplate

Предлагаем вашему вниманию фреймворк, позволяющий создать гид по стилям на вашем веб-проекте. Без сомнения, он будет полезен и во время разработки, и при дальнейшей поддержке сайта

Opera 15

Итак, дождались финальный релиз Opera 15 для компьютеров. О том, как видят свой продукт его разработчики, а также о его дальнейшей судьбе, можно почитать здесь

Президент России подписал антипиратский закон

C 1 августа 2013 года начнет действовать антипиратский закон, который может привести к непредвиденным последствиям. Накануне первый канал попылася объяснить, зачем вводится закон о блокировании сайтов.

9 клевых демок на Canvas

Canvas — одна из тех штук, которые призваны заменить флеш. И действительно, часто у нее это получается более чем убедительно. Как доказательство — эта подборка демонстрационных примеров с анимацией, физикой, жестами и видео-эффектами

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

• Пять способов написания хорошего микротекста
• Оптимизация / сжатие SVG-изображений
• Элемент main
• Подборка ресурсов для прототипирования HTML
• devdocs — удобный онлайн-справочник
• Command Line Tools in PhpStorm
• Добавляем адаптивность для старых сайтов
• Новые фичи в Firefox Developer Tools
• Букмарклет для кроссбраузерного копирования ссылок
• Заставляем HTML5 работать уже сегодня с помощью полифилов
• Swapping Out Text, Five Different Ways
• Горячее в веб-стандартах: Май/Июнь 2013
• Прогрессивное улучшение все еще важно
• Antialiasing 101 — о сглаживании
• Введение в HTML5 FullScreen API

CSS

• Style Guide Boilerplate
• Effeckt.css — новый проект, обещающий собрать визуальные CSS3-эффекты в одном месте
• Стилизация нативных селектов почти чистым CSS
• Понимание CSS и современного веба
• CSS фильтры, GIFы и производительность
• Адаптивный вертикальный таймлайн на CSS
• Использование кастомных Data-атрибутов и псевдо-элементов
• CSS-анимация подгрузки элементов в гридах
• LESS Hat. A bunch of smart LESS mixins.
• Layout. отрывок из книги «Sketching with CSS» о flexbox
• Triggering CSS Animations with Sibling Selectors
• Заготовка в css для возможного масштабирования веб-компонентов
• Centering Percentage Width/Height Elements

JavaScripts

• JS скрипт для протестной блокировки сайта. C таймером и лайками
• simpleTooltip: HTML начиненный CSS и приправленный jQuery
• Организуем выделение текста в textarea
• Клевый эффект анимации для фиксированных хедеров
• LODA BUTTON — плагин + CSS3 анимация иконок в кнопках
• Chance — минималистичный генератор рендомных значений
• Добавляем стили в CSS с помощью JS
• Введение в Hitch.js и расширяемый веб
• AngularJS: Создание Web App с нуля, создание приложения используя директивы и data binding

Браузеры

• Представляем Opera 15 для компьютеров, Наше видение Opera 15 и её будущего
• Флажок «Включить JavaScript» убрали из настроек Firefox 23
• Chromium Digest №4 — Connectivity Diagnostics Private API и window-controls
• Internet Explorer 11: “Don’t call me IE”
• Google Glass Browser: HTML5 и адаптивный веб дизайн в вашей голове
• Новый логотип Firefox, а также Nightly и Aurora
• Очередной замер производительности Chrome 27, Firefox 22, IE10 и Opera
• Тренды рынка браузеров июль 2013

Новости

• Смартфоны под Firefox OS поступили в продажу, а также Видеообзор Geeksphone Peak на Firefox OS
• Президент России подписал антипиратский закон
• YouTube запускает онлайн-курсы по профессиональному созданию видеоконтента
• «Умные» часы Pebble поступили в продажу
• Net Applications: Windows 8 впервые обошла по рыночной доле Windows Vista
• Новые подробности о программе слежки PRISM подтверждают худшие опасения
• Нежданчик: готовый Tizen закрыли в пользу проекту на базе Android?
• Выпуск языка программирования Rust 0.7, развиваемого проектом Mozilla
• Музыка вернётся — «ВКонтакте» ведёт переговоры с правообладателями
• Готовимся к армии новых продуктов от Apple

Сервисы

• Неплохой сервис для создания спрайтов
• echotu.be

Демо

• Интерективное слайдоу с помощью canvas
• Симпатичный эффект для гридов
• View Mode Switch
• 9 клевых демок на Canvas

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

• Сайты с вертикальным скроллингом
• neuman.es — сайт с уймой анимации и нестандартными страницами
• adamrudzki.com — креативный подход к созданию сайта-портфолио
• savethedatestory.com/daraandchris — одностраничный сайт с забавными иллюстрациями
• hoborg.com — эффектное использование параллакс-эффекта
• thekingsofsummermovie.com — нестандартный лейаут сайта, обильно снабженный анимацией

Дизайн

• Русский дизайн изнутри Как Студия Лебедева стала главной дизайн-студией страны
• Интерфейсный дайджест, июнь 2013
• Новые функции Adobe Photoshop CC , а так же новые возможности Adobe Illustrator CC
• Выбираем шрифт для пользовательского интерфейса
• Ретро и винтажная типографика в веб-дизайне
• Быстрый урок: создаем эффект треугольной пикселизации
• Погодные условия: дизайн мобильных приложений
• Сайты: Красочные веб-сайты в летних цветах, веб-сайты в стиле минимализм, примеры использования больших изображений в веб-дизайне
• Лого: Свежие логотипы, Представлен логотип Euro 2016, последний тренд — длинная тень
• Смелые и креативные коцепты дизайнов, к сожалению, не воплощенные в жизнь
• Правильные размеры визиток
• «Protecting Your Data: How to Backup Your Design Files» — большой обзор подходов, сервисов и программ для создания резервной копии ваших файлов
• Tactile Design Kit — помощник для общения с клиентом по поводу дизайна

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

• Mapita — Action для фотошопа, позволяющий делать 3D изометрическое изображение из плоской карты + к экшину изображения фото-реалистичных объектов, которые можно размещать на созданной 3D карте
• Наборы векторных изображений для фотошопа
• Шаблоны: Promo макет плоской посадочной страницы для демонстрации, Minimal UI Kit — небольшой набор UI в стиле Google+
• Текстуры: с изображением стен, подборка текстур: земли, ткани, размытых фонов, кожи, дерева, неба, стен
• Кисти: графити для фотошопа, кисти для Illustrator
• Иконки: набор из одной тысячи монохромных векторных иконок, за подписку предлагается дюжина плоских SEO иконок, векторные иконки iOS7
• Шрифты: четверть сотни графити-шрифтов, красивые и популярные шрифты, от Southern Aire до Bira, декоративный шрифт Quirky Nots, декоративный шрифт без засечек Foresee, Hanoi — лаконичный и выразительный без засечек

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

• Мифы о порно в интернете и огромном трафике с него
• 3D-печать и роль этой технологии в будущем: мнение эксперта из IBM
• Актуально: Особенности русской разработки, Основная особенность наших разработчиков
• Bing или не Bing, вот в чём вопрос
• Факты и мифы об облачных технологиях
• Microsoft разработала сенсорный 3D-экран с тактильной отдачей
• Камера, способная записывать запахи

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

Автор: alexzfort

Источник