Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Вот и дождались первых устройств с перспективной операционной системой Firefox OS. Видеообзор Geeksphone Peak на Firefox OS
Качественная и нагляданая презентация — важный инструмент как для желающих поделиться знаниями, так и для желающих их получить. И современные веб-технологии вполне могут это обеспечить. Данная статья объединяет знания по данной теме, затрагивая как историю развития презентаций в вебе, так и самые современные решения.
Поздравляем Lea Verou с годовщиной ее ежемесячных отчетов о веб-стандартах из недр W3C. В свежей статье как всегда самое горячее: черновики CSS4, элемент main, svg, flexbox и многое другое 
Предлагаем вашему вниманию фреймворк, позволяющий создать гид по стилям на вашем веб-проекте. Без сомнения, он будет полезен и во время разработки, и при дальнейшей поддержке сайта
Итак, дождались финальный релиз Opera 15 для компьютеров. О том, как видят свой продукт его разработчики, а также о его дальнейшей судьбе, можно почитать здесь
C 1 августа 2013 года начнет действовать антипиратский закон, который может привести к непредвиденным последствиям. Накануне первый канал попытался объяснить, зачем вводится закон о блокировании сайтов. Противникам закона предлагается поддержать инициативу по его отмене
Canvas — одна из тех штук, которые призваны заменить флеш. И действительно, часто у нее это получается более чем убедительно. Как доказательство — эта подборка демонстрационных примеров с анимацией, физикой, жестами и видео-эффектами
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
Горячая семерка
 |
Смартфоны под Firefox OS поступили в продажу |
 |
Как делать презентацию с помощью веб-технологий? |
 |
Горячее в веб-стандартах: Май/Июнь 2013 |
 |
Style Guide Boilerplate |
 |
Opera 15 |
 |
Президент России подписал антипиратский закон |
 |
9 клевых демок на 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
Сервисы
Демо
- Интерактивное слайдшоу с помощью 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
