Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №63 (24 — 29 июня 2013)
Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Горячая семерка
Windows 8.1 Preview |
Firefox 22 |
Жизнь RSS после Google Reader |
Веб-шрифты |
CSS3 |
Front-end Job Interview Questions |
Photoshop for Web Designers |
Веб-разработка
- Видео докладов Я.Субботника в Санкт-Петербурге 15 июня 2013
- Преимущества разработки средствами BEM+Python+node.js: видео и презентация
- Основные способы вёрстки. Часть первая: таблица, Часть вторая: бестабличная вёрстка
- 20 вопросов про веб-шрифты
-
Онлайн-сервис для создания собственного иконочного шрифта
-
Font Custom: генерация кастомных иконочных шрифтов через командную строку
- Как использовать Fullscreen API
-
dimensionsapp — бесплатный инструмент для тестирования и отладки адаптивного дизайна
-
Проблемы мобильного веба и как их избегать
-
Набор закладок по веб-разработке
-
PNG против SVG в спрайтах
-
Создание адаптивной панели поиска
-
Подробно об элементе main
-
iOS 7 beta и новый Safari для веб-разработчиков
-
Front-end Job Interview Questions
-
Создание змейки на HTML5 Canvas и KineticJS
-
Creating a Swipeable Side Menu for the Web
-
Презентация: «Page Load Performance» от James Simonsen
-
Презентация: «jQuery UI Widgets vs HTML5»
-
Десять необходимых для разработчиков расширений Chrome
-
Схема, помогающая определиться с использованием Twitter Bootstrap (инфографика)
-
Фишинг с помощью dataURI
-
Работа с Local Storage в MV* фреймворках
CSS
-
Создаем анимированную в 3D боковую панель
-
Подходы к решению нескольких queries элементов
- Flexbox без префиксов уже в этом году
-
Загрузка изображений по требованию на чистом CSS
-
Визуальные эффекты для модальных окон на CSS
-
The Layered Look: улучшенные адаптивные изображения с помощью Multiple Backgrounds
-
CSS Background Blend Modes уже доступны в Chrome Canary и WebKit Nightly
-
Шейпы в CSS3 + CSS3 Regions — как это работает
-
CSS Shapes Module добавит революционности веб дизайну
-
CSS Shredder: делаем шреддер на CSS3
-
How to Scale and Maintain Legacy CSS with Sass and SMACSS
-
Работа с модулями в Pure CSS
-
Верстка псевдо-элементов в IE10
-
cardinalcss — еще один статический CSS фреймворк
-
Шуточное объяснение box model
-
Как сделать анимацию переворачивания на CSS3
-
Разрабатка с SASS и Chrome Devtools
JavaScripts
- Медиа-запросы — это не выход: Polyfill-скрипт для element-запросов, оригинал статьи
- Консорциум W3C представил JavaScript API для телефонии
- Эволюция гоночных автомобилей на JavaScript
- Нативные эквиваленты функций jQuery
- С чего начать изучение AngularJS. Часть2 – Шаблоны оживают.
- Видео jQuery Keynote с jQuery Conference Portland 2013
-
Провинутые техники юнит-тестирования в JS
-
Making Sass talk to JavaScript with JSON
- O Backbone.js очень просто и кратко для любителей MVC-фреймворков
-
jquery.viewport
-
CollagePlus — еще один плагин для создания галереи на jQuery
-
Chance — генератор случайных строк, чисел в разных форматах, для написания автоматизированных тестов
-
Yass.js — mobile-first полифил, для реализации загрузки изображений для экранов с различной плотностью пикселей
-
SimpleWebRTC — простая работа с WebRTC
-
Сервисы сообщающие о клиентских ошибках JS
-
Static Memory Javascript с использованием Object Pools
-
Продвинутое использование Grunt
-
JSON-LD — JSON for Linking Data, JSON-формат для лучшей организации данных
-
X-editable — библиотека, позволяющая создавать редактируемые на странице элементы (работает с bootstrap, jquery-ui, jquery)
Браузеры
- IE11: Поддержка WebGL, SPDY/3 и новые средства для разработчиков, обзор технических моментов
, Windows 7 тоже получит Internet Explorer 11 -
Релиз Firefox 22 с поддержкой Asm.js, WebRTC пришел в Firefox 22
- Начало бета-тестирования Firefox 23 и создание aurora-ветки Firefox 24
-
Network Monitor в Firefox Beta
- Вся правда о таинственных обновлениях до Google Chrome 28
- Браузер Dolphin подключается к Mozilla Firefox в создании HTML5 app store
- Тигран Худавердян (Яндекс): мобильным браузерам не хватает скорости достижения результата
Новости
- По мотивам BUILD 2013: Краткая информация о Windows 8.1, Встречаем Windows 8.1 Preview и смотрим, , что в ней нового, а также видеообзор.
- В то время, как в Украине запускают тестовую версию Электронного суда и проводят конфискацию серверов ВКонтакте, в России официально запускает онлайн-магазин Apple
-
«Яндекс.Музыка» научилась импортировать песни из «ВКонтакте»
- Как Яндекс.Почта стала понимать, что вам нужно. А Mail.ru опровергла успехи Яндекс.Почты
- До свидания, Motorola
- Вышла публичная бета Sublime Text 3
- В Google разрабатывают игровую приставку, «умные» часы, новый Android и многое другое
- PayPal запускает программу Galactic, чтобы подготовить платёжные системы к коммерциализации космоса
- HTC First — всё
- О картах: С Google Maps убрали облака и добавили виды высокого разрешения, а Ошибки на трёхмерных картах Apple можно считать искусством
- О часах: Sony SmartWatch 2 — пылевлагозащищенные умные часы с поддержкой NFC, а также Умные часы Emopulse Smile Smartwatch с 256 ГБ памяти
Сервисы
- RSS:
-
С Google Reader на Feedly Cloud: итоги за последние 100 дней
- Digg Reader beta
- AOL Reader пополнил ряды заменителей Google Reader
- Кто нам заменит Google Reader? Яндекс.Подписки
- Большая подборка от лайфхакера
-
Reader is Dead — колекция инструментов, которые помогут подготовиться к отключению Google Reader
-
С Google Reader на Feedly Cloud: итоги за последние 100 дней
- SVG Optimizer – это инструмент для оптимизации векторной графики в формате SVG, написанный на Node.js.
-
Mobile Emulators & Simulators: The Ultimate Guide
-
picssel-art: генерация изображений средствами CSS
Демо
- Анимированное лого в 3d
- Продвинутый анимированный лоадер
-
Подборка логотипов и персонажей на чистом CSS
Сайты с интересным дизайном и функциональностью
- Интересные примеры responsive сайтов
-
Подборка ультра-минималистичных сайтов
- flandriatype.com — сайт-презентация шрифта
- flatguitars.com — стильный одностраничный гитарный сайт
Дизайн
- Новый дизайн ЖЖ
- Разработка дизайна по контрольным точкам
-
Бесплатный! курс «Photoshop for Web Designers» от Tuts+ Premium, целая серия видео-уроков по Photoshop CS6
-
Набор инструментов для создания инфографики
-
A Good User Interface
-
Набор инструментов для создания инфографики
- Визитки: элегантные визитки, вдохновляющие примеры дизайнов визиток 2013 года
-
Полное руководство по плоскому дизайну
-
Преимущественно монохромные сайты с однотонным фоном
-
Красочные дизайны сайтов
-
Цвета, определяющие веб сегодня
-
Примеры форм авторизации и регистрации
-
Редизайны популярных сайтов
-
Новые фичи Adobe Illustrator CC
-
Логотипы с изображением компаса
Подборка бесплатных дизайнерских печенек
-
Графические материалы: текстуры, стили, кисти, векторные изображения и т.д.
-
Наборы иконок и UI компонентов
-
Collection of Free Fonts and Typefaces for June 2013
- Исходники: шаблоны форм авторизации, наборы UI для создания вайрфреймов
- Иконки: наборы иконок для веб, как плоских, так и фото-реалистичных, дюжина наборов плоских иконок, стилизованные монохромные иконки с изображением продуктов
- Кисти: бумажные
- Шрифты: подборка креативных шрифтов: от Nexa до Idolwild, Track — заголовочный шрифт без засечек с латинскими прописными буквами и цифрами
Занимательное
- Что делать, если Facebook случайно открыл доступ к вашим данным
- GIF
- Стало известно, сколько стоят посты топ-блогеров в ЖЖ
- Распространение вредоносного ПО — информация от Google
- Adobe Creative Cloud: облака и непобедимые пираты
- Кто подставил кролика МДК
- Зарплаты украинских разработчиков — май-июнь 2013
- Google Maps: «Добро пожаловать в самое высокое здание в мире!»
- Программист выяснил различие между «гиками» и «нёрдами»
- 10 фактов о новом офисе Mail.Ru Group
-
Очередной маркетинговый глум от Nokia
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin