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

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

• Превращаем статический сайт в мобильное приложение с помощью jQuery Mobile и PhoneGap
• Карта галактики на Three.js/WebGL
• Использование полноэкранного режима на мобильных устройствах
• Быстрая инициализация проекта
• Яндекс.Метрика: Как быстро работает ваш сайт?
• Новый тег template: введение стандарта шаблонизации на стороне клиента
• Сite и blockquote: перезагрузка
• Как мигрировать с Bootstrap 2 на Bootstrap 3
• Гайд по Web Components
• Imports в HTML
• Редактирование шейдеров WebGL с помощью Firefox Developer Tools
• Адаптивные изображения – годовой отчет
• kite — клон gmail, который можно поднять на своем сервере
• Setting snap point behaviour
• screen.width бесполезен, говорит нам ppk
• Pattern Lab — создание систем атомарного дизайна
• Мысли по поводу HTML5 Geolocation
• Создание выпадающего меню с чеклистом и иконками
• Чисто клиентское решение для условной загрузки в RWD
• Зачем нам нужны responsive изображения: часть вторая
• Пишите один раз, тестируйте везде (о гибридных HTML5 мобильных приложениях)
• Как использовать фоновое видео для создания нужного впечатления, часть 2
• RemoteDebug — проект, посвященной проблеме удаленной отладки во всех браузерах
• SEO для Responsive веб-сайтов
• Grunt Tips and Tricks
• Elastic Stack — интерактивное перетаскивание блоков с эластичностью

CSS

• Симпсоны на чистом CSS
• Эластичный лоадер в стиле google на CSS
• Процесс стандартизации CSS
• CSSDB.co — cssdb — база знаний с популярными CSS-библиотеками
• Реакция стилей сайта на окружающее освещение в CSS4
• Тетрис и мощь CSS
• Мультистрочные отступы у текста
• Вертикальные проценты в CSS
• 1css — забавный CSS-диалект
• Как писать простой и элегантный код CSS с помощью Compass & Sass
• LESS Hat 2 — 86 LESS Mixin
• Адаптивная графическая новелла на Flexbox
• Flexbox для дизайнеров
• Полная шпаргалка по Flexbox
• Flexbox сетка, элементы на последней строчке будут занимать доступное пространство (смотреть в Chrome)
• Эффект замерзшего стекла на CSS/SVG
• Pixate — используем CSS для iOS в нативных вьюхах
• Simptip — простой CSS tooltip, написанный на Sass
• CSS Mac Plus — ретро-компьютер в 3D на CSS3
• Особенности Box-Shadow в IE9 + IE10
• Full CSS Dashed Text Shadow
• Water Effect with CSS
• Анимация шрифта эффектом открытия

JavaScripts

• Vanilla JS vs jQuery 2.0
• Сделай свой AngularJS: Часть 1 — Scope и Digest
• Крошечный Excel на чистом JavaScript (30 строк кода)перевод
• jBone. Замена jQuery для Backbone или 2kb для DOM манипуляций
• Введение в DOM Events
• Все что вам нужно знат про node.js
• AbsurdJS — CSS/HTML препроцессор на JS
• Video FunHouse(v0.0.1) — FFmpeg комплирующийся с помощью JS и работающий в вашем браузере и библиотека videoconverter.js
• FullPaged — одностраничный проект созданный с помощью jQuery плагина, с добавлением анимаций
• Действительно адаптивные изображения с помощью responsive-images.js
• js2js — новый виток в эволюции JS. Компилируйте свой JavaScript в JavaScript средствами JavaScript!
• Twitter Bootstrap 3 – JavaScript Components
• JSON Mask — выбор частей JS объекта
• Tappy! — нормализатор тап-события (для устранения задержки в 300мс)
• Презентация ES6 Uncensored от Angus Croll
• Почему вы никогда не должны использовать MongoDB
• Isomorphic JavaScript: будущее веб-приложений
• Продвинуты дебаг JavaScript с помощью console.table()
• 21 особенность в JavaScript Parts, которую я пытаюсь запомнить
• JavaScript за пределами веб
• Альтернатива злу JS setInterval
• JSDiff для сравнения текста
• Эффективные анимации с помощью requestAnimationFrame
• Введение во фреймворк от Facebook: React
• Express.js основы
• SVG-Verlet.js — библиотека для создания SVG-анимаций
• Magnifier.js — библиотека для создания эффекта увеличительного стекла с возможностью динамического изменения масштаба

Браузеры

• И еще раз об Internet Explorer 11
• В Южной Корее онлайн-покупки можно делать только через Internet Explorer
• Выпуск web-браузера Chrome 31 с реализацией технологии Portable Native Client
• Opera Software: почему мы перешли на Blink и что будет дальше
• Paul Rouget предлагает новую фичу для Firefox Developer Tool: CSS Animations Clock Hijacking
• Web Latency Benchmark
• IE11 on Windows 7 — не поддерживаемые фичи браузера по сравнению с IE11/Windows 8.1
• CSS Regions доступны в Safari 6.1 & 7!
• IE в Xbox One: лучший веб на TV

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

• Raindrop.io — Используя силу JS во всех аспектах веб-проекта
• justdelete.me — место, в котором мы можете удалить свой аккаунт из веб-сервисов по прямым ссылкам
• Canva — новый инструмент для дизайнеров (Amazingly simple graphic design)
• NinjaMock — сервис для создания вайрфрейов для iOS, WP, Android, Web design
• A Visual Type Scale

Новости

• Android затмевает Apple: MS-DOS нашего времени
• Как Яндекс сделал самую подробную русскоязычную карту мира
• Тостер. Реинкарнация
• DDR4 выйдет в продажу уже в следующем месяце
• Компания Google представила первый стабильный релиз языка программирования Dart 1.0, созданный для замены JavaScript
• Пользователи протестуют против новой системы комментариев на YouTube
• Проект CyanogenMod опубликовал инсталлятор
• За ОС Android уже 81% мирового рынка смартфонов
• Apple Maps понемногу берут верх над Google Maps
• СМС умирает
• Ericsson прогнозирует трехкратный рост числа пользователей смартфонов
• Bing могут закрыть или перепродать в ближайшем будущем
• Microsoft идет навстречу разработчикам приложений
• Бренд Apple оценили в $104,3 млрд
• Facebook безуспешно попыталась купить сервис Snapchat за $3 млрд
• Рекламный доход Google превысил доходы американской прессы
• Музейные экспонаты можно будет распечатать на 3D-принтере
• Twitter позволил создавать и расшаривать пользовательские ленты твитов

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

• Сайты с необычной навигацией
• Оригинальные решения в веб-дизайне
• Здорово иллюстрированные веб-сайты
• Нестандартный аккордион из изображений от New York Times
• ps4-review — стильная SVG-анимация
• Лионель Месси в натуральную величину (flash)
• Свежие примеры вдохновляющих веб-сайтов
• fixate.it — креативный подход к оформлению сайта
• intromusique.ca — минимализм, параллакс и немного анимации
• mike-tucker.com — необычный сайт с уймой svg-анимаций
• tonnelier.ca — необычная раскладка сайта в виде круглых блоков
• GCM Service Group — сайт с нестандартными сочетаниями параллакса и анимаций
• whiteroomuk.com — фиксированное фоновое видео с эффектом наложения
• onlycoin.com — продуманная и лаконичная скролл-анимация
• cupsannual.ca — отличная мультяшная скролл-анимация посвященная рыбной ловле

Дизайн

• Иллюстрации о любви, дружбе, внутренней тишине и гармонии от Кати Малеева
• Рисуем аппетитный пончик в Adobe Photoshop
• Классные и прекрасные, блестящие и цветные веб-дизайны
• Почему японский веб-дизайн настолько отличающийся
• Галерея с GUI практически всех настольных операционных систем
• Blueprints для веба и печати: Specctr, бесплатный плагин к Adobe Illustrator
• Статьи которые изменили мой подход к работе от Jordan Moore
• Как сделать правильный дизайн бутылочки для новорожденных
• Typeface vs. Font — разбираемся с терминологией
• Как нарисовать астронавта в Photoshop-е
• Использование фильтра Camera Raw в Photoshop-е
• Как не надо создавать новый логотип
• Пиктограммы будущих Олимпийских и пара-олимпийских игр Rio 2016
• Прекрасные примеры веб-дизайна отелей и курортов
• Последние тренды в дизайне визиток 2014
• Полное руководство по такому явлению как Dribbble
• Good Font, Bad Font: пять методов найти сокровище в мусоре

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

• Экшены для Photoshop
• Наборы кистей для фотошопа
• Стили для фотошопа для создания классных текстовых эффектов
• Векторные бейджики посвященные рождеству
• Векторные изображения браузеров с различными размерами, демонстрирующими адаптивность
• Шаблоны PSD сайтов с хорошим дизайном
• Два с половиной десятка наборов с плоским UI
• Исходники PSD с иконками устройств от Apple
• iOS 7 GUI для Sketch (iPhone)
• Metro Tiles UI Kit (PSD)
• Полтора десятка наборов UI
• Более десятка наборов с иконками на тему бизнес маркетинг
• Две сотни векторных иконок со стрелками
• Glyphs набор качественных плоских иконок
• Шаблоны логотипов
• Figa — декоративный шрифт без засечек
• Born — шрифт с засечками

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

• В MIT разработали физически меняющий форму экран
• Краткая и поучительная история видеоигр
• Пять компьютерных «страшилок», которые оказались правдой
• История одного виртуального убийства
• 20 самых крутых русских стартапов по версии Mashable
• Пользователи требуют вернуть комментарии в YouTube
• Украинская компания заявила о создании суперкомпьютера на базе советских наработок
• ASUS TransKeyboard: универсальная клавиатура-подставка для планшетов
• Как сторонние разработчики ВКонтакте поломали
• Microsoft открыла футуристичный центр борьбы с киберпреступностью
• Украинцы из AR23D создали технологию дополненной реальности, исправив ошибки лидеров рынка США
• Apple iPad Air. Маленький обзорчик
• Архитекторы интернета предлагают шифровать весь мировой веб-траффик
• Adobe Breach — сервис, позволяющий узнать украдены ли ваши доступы из Adobe
• inFORM: интерактивные динамические формы, отображающие объемный контент
• National Geographic Photo Contest 2013
• Мои мысли о Google+

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

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

Автор: alexzfort

Источник