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

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

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

• Создание и стилизация индикатора выполнения в HTML5
• Обзор и классификация CMS по категориям (2013)
• Responsive Web Design:
  
  • 7 способов улучшения процесса разработки адаптивного дизайна
  • Адаптивный редизайн сайта: 4 фактора SEO
  • Адаптивный сайт с помощью AngularJS
  • Адаптивная навигация на сложных сайтах
  • RESS — новое поколение Responsive Web Design с развилкой на стороне сервера
  • Работа с responsive изображениями
  • Web Performance 2.0 — об актуальных проблемах производительности RWD сайтов

• Qt переходит с WebKit на браузерный движок Blink и технологии Chromium
• Dungeons and Developers: дерево талантов для веб-девелоперов в стиле RPG
• Введение в разработку HTML5 игр, phaser — фреймворк для создания HTML5 игр под десктоп и мобайл
• uibox: библиотека с удобным поиском по HTML, CSS, JS компонентам
• Semantic UI — почти альтернатива Bootstrap
• Огромная подборка ссылок на тему фронтенд-разработки
• Демонстрация работы Live Edit в PhpStorm
• Is WebRTC ready yet?
• User-Agent detection, history and checklist
• 7 полезных советов для новичков в Git
• Chrome Developer Tools: лучшие друзья веб-разработчика
• Клонирование UI iOS7 с помощью HTML/CSS/JS
• Параллели между здоровьем человека и здоровьем сайта
• HTML5 video на мобильном — небольшое введение

CSS

• Верстка писем, набор сниппетов
• Shade: длинные тени трендового плоского дизайна на CSS
• Понятно про CSS Masking и Shapes Modules или будущая революция дизайна контента
• Семантичный CSS с умными селекторами
• Копирование CSS из слоев | CC, CS6
• Объяснение размеров в CSS
• Подборка инструментов для очистки CSS
• CSS Fixed Positioning и Mobile Zoom
• Презентация {position: sticky}
• О вертикальном тексте с помощью CSS: text-combine-horizontal
• Lumia 800 на чистом CSS
• 4 пути создания модульного и масштабируемого CSS
• Резиновый слайдер с параллакс-эффектом на CSS3
• Клиентсткий текстовый поиск на CSS (ну, почти)
• Custom Radio Button Styles
• Интерактивный CSS Clip Paths

JavaScripts

• Опыт работы с GruntJS
• Недоволен скоростью джаваскриптов? — Подожди год-полтора, и это пройдёт!
• «Ускоряем» открытие тяжелого сайта
• Тест по основам jQuery
• Lets Code Javascript! Более сотни видеоуроков по JS
• Cross-Domain передача сообщений с помощью postMessage
• Начинаем разбираться с History API
• Введение для новичков в three.js
• Разбираемся со оператором => в ECMAScript 6
• peerCDN™ — JS, который обещает резко ускорить ваш сайт и улучшить пропускную способность на 90%.
• Как получить корректные размеры экрана андроида
• Social-cms-backend — использование REST API и Angular.js для создания социальных сетей
• Perimeter.js — библиотека для добавления элементам с состоянием наведения активной области с опциональной обводкой и регулируемым размером
• jQuery Plugins:
  
  • SMINT v2.0 — прилипающее меню с навигацией, которое будет в самый раз для одностраничных высоких сайтов
  • Audero Smoke Effect — добавляем эффект дыма с помощью jQuery
  • animo-js — инструмент для работы с CSS-анимациями
  • animatescroll — jquery плагин для анимации скроллинга страницы
  • jInvertScroll — Библиотека для создания сайтов с горизонтальным лейаутом и параллакс-эффектом
  • QuestionMark.js добавление информации о горячих клавишах
  • Notify Better.js — js-плагин для динамических манипуляций с Favicon и Title
  • jQuery Mapael — jQuery плагин для создания динамических векторных карт
  • velge — tag management widget
  • jInvertScroll — скрипт для замены вертикальной прокрутки на горизонтальную

Браузеры

• Представляем новый браузер Coast
• Новое поколение приложений Chrome
• Chrome против всех: вытеснит ли гугловский браузер операционки Microsoft и Apple?
• В IE11 изображения JPG грузятся на 45% быстрее

Веб-инструменты

• Color Palettes of the Web — сервис для анализа цветовых палитр сайтов
• cloudconvert — конвертер файлов любых форматов онлайн
• Bootstrap Magic — создание собственной темы на базе Bootstrap 3 (сделано с использованием Angular.js)
• Generate WP — инструменты для WordPress-разработчиков

Новости

• Apple:
  
  • Apple представила iPhone 5S, iPhone 5C и релиз iOS 7 , еще один обзор , и Небольшой видео-обзор
  • Мысли и наблюдения c презентации iPhone 5c и 5s, Мысли о новых iPhone 5″с как русская эс и эс как доллар”
  • Презентация Apple: впервые оправданы все ожидания
  • Сравнение с флагманами других производителей
  • После презентации новых iPhone компания Apple подешевела на $24,5 млрд
  • Nokia польщена iPhone 5C

