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

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

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

• Построение параллельных кривых в картографических веб-приложениях
• Отзывчивые изображения на практике Часть 1, Часть 2 Часть 3
• 84% сайтов на WordPress могут быть взломаны: что дальше?
• Десять типичных вопросов на собеседованиях на знание HTML(5)
• Дробные и округленные пиксели в браузерах
• Планирование производительности
• Работа с Gulp в последнем WebStorm 9
• Пересмотренное руководство по Grunt для начинающих
• Что же такого классного в Bower?
• Sublime Text для фронтенд-разработчиков
  
• Как создать собственный план по тестированию фронтенда сайта
• Ultimate SVG guide в виде инфографики
• Как на Tuts+ организована модульная система для организации фронтенда
• Как на Khan Academy увеличили SVG FPS Rates более чем в два раза
• 12 трюков в HTML5 для мобильных устройств
• Regex Cross­word

CSS

• Фиксированый стиль таблицы или Fixed Table Layouts
• Адаптирующиеся картинки-заставки на CSS
• Как писать CSS3 не беспокоясь о вендорных префиксах
• Как использовать Susy, супер-сетки на Sass
• Подборка с ресурсами по анимации и UX
• Интерактивные плавающие подписи к элементам форм
• range.css — генератор стилей для Range Inputs
  
• Andy.scss — коллекция полезных Sass-миксинов
• Orde Saunders более детально о графиках специфичности CSS
  
• Сохраняем CSS коротким с помощью currentColor
• 10 свойств CSS3, о которых не все знают
• Концепт погодного приложения на «чистом CSS»
• Текст с эффектом головокружения SVG + CSS

JavaScript

• В рамках проекта IO.js началось развитие форка Node.js, независимого от компании Joyent
• Выразительный JavaScript: Рисование на холсте
• Код, которого нет
• regulex — визаулизатор регулярных выражения в JavaScript
  
• Вопросы на собеседованиях: делегирование событий и this
• Ресурсы, на которых можно посмотреть таблицы совместимости для JavaScript и DOM
• Что же в имени функции?
• Создание интерактивного скролл-сайта с помощью ScrollMagic.js
• Использование Firebase с AngularJS
• Адаптация AngularJS к энтерпрайз решениям
• Быстрый старт с Backbone.js
• Начинаем разбираться с React и JSX
• Начинаем разбираться с Express.js
• Введение в Meteor.js
• Видео с NodeConf из Будапешта
• Анимация, эмулирующая видео из видео-регистратора на JavaScript в 1Кб
• Плагины и библиотеки:
  • SVG Morpheus — JavaScript библиотека, которая позволяет одни SVG-иконки красиво трансформировать в другие
  • Four Shadows — меняем направление тени в зависимости от времени суток
    
  • Powerarray — более быстрая работа с массивами
  • atomus — небольшая утилита для запуска тестов отдельных частей клиентских приложений в NodeJS
  • combokeys — поддержка комбинаций клавиш
  • way.js — простое связывание данных
  • SmartUnderline — библиотека для более корректного подчеркивания текста
    
  • Blip — легковесная библиотека-обертка для Web Audio API
  • ZingChart — библиотека для построения графиков по большому количеству данных
  • jss — динамические стили для веб-компонентов
  • quaggaJS — сканер штрих-кодов
  • textract — извлечение текста из любого документа

Браузеры

• «Кусто» от Яндекса. Будущее [отсутствие] интерфейсов браузеров
• Yandex представил новую концепцию интерфейса web-браузеров
• В «Яндекс.Браузере» обнаружили встроенную читалку электронных книг
• Новые ключи вьюпорта для альфы Яндекс.Браузера
• Обзор нового «Яндекс.Браузера»: Полноэкранного и без рамок
• Как прорубалось окно в интернет: Вехи эволюции браузеров
• Mozilla начала принимать Биткоины для поддержки развития браузера
• Что нового в Chrome 39
• Ищем быстрее: новое в интерфейсе поиска Firefox

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

• Три десятка веб-сайтов в синих тонах
• golovabezboli.com — креативная страничка от нурофена
• rawnet.com — сайт с горизонтальной прокруткой и интересными эффектами
• flatstack.com — сайт с симпатичными эффектами анимации
• vintageproductions.eu/grid/all/ — насыщенный анимациями сайт
• aboutluca.com — полноэкранный сайт с нестандартным скролингом

Дизайн

• 9 концептов интернет-браузеров от дизайнеров со всего мира
• Представлен новый интерфейс поиска для Firefox
• Рисованные персонажи в веб-дизайне
• Стиль графики с ретро-эффектом в Adobe Illustrator
• Применение физических моделей для анимации и взаимодействии с интерфейсами
• Примеры Material Design
• Дизайн для доступных сайтов
• Три основных тренда дизайна ноября 2014
• Responsive Type: Заголовки и иерархия
• Детали дизайна: Android Lollipop, часть 1
• Живая перспектива: рисуем объемных животных
• Создание современной иллюстрации руки с индюшкой в Adobe Illustrator
• Редизайн логотипа 7up

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

• Абстрактные векторные узоры для вашего дизайна
• Тетрадки и блокноты в векторном формате
• to [icon] — сервис поиска иконок
• Стили для фотошопа, имитирующие акварельные краски
• Коллекция бесшовных векторных паттернов
• Векторная карта мира
• Почти два десятка шаблонов футболок для размещения своего дизайна
• Пять наборов с иконками и графикой, посвященных Рождеству
• Упаковка с монохромными контурными иконками Gamecenter
• Набор с рождественскими иконками (AI, PSD, EPS, PDF, SVG, PNG)
• Шесть десятков иконок с плоским одноцветным дизайном
• Linotte Semi Bold — шрифт без засечек
• Более ста шрифтов: от Redbud до Wahhabi Script
• Коллекция шрифтов этой недели: от EXO CONDENSED & EXPANDED до SCHIST

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

• Новости:
  • Samsung запатентовала «умные» часы с вращающимся ободом
  • Релиз Windows 10 Consumer Preview состоится в конце января
  • Facebook обновил Правила и Условия и приступил к тестированию кнопки «Покупки» в отдельных регионах
  • Агентство национальной безопасности открыло код системы NiFi
  • Европарламент проголосовал за разделение Google
  • Google упростила просмотр привязанных к аккаунту устройств
  • Новая политика Facebook: соцсеть сможет передавать персональные данные третьим лицам

• Куда делся Google Glass?
• Английский журналист с помощью дрона снял красочный ролик о Припяти (видео)
• Топ самых ожидаемых IPO в 2015 году: Dropbox, Uber, Spotify
• Как взламывали компьютеры в фильмах 90-х
• Как Google, Facebook и Rambler удаётся предотвратить утечки исходного кода.
• 10 дат, которые должны быть отмечены в календаре каждого гика
• Как Макс Огден делает программирование простым
• 5 причин, почему разные люди оценивают звучание наушников по-разному
• Интерактивная визуализация разницы названий цветов в английском и китайском
• Часы от Sony, использующие минимализм и e-paper

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

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

Автор: alexzfort

Источник