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

Несмотря ни на что, предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости

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

• Как получить хорошую верстку от верстальщика
• Адаптивные письма? Пожалуйста!
• Responsive фреймворки: просто потому что ты это можешь, должен ли ты это делать?
• Будущее отзывчивых изображений
• Как использовать секционные элементы в HTML5 (header, footer, main, section, article и т.д.)
• Падение и взлет SVG — как SVG стал более востребованным
• Десять причин нашего перехода с иконочного шрифта на SVG
• Использование HTML для рекламных блоков Rich Media (SVG/JS)
• Семь стилевых гидов которые помогут улучшить ваши скилы веб-разработчика
• Разбираемся с модальными окнами в Bootstrap
• Головоломка насчет доступной ссылки на текущую страницу
• Делаем ссылки доступными: 15 золотых правил для разработчиков
• Стартуем проект с INIT и Grunt
• AngularGap — фреймворк для создания мобильных приложений
• Panda.js — движок для создания игр на HTML5
• Небольшая подборка сниппетов: Tweet For Code #2
• Адаптивные социальные кнопки
• Создание полноэкранного эффекта «Scroll-Jacking»
• 8 вариантов добавления адаптивной навигации на сайт
• Редактирование Sass и Less в Firefox Developer Tools
• Гайд по .htaccess для разработчиков и веб-дизайнеров
• WebGL с помощью Three.js – урок 1

CSS

• Культ карго CSS
• Архитектура CSS
• Как работает анимация линий в SVG
• Type Quest — портал посвященный возможностям современной веб-типографики
• Stackicons — иконочный шрифт и Sass
• Zen Grids — отзывчивая сетка, построенная с помощью Sass
• Susy — адаптивная сетка на Sass
• Изучаем Sass с помощью рефакторинга
• Подборка бесплатных видео на тему Sass с последней конференции SassConf
• Почему Sass?
• Самый простой способ создать стайлгайд с помощью Sass и Compass
• 3д наклоны в css
• CSS для начинающих с помощью Dreamweaver
• 9 альтернатив бутстрапу
• The Magic Circle: задачка на тему CSS
• Hocus Pocus, CSS Aliases

JavaScripts

• Definer.js — простая модульная система
• Init.js: Зачем и как разрабатывать с Full-Stack JavaScript
• Работа с функциями массива ES5 JavaScript в современных и старых браузерах
• Десять HTML5 API на которые стоит посмотреть
• Что каждый JS разработчик должен знать относительно плавающих точек
• Определение окончания CSS анимации с помощью JavaScript
• ES6Fiddle — тестируем ECMASCript 6 онлайн
• Как использовать Handlebars
• Ежемесячный дайджест Yeoman #3
• Ember.JS – что это и почему мы должны об этом беспокоиться
• Рекомендации относительно лучшей структуры приложений Angular App
• Локализация Angular JS с помощью модуля Require JS i18n
• Lrinfinitescroll — модуль для AngularJS
• Введение в Component JavaScript Package Manager
• Разворачиваем свои HTML5 веб-компоненты с помощью ванильного JS
• Как сделать игрушку с летающей птичкой с помощью Phaser
• Создание приложения с графиками при помощи Google Charts API и AngularJS – часть 3
• DozerJS — основа для создания REST API
• Molecule — фреймворк для создания HTML5 игр
• JavaScript FrameBuster Snippet — защита вашего сайта от загрузки в iframe
• Что такое CoffeeScript и подходит ли он вам?
• Dug.js — A JSONP to HTML Script
• Копируем в буфер обмена с помощью jQuery

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

• 78 Google Web Fonts Families
• keyframer — инструмент для создания CSS3 анимации
• Сервисы для плейсхолдеров-изображений

Новости

• WhatsApp:
  • Facebook покупает WhatsApp за 16 миллиардов долларов
  • Почему WhatsApp такой дорогой
  • Слияние Facebook с WhatsApp способствовало росту стоимости акций BlackBerry
  • Логотип и фирменный стиль комплекта мобильных приложений «Яндекс-кит»

• Яндекс.Kit — альтернативный взгляд на Android
• «Яндекс» выпустил собственную Android-прошивку Яндекс.Кит
• Выпуск web-браузера Chrome 33
• Шопинг:
  • SlickLogin — очередное приобретение компании Google
  • Google купил Spider.io, чтобы защитить рекламодателей от накруток рекламных объявлений
  • Apple купила компанию-разработчика TestFlight
  • Google купила стартап SlickLogin, разрабатывающий технологию звуковой авторизации на сайты
  • Apple затевает сделку с Tesla?

• Skydrive официально переименован в OneDrive
• Чистая прибыль Яндекса в 2013 году составила 13,5 млрд рублей
• У Microsoft появится своя Siri — помощница Cortana
• Microsoft сделала работу с Word и Excel проще в Office Online
• Сатья Наделла: Microsoft станет облачной компанией
• Microsoft и DocuSign предоставят пользователям Office 365 возможность использовать цифровую подпись
• Microsoft запустила сервис Office Online, ранее известный как Office Web Apps
• Visa и MasterCard используют Android KitKat для упрощения мобильных платежей
• Все пользователи переводятся на новую версию сервиса Google Maps
• Страничка в Facebook станет могильным камнем

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

• Сайты о путешествиях и для путешествий, знаменитых автокомпаний, мобильных приложений и с размытым фоном
• weecom.com.br — красочный и хорошо анимированный сайт
• Подборка трендовых сайтов с хипстерским дизайном
• webeffectual.com — плавная анимация по секциям при скроллинге
• markcollie.com — симпатичный современный сайт Mark Collie
• baystreetbiergarten.com — стильный сайт с концептуальным дизайном
• circlesconference.com — еще один стильный сайт с интересными дизайнерскими решениями
• Inspirational Grid Based Website Design
• delhi-timeline.in — мощный сайт с таймлайном, параллаксом и анимацией
• vembryrsig.hallbarahav.nu — необычный дизайн и интерактив
• theroyalstudio.com — сайт с сильно концептуальным дизайном
• Это просто космос

Дизайн

• Идеальная страница 404 ошибки, или как удержать пользователя на сайте?
• Как сделать Gimp похожим на Photoshop
• Рисуем простую иконку Mac в Adobe Illustrator
• Создаем винтажный трафарет в Adobe Photoshop
• Принципы хорошего дизайна
• Создание эффекта иллюстрации выполненной акварелью и чернилами в Photoshop
• Интервью с Eric Dima-ala — специалистом из VFX индустрии
• Полное руководство по работе с корректирующими слоями — Invert, Posterize, и Threshold
• Узнайте о секретах работы профессиональных дизайнеров
• История редизайна одного японского сайта
• Детали дизайна: Google Search для iOS
• Ink — плагин к фотошопу для отображения документации к макету
• Дискуссия на тему: почему курсор мыши не прямая стрелка а повернутая под углом
• Как дизайнеры могут создавать интерактивные прототипы с помощью Illustrator
• Золотое сечение + модульное масштабирование + адаптивность
• Как создавать стилевые гиды в Adobe Fireworks
• Дизайн responsive форм — двадцать вдохновляющих решений
• Кратко о типографике в дизайне: что в ней особенного, и почему это имеет значение?
• TYPEFIGHT — битва типографики
• typographicposters.com представляет отличный обзор типографических постеров
• GUIFFF – анимированные гифки из недр Dribbble
• Забавные логотипы

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

• Бесплатные шрифты без засечек
• PSD с дизайном деталей профиля пользователя в админ-части
• Векторные винтажные элементы для создания инфографики
• Десять actions к Photoshop для создания ретро- фото-эффектов
• Четыре десятка наборов с контурными иконками (Line Icons)
• Более сотни социальных иконок в виде черного значка комментария с сиянием
• Семь с половиной десятков шрифтов в ретро-стиле: от Deftone Stylus до Top Speed
• Пятничные шрифты #10: от рубленого Kilogram до стилизованного Penultimate
• Streetwear — стильный жирный ретро-шрифт
• Mink Type — шрифт из нарисованных рукой букв
• Девять полезных шрифтов для вашего дизайна: от FRITZ & RODUS до Bom Retiro

Демо

• Океан на WebGL
• QuakeJS
• ViziCities — 3D визуализация городских карт в браузере
• История олимпийский логотипов в анимированной презентации
• ThreesJS — небольшой браузерный клон игры Threes
• Веселый год лошади — конструктор лошадей

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

• 10 самых прорывных технологий 2013 года и основанные на них стартапы
• За что конкретно я ненавижу некоторых маркетологов — или как айтишник по магазинам ходил
• До свидания, Bitcoin! Курс криптовалюты провалился ниже $100
• Инфографика: как отличаются селфи в Москве, Нью-Йорке и Берлине
• Новые откровения Билла Гейтса: 8 вопросов основателю Microsoft
• Google Glass: красивые и… бесполезные! В самом деле, что проку от киберочков?
• Это уже перебор: криптовалюта FlappyСoin
• Почему Тим Кук — отстой
• Samsung снова потроллила Apple
• Путешествие в национальные парки с помощью технологий Street-View
• Zuck осыпает Whatsapp деньгами

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

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

Автор: alexzfort

Источник