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

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

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

Революция Chrome DevTools 2013

За последний год инструменты для разработчиков в Google Chrome развивались семимильными шагами. Промежуточные итоги развития поведал Paul Irish на последнем Google I/O. Предлагаем вам ознакомиться со статьей по мотивам этого доклада, из которой вы узнаете о некоторых клевых возможностях, среди которых редактирование кода напрямую из DevTools, отладка Sass и удаленная отладка на мобильных девайсах, и многое другое

Effeckt.css

Встречайте релиз css-библиотеки, которая собрала (и будет продолжать собирать) анимационные эффекты для элементов сайта. В ней можно встретить решения от Codrops, Hakim El Hattab, Chris Coyier и других монстров фронт-енд разработки

Интересные аспекты развития JavaScript и веб-технологий 2013-го года

Довольно занимательная статья, в которой автор постарался выделить основные направления в области JavaScript-разработки, которые активно развиваются или только начинают развиваться и которая будет полезна в первую очередь начинающим изучение JS

Плоский дизайн или скевоморфизм?

Если вы обращаете внимание на то, что происходит в мире дизайна, вы наверняка заметили постоянный спор между скевоморфизмом и плоским дизайном. А если не обращаете, то в любом случае слышали слово «скевоморфизм». О том, что это такое, историю и тенденции в вебе можно почитать в переводе статьи Flat Pixels

Ждем умные часы

Очередная волна слухов и прогнозов на тему умных часов. Поговаривают, что более полумиллиона смартчасов попадут на рынок в 2013 году и более 5 млн – в 2014, и вообще — Рынок «умных» часов ожидает 10-кратный взлет. Все знают, что Apple работает над своими iWatch, однако судя по всему там справляются с разработкой «умных» часов и ищут новых разработчиков. Microsoft тоже оказывается работают над своими часами.

«Джаст5 Брик»

Представлен «Джаст5 Брик» — бабушкофон от Лебедева. Подробнее об этом Тёмафоне, и еще обзор, и еще

Подборка продвинутых демок на WebGL

Не так давно мы смотрели на впечатляющие canvas-демки, пришло время посмотреть на то, что умеет WebGL, опять же на примерах крутых демо.

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

• Элемент progress
• Что такое datalist в HTML5 и где его использовать
• Подборка полезного для любителей Twitter Bootstrap
• Интерактивный глобус — SVG vs Canvas
• Видео с CSS Day и трансляция Fronteers 2013
• Революция Chrome DevTools 2013
• Книга Pro Git в удобной онлайн-версии
• Симпатичные эффекты для фиксированной шапки сайта
• Руководство по стайлгайдам
• On Scroll Effect Layout
• Симпатичный онлайн-туториал по HTML для новичков
• Daux.io — инструмент для облегчения составления документации к проекту
• Подборка решений для адаптивной навигации
• Улучшаем продуктивность HTML/CSS разработки с помощью Emmet
• Создаем свое API с помощью Restler
• “Should I Learn XHTML Or HTML5?”
• Пять шагов оптимизации сайта под таблетки
• Drupal-разработка с помощью свежего PHPStorm
• glue — инструмент для генерации спрайтов в командной строке
• Основные паттерны реализации меню в сайтах с адаптивным дизайном
• Создание простейшего параллакс-эффекта
• Новые фичи Adobe Edge Code CC (Brackets)
• Демо использования Polymer и Web Components на примере вставки карты Google Maps с помощью собственного тэга «g-maps»
• Создание виджетов нового поколения с помощью Web Components
• В смартфонах localStorage работает в 5 раз быстрее нативного кеша
• Еще девять советов по улучшению производительности Front End

CSS

• сalc() в CSS3. Великолепные возможности для responsive верстки.
• Effeckt.css — встречайте релиз css-библиотеки, которая собрала (и будет продолжать собирать) анимационные эффекты для элементов сайта.
• Обновлённый CSS Zen Garden
• Daniel Glazman о Media Queries на CSS Day (видео)
• Взгляд в будущее Sass
• Проблемы в CSS и способы их решения
• cardinalcss — CSS-фреймворк с поддержкой адаптивности и LESS
• Furatto — front-end фреймворк с плоским дизайном
• Симпатичные hover-эффекты
• longshadows — онлайн-генератор длинных теней
• aristochart — статические графики с помощью канвас
• Justified and Vertically Centered Header Elements
• Chrome 29 beta поддерживает media query для разрешений экрана
• Полезные инструменты для написания CSS кода
• Understanding Sass lists
• Демонстрация возможностей использования SVG фильтров

