alexzfort Jul 20 2013 at 20:37

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

7 min

29K

Zfort Group corporate blogWebsite development*

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

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

Революция 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

Браузеры

Новости

Социалки: Twitter включил цензуру, В Foursquare появилась первая таргетированная реклама, «Одноклассники» запустили сервис, позволяющий открыть интернет-магазин в соцсети
В ожидании часов:
Финансовый вопрос
- 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 красивых дизайна японских сайтов

Tags:

Hubs: