Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №138 (8 — 14 декабря 2014)
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Веб-разработка
-
Улучшаем мобильные сайты с Google Developers по-русски -
Performance Calendar — предрождественский календарь со статьями по оптимизации -
Книга The offline cookbook от Jake Archibald (Google) об организации работы приложения в оффлайн -
Интервью с Mike[tm] Smith, человеком-валидатором из W3C -
Сравнение наиболее популярных front-end фреймворков 2014-го года -
Formstone — коллекция полезных front-end компонентов -
Обновленный и наиболее семантичный фреймворк Semantic UI -
Нахождение решения для поля ввода Date Picker при использовании Bootstrap -
Ускорьте разработку фронт-энда с Harp -
Mootor, HTML5 фреймворк для разработки под мобильные устройства -
Muffin — фронт-энд веб-шаблон на Sass, Jekyll, Gulp с акцентом на дизайне -
Подходим к отзывчивости сайта более ответственно (Offline first, accessibility, уровень освещения, vibration API) -
Изучите регулярные выражения за 20 минут -
JSONSelector — генератор селекторов для представленных в JSON-е данных -
Сергей Чикуенок опубликовал первую альфа-версию LiveStyle с поддержкой LESS и SCSS
CSS
-
CSS фильтры в действии -
Вопрос дизайна: текст на изображениях -
Раскрытие дополнительных полей с помощью отмеченных радио-кнопок -
Уже не существует полосы, разделяющей первый экран и остальную часть страницы -
Sass Compatibility — несовместимости движков Sass -
Почему вы должны избегать Sass @extend -
Создание адаптивной сетки с помощью Susy и контрольных точек -
Простой шаблон для проектов с адаптивным дизайном -
firefox.html — страница, повторяющая UI браузера Firefox -
Material Design для Bootstrap -
Стильное падение: CSS3-анимация, имитирующая гравитацию -
Прелоадеры на CSS3 -
Креативные эффекты для всплывающих диалоговых окон -
Skyline — очередной статический фреймворк, для старта верстки. OOCSS & SCSS c BEM-нотациями, RWD, jQuery -
Кроссбраузерные несоответствия для Flexbox
JavaScript
-
Как добавить карты Bing Maps в Windows-приложение на HTML и JavaScript. Часть 1 -
Выразительный JavaScript: Формы и поля форм, Проект: программа Paint, Node.js - В поисках идеального JavaScript-фреймворка
- Подкаст radioJS: Выпуск №11, в котором JavaScript не вызывает зависимости (в гостях Антон Шувалов), и Выпуск №12: о типизации, трансдьюсерах, генераторах и всем таком.
- Обновились сайт и документация по npm
- Самые распространенные ошибки AngularJS разработчиков
-
Suave UI 0.3.0 — UI-фреймворк для Angular JS. Аналог Angular Bootstrap и Angular Material Design, созданный для быстрого создания пользовательских интерфейсов при помощи заготовленных сервисов и директив. -
Производительность AngularJS в больших приложениях -
Знакомство с JavaScript Internationalization API -
Мета-программирование с ECMAScript 6 proxy -
ES6 модули: конец знакомой нам цивилизации? -
Пять черт хорошо управляемого JavaScript -
Планирование при создании Frontend JavaScript приложения -
Эффективная работа с событиями с помощью jQuery -
Проектирование RESTful API с помощью NodeJS и Restify -
Создание вашего первого Node.js модуля -
Что такое архитектура Flux-приложений? -
Интеграция SVG с помощью JavaScript -
thaw.js — синтетическая асинхронная обработка в JavaScript (теперь с экстра-ускорителем) -
dstorejs — приручите данные в вашем приложении -
Maskjs — наложение масок на поля ввода -
Сортировка таблиц с помощью jQuery плагина Tablesorter -
decimal.js — произвольная точность в типе Decimal для JavaScript -
bigpicture.js библиотека для создания текстового полотна с бесконечным масштабированием и панорамированием -
QuaggaJS – делаем сканнер штрих-кода в вебе -
Lazy-load для Google Maps (плагин на jQuery)
Браузеры
- Mozilla экспериментирует с переводом интерфейса Firefox на технологии HTML5
-
Opera 12.17 пытается обновиться до 25 -
Первый P2P браузер от создателей BitTorrent -
Google Chrome пометит HTTP-сайты как небезопасные -
ES6 Template Strings уже работают в Chrome -
Тренды в мире браузеров — декабрь 2014 -
Планы развития IE: в разработке srcset, элемент main и date inputs -
Анонс редизайна для F12 developer tools в IE11 -
Google планирует выпустить детскую версию Chrome
Сайты с интересным дизайном и функциональностью
-
Двадцать примеров использования фонового движения в веб-дизайне -
Интерактивная притча о многоугольниках -
polishchristmasguide.com — веселое Рождество по польски -
Google Santa Tracker — позитивный мультимедиа-проект этого года -
2014 год глазами Twitter -
Wiki в виде галактики -
Mondaine Helvetica — сайт с разнонаправленным скролингом и анимационными эффектами -
jovaconstruction.com — сайт с нестандартными анимационными эффектами -
impossible-bureau.com — симпатичный сайт с полноразмерной навигацией
Дизайн
-
Evil Icons: как мы изобретали SVG-иконки - Хорош ли ваш дизайн на самом деле?
- Мультяшный сырный текст в Adobe Illustrator
- Типографика в мобильном дизайне
- Плейсхолдеры в полях формы вредны
- История дизайнера Apple, создание Monument Valley и еще 10 новостей интерфейсного дизайна
-
Material Interaction — интерактивная демонстрация принципов Material Interaction -
Мнение более пятидесяти дизайнеров о трех основных трендах нового 2015-го года -
Веб дизайнеры: пожалуйста, рассмотрите вопрос об использовании пользователями вашего продукта плохих мониторов! -
Принципы дизайна: визуальный вес и направление -
Использование «золотого сечения» в веб-дизайне уместно и идеально -
Полное руководство по теории цвета для дизайнеров -
Что более важно в дизайне: изображения или текст? -
IBM Design Language -
Обзор Behance за 2014 -
Семь подсказок для дизайна отличных анимированных GIF-ок -
Концепт анимации Taasky для Apple Watch -
Редизайн SoundCloud -
Успешные цифровые продукты не появились случайно -
Генерация изображений для адаптивных сайтов в Photoshop CC 2014 -
Как создать эффект текста из матового металла в Adobe Photoshop -
Как создать набор иконок в Adobe Photoshop -
Aaron Draplin о вызовах при создании дизайна логотипов -
UI в играх -
UXmas
Подборка бесплатных дизайнерских печенек
- Бесплатные ресурсы для новогоднего дизайна
-
Кисти для фотошопа с сигаретным дымом -
PSD шаблон с одно-страничным сайтом от Shoaib Ahmed -
Набор Winter UI -
Набор UI Teracy, для создания вайрфреймов в Sketch -
UI Tiles — элементы для вайрфреймов -
Более восьми десятков шаблонов красивых сайтов в формате PSD -
Десять векторных рождественских поздравительных открыток в форматах AI, EPS -
Набор из более чем трехсот векторных иконок с плоским монохромным дизайном -
Упаковки с рождественскими иконками -
AROLY — геометрический заголовочный шрифт -
Blogger Sans — мягкий скругленный шрифт -
Sunday — декоративный шрифт с засечками -
Stereotesque Regular — шрифт без засечек -
Рождественские шрифты: от DK Clair De Lune до Sh*t Happens -
Коллекция шрифтов этой недели: от декоративного AERY до сказочного sofadi one
Демо
-
Amelie — визуализация саундтрека из фильма -
Предрождественский календарь animal advent — интерактивные изображения животных, состоящие из символов и «оживленные» с помощью JS/CSS3 -
Симуляция развевающейся на ветру ткани на three.js -
Физический рендеринг в WebGL
Новости
- Фабрис Беллар разработал новый формат сжатия изображений
- Adobe Systems приобрела фотобанк Fotolia за $800 млн
- Тим Кук – человек года по версии Financial Times
- Microsoft подробно расскажет о Windows 10 на презентации 21 января
- Windows 10 будет распостраняться бесплатно?
- Facebook стал официально называть своих пользователей «людьми»
- В почте Yahoo на десктопах появился персонализированный поток новостей
- IDC представила 10 технологических прогнозов на 2015 год
- Барак Обама написал несколько строк на JavaScript
- Google и Microsoft пригрозили AdBlock Plus судебным иском за блокировку рекламы
- В YouTube теперь можно создавать анимированные GIF изображения из отрывков видеороликов
-
Google отправляет на пенсию Google Earth API
Занимательное
-
ASUS ESC4000 G2S — наиболее эффективный суперкомпьютер в мире - «Яндекс» представил 100 самых популярных запросов в 2014 году
- Как Google обучает сотрудников в туалетах
- Каких киберугроз надо опасаться в 2015 году: прогноз «Лаборатории Касперского»
- Итоги года: YouTube Rewind 2014
- Картинки на века: история популярных компьютерных символов
- Эволюция компьютерной мыши
- Почему компьютеры не могут писать программы самостоятельно — обсуждение на Quora
- Как Google и Amazon эксплуатируют труд невидимых рабочих
- Oculus Rift позволит взаимодействовать с виртуальным миром при помощи рук
- Легенды Силиконовой долины: история Hewlett-Packard
- Легенды Силиконовой долины: история Intel
-
Глобус с IT-компаниями миллиардерами -
2014 in Gaming: The Year in Under 2 Minutes -
5 трендов в SEO на 2015-й
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.