JavaScripts

• Интересные аспекты развития JavaScript и веб-технологий 2013-го года
• Исследование проблем с производительностью JavaScript на мобильных устройствах
• minifiedjs — небольшая библиотека в стиле jQuery, также позволяющая делать манипуляции дом-деревом, анимациями, ивенты и пр.
• tabulous.js — библиотека для создания симпатичных табов
• collageplus — галерея с полным заполнением контейнера
• S Gallery — адаптивная галерея на jQuery c CSS3-анимацией
• kernjs — букмарклет для манипуляций с типографикой на страницах сайта
• Динамическая плавающая кнопка “Back To Top” с плавным скроллингом на jQuery
• Видео на тему JavaScript for Designers от Rachel Nabors
• AUTOMATON — автоматизация с помощью JS
• SlimerJS — A scriptable browser for Web developers
• Later.js — планировщик под Node.js
• easyAB — плагин для A/B тестирования
• READMORE.JS — плагин для сворачивания большого объема текста и добавления «read more» для его разворачивания
• Полтора десятка jQuery-сниппетов
• imagefill.js — плагин для растягивания изображений в контейнерах
• Презентация «ES6: The Awesome Parts»
• События Audio и Video в HTML5

Браузеры

• Вторая мировая война браузеров — колонка pepelsbey на rbc
• Сотрудник Google стал первым, кому Microsoft заплатил за найденную уязвимость в IE11
• Браузинг с помощью жестов
• Что нового в IE11 Developer Tools
• Поддержка prerender и prefetch в IE11
• Как превратить ваш браузер в Sublime Text editor
• Chromium Digest №6 — Редизайн Центра Уведомлений и упрощенная установка расширений
• Увидели свет Chrome OS 28 и Chrome 28 для Android
• Web Audio и WebRTC в Chrome 29 beta под Android

Новости

• Социалки: Twitter включил цензуру, В Foursquare появилась первая таргетированная реклама, «Одноклассники» запустили сервис, позволяющий открыть интернет-магазин в соцсети
• В ожидании часов:
  • Более полумиллиона смартчасов попадут на рынок в 2013 году и более 5 млн – в 2014
  • Рынок «умных» часов ожидает 10-кратный взлет — прогноз
  • В ремешке «умных» часов будет скрываться гнущийся аккумулятор
  • Смартчасы: взаправду или блеф?
  • В Apple не справляются с разработкой «умных» часов и ищут новых разработчиков
  • Microsoft Smart Watch: Империя наносит ответный удар

• Финансовый вопрос
  • Google оценили в $304 миллиарда, а сама компания получила во втором квартале $3,23 млрд чистой прибыли
  • Yahoo анонсировала финансовые результаты Q2 2013
  • «Яндекс» дорос до капитализации в $10 млрд
  • Прибыль Microsoft сильно снизилась, согласно квартальному отчёту, из-за планшетов Surface потеряла $900 млн.

• «Джаст5 Брик» — бабушкофон от Лебедева. Подробнее о Тёмафоне, и еще обзор, и еще
• Coub.com привлек $1 млн и готовится покорять США
• Павел Дуров: Заявления украинских чиновников о порнографии на серверах «ВКонтакте» — заведомо ложные
• Jolla активно готовится к старту продаж смартфона на платформе Sailfish
• Ресурсы для сенсорных экранов практически исчерпаны
• Android 4.3 могут анонсировать на следующей неделе, Полтора миллиона активаций Android-устройств ежедневно

Сервисы

• Дропбокс: «Мы заменим жесткие диски»
• EntourageBox: отправляйте файлы пользователям Dropbox, Google Drive и Amazon S3 без создания аккаунтов
• Минимум 5 вещей, которые делают Gmail не просто электронной почтой, Впечатлите начальство с Gmail за 5 минут
• Google: альтернативы поисковому гиганту
• meettheipsums — Lorem ipsum на любой вкус
• stylifyme.com — сервис создаюций небольшой style guide для любого сайта
• Embed Responsively — небольшой сервис для генерации кода вставки адаптивных компонентов: YouTube, Vimeo, Google Maps…
• SVG Filter Factory — наложение нескольких фильтров SVG