• Посты Google+ теперь можно встраивать в любой сайт
• Samsung будет оснащать смартфоны 64-битными процессорами
• Samsung в течение 18 минут рассказывает о ключевых функциях Note 3 и Gear
• Яндекс запустил функцию визуального поиска по Картинкам
• Галапагосские острова от Google Maps
• Сервис Steam Family Sharing – возможность играть всей семьей
• В «Яндексе» появился поиск по загруженной картинке
• Microsoft представит планшеты Microsoft Surface следующего поколения 23 сентября
• Microsoft и Adobe выпустили обновления для своих продуктов, сентябрь 2013
• RTM-версия Windows 8.1 стала доступна подписчикам MSDN и TechNet
• Суточная аудитория «ВКонтакте» превысила 50 миллионов человек
• За полгода в Instagram пришло 50 млн новых пользователей

Демо

• Эффект дождя в канвасе
• Пикселизация изображения по ховеру
• Концепт стрелочек для слайдера
• Интерактивный клип превращает профайл «Фейсбука» в птицу
• Just a Reflektor — интерактивный клип от Винсента Мориссета, созданный при поддержке Google с целью продемонстрировать работу современных веб-технологий.

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

• The Geeks on the Front Lines — реализация необычных дизайнерских ходов в навигации с помощью технологий HTML5, а также о технических подробностях создания проекта
• pacorabanne.com/invictus/ — параллакс эффекты, сияние, временные шкалы и поддержка drag and drop и клавиатуры
• whatsmynvme.com — стильный эффект наведения и плиточный дизайн
• speed-motion.com.ua — впечатляющий скролл-эффект собирания структуры
• abbyputinski.com/ — сайт с анимированными иллюстрациями
• house.pl/kampania — нестандартный подход к лейауту сайта
• mindworks.gr — параллакс-эффекты и нестандартная геометрия
• kircher-burkhardt.com — сайт из нового поколения корпоративных сайтов
• startsmall.eu — креативный сайт с параллаксом, анимацией и симпатичными иллюстрациями
• nouvelleoctavia.fr — сайт с эффектом погружения
• Наглядная демонстрация эффектов от наркоты во время езды
• alchemy-digital.co.uk — креативная реализация заглавного слайдера
• Отборные сайты использующие плавные параллакс-эффекты

Дизайн

• Покажи Wacom на что ты способен
• Небесный веб-дизайн
• Photoshop:
  
  • Создание восхитительной детской иллюстрации в Photoshop
  • Официальное представление Adobe Generator для Photoshop CC
  • Обзор новинок Phothoshop 14.1
  • Adobe продвинула Photoshop используя потенциал Generator-а

• Три практики веб-дизайна для приближающейся iOS7
• Обзор свежих материалов, июль-август 2013
• Phonebloks — концепт телефона, собираемого из блоков
• Примеры шаблонов мобильного дизайна
• Шаги, которые необходимо выполнить в различных мобильных устройствах для установки веб-приложения
• The iOS Design Cheat Sheet 7
• RWD — это уже не только про размеры экранов
• 10 дизайнерских концептов, которые должен знать каждый девелопер
• Анатомия цветов в веб-дизайне: белый как снег
• Google тоже становится плоским
• Сомнения дизайнера насчет крутости нового логотипа Yahoo
• Type Night — коллекция нарисованной от руки типографики
• Качественные gif-анимации иллюстраций
• Обработка фото — корректировка выдержки с помощью Lightroom и Photoshop
• Collective PSD: Как правильно работать с PSD в командах
• Примеры дизайнов стильных интернет-магазинов
• standin.io — концептуальный плагин позволяющий экспортировать дизайн и функциональность работающих прототипов прямо в мобильные устройства
• Основные принципы создания классных иллюстраций персонажей

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

• Лучшие сайты с 3D моделями
• Текстуры скал
• Коллекции кистей для Photoshop с царапинами
• Исходники: iPhone 5S Psd Vector, 3-4 iPhone 5S Psd Vector, Piatto — посадочная страница в PSD, Gusto шаблон письма в PSD-формате, Шаблоны PSD веб-дизайнов использующих эффект боке
• Шрифты: пиксельные и шрифты имитирующие цифры в табло, от nhanced Dot Digital-7 до Fixed_v01, Corduroy Slab — заголовочный slaf-serif шрифт, Born — шрифт с засечками
• Иконки: набор из более 800 иконок под iOS7 в PNG формате, наборы иконок для вашего онлайн-магазина, Brainy Icons — иконки на тему образования, наборы иконок

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

• Как Денис Крючков создавал, продавал и выкупал «Хабрахабр»
• Будущее игровой индустрии с hi-res 3D сканами людей и Oculus Rift
• 10 полезных вещей, которые вам нужно знать о вашем Dropbox
• То, о чем догадываются все айтишники, но в чем боятся себе признаться
• IFA 2013: Sony предложила оригинальный гибрид планшета и ноутбука на Windows 8
• 101 цитата от основателей крутых стартапов
• Обзор Google Chromecast, и еще один
• 10 полезных вещей, которые вам нужно знать о вашем Dropbox
• Электромобили: вчера, сегодня, завтра
• Британская разведка объявила конкурс для хакеров
• В Китае будут сажать за вранье в интернете
• Про азбуку Морзе
• Like a Rounded Corner — песня от веб-разработчиков с прошедшей Smashing Conference 2013

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