Демо

• Занятный концепт чекбоксов, а также еще один
• Canvas Rider
• Миньон на чистом CSS
• Анимированный лоадер
• iPhone 5 на CSS
• Подборка продвинутых демок на WebGL
• sculptgl лепим скульптуру с помощью WebGL
• Демо с WebGL кривыми и кривыми поверхностями от mr.doob

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

• alquimiawrg.com — креативный сайт-визитка
• served-mcr.com — одностраничный сайт с мультяшной анимацией и графикой
• icscreative.com — сайт дизайн-студии, параллаксы и все такое
• anchor.travel — сайт с нестандартным эффектом скроллинга страницы
• laundryday.be — сайт, который напомнит вам о космических симуляторах
• sayviget.com — сайт-игра
• magsty.com — трендовый сайт с параллаксами и обилием графики
• magme.eu — небольшой сайт с интересными интерактивными эффектами
• artemjuliawedding.com/ — сайт, созданный к свадьбе
• cyclemon.com — велисипедные иллюстрации в пределах одной страницы
• bellboygame.com — сайт-презентация игры
• 44 красивых дизайна японских сайтов

Дизайн

• Десять способов редактирования выделения в Photoshop
• Интервью с Анной Любимцевой (дизайнером-иллюстратором)
• Плоский дизайн или скевоморфизм?
• Я хочу стать шрифтовым дизайнером — что дальше?
• Дизайн для мобильных устройств: основные тенденции
• Сложное в очевидном: как мы делали интерфейс звонка в Яндекс.Шелле
• Designing Facebook Home
• Authentic Design — о том, что сейчас происходит в мире дизайна, от Дмитрия Фадеева
• О психологии цвета в маркетинге и брэндинге
• Сотня лучших блогов для дизайнеров от Go Media & Friends
• Что такое user experience (инфографика)
• Много интересных уроков по Photoshop
• Используем плоский дизайн в вебе и печати
• Два десятка вдохновляющих сайта с плоским дизайном

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

• Бесплатные psd-исходники пользовательских интерфейсов
• Полный набор материалов для дизайнеров мобильных приложений
• Наборы плоских UI и компонентов
• Summer Tutorials Bundle: The Latest Photoshop Guides 2013
• Наборы иконок, UI и PSD шаблонов + несколько наборов с текстурами
• PSD искходник форм авторизации (Logiin form)
• Векторные изображения, связанные с индустрией fashion
• Текстуры: цветные тканевые текстуры, много бумажных текстур
• Иконки: плоские векторные иконки SENSATIONALFIX, набор «Long Shadow Flat Icon», векторные иконки iOS7, детализированные и не очень в PSD-формате
• Шрифты: SHELLEY — декоративный ретро-шрифт, Haext — выразительный нео-готик, High Tide — заголовочный декоративный шрифт, Quirky Nots — декоративный и забавный, свежие, в основном декоративные, шрифты, от The Quantum до Eride, Chromatic декоративные шрифты, от Prismatic до Parthenon

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

• Угадайте, какое событие уничтожило индустрию ПК
• О 3D принтерах:
  • Как печатает 3D-принтер
  • TOP Hi-tech: Самые сумасшедшие 3D-принты
  • LEGObot – 3D-принтер из LEGO
  • Кроссовки под заказ на 3D-принтере
  • Инженеры распечатали на 3D-принтере ракетный инжектор

• Парфюмер 2.0: аппарат для консервации запахов
• В сети появился трейлер фильма о создателе WikiLeaks Джулиане Ассанже
• 10 рекламных розыгрышей 2013 года
• 10 научных шуток: Физик, математик и инженер заходят в бар
• Всеобщая “мобилизация”: 13 интересных фактов о рынке мобильного веба в 2013 году
• Valve сделает школьников геймдизайнерами
• Linkedin — сеть недалеких «проффессионалов»
• Firefly Online – MMOG по культовому sci-fi-сериалу
• Офис Google Россия: каково там?
• Из-за ошибки PayPal начислил пользователю на счет $92 квадриллиона
• Один из первых компьютеров Apple, собранный Стивом Возняком, продали с онлайн-аукциона за $387 тыс.
• Блог со скринами компьютерных интерфейсов из фильмов
• Первым кинотрейлером в Instagram стала реклама фильма про Джобса

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

Автор: alexzfort

Источник