Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Веб Разработка
User Timing API
О своем опыте системного подхода к производительности рендеринга DOM
Пробуем Audio API на примере написания визуализатора
Видеозаписи докладов конференции Happу New Front-End: О фронтенде по-новому
Вышел Bootstrap 3.1.0, плюс Bootstrap Upgrader — для обновления HTML с Bootstrap 2.3 до 3.0
- 9 самых распространенных заблуждений о WordPress
- Server Sent Events
- Потоковая передача данных в стиле gulp для Grunt, или для другого таск-менеджера
- Пишем свой генератор для Yeoman
Освоение консоли в Developer Tools
Оптимизация производительности веб-шрифтов
Оптимизация Front End производительности для мобильных девайсов
Как использовать элементы Meter и Progress
URL Rewriting для начинающих
Кнопки Play и Pause для YouTube и Vimeo (с помощью их APIs)
A Pattern Apart — библиотека шаблонов от A List Apart
Создание приложений с Angular и Node используя Yeoman
Fun: доска обменом сообщениями на NodeJS
Как сделать Favicon
Виды находящиеся под угрозой исчезновения в web-е: изображение
Охота за приведениями для Front-end разработчиков
Ход мыслей при решении проблем с Front-end
Охота за привидениями для Front-end разработчика
Работа с лимитами выделяемой памяти в мобильных браузерах
Пять лучших статей на HTML5Hub за 2013 год
Устойчивость к offline и кеширование в веб-разработке
Улучшаем производительность главной страницы: убираем изображения (и видео), пять способов
grunt-webshot — создание скриншотов страниц и локального html
Галерея изображений в стиле карточек Polaroid
CSS
- Pointer Events приходит в Blink и Firefox
- CSS-свойство will-change ускорит отрисовку
Практическая польза использования CSS Regions
Использование CSS Regions в адаптивных дизайнах
Google решил убрать поддержку CSS Regions в Blink/Chrome
Как использовать кастомные свойства каскадных переменных в CSS
Параллакс на чистом CSS
Очень простая off-canvas навигация
Normalize.css обновился до версии 3.0
История о здравомыслии во Front-end: остерегайтесть импортов в Sass
Текущее поколение CSS3 селекторов
Sass: Mixin или Placeholder?
Контейнеры, занимающие всю высоту (или большую) (и не сплющивающиеся)
Анимированное построение Gameboy
Кнопка включающая/выключающая меню на чистом CSS
Статический анализ для CSS
JavaScripts
Отказываемся от коллбэков: Генераторы в ECMAScript 6
Sweet.js: Синтаксические расширения для JavaScript
Паттерн JavaScript псевдо-класс (pseudo-classical)
Генерация деревьев на HTML5 Canvas
Деревья принятия решений на JavaScript
Вам может не понадобиться jQuery
Почему jQuery является самой популярной JavaScript библиотекой
SVGMagic — SVG фоллбэк на jQuery. Ищет SVG в коде и делает из них PNG-версию.
PSD Parser на JavaScript
Руководство по созданию вашего первого приложения на Ember.js
Семь вещей, которые вы должны знать о Web Workers
AngularJS SEO
Angular Foundation
Внедрение Angular в физический мир
scrollReveal.js — анимация во время скролла
Glide — плавный скроллинг для страниц
ScrollStory — скрипт для создания одностраничных сайтов, активирующий какое-нибудь действие при появлении во вьюпорте.
Tether — клиентская библиотка для тонкой настройки прикрепленных к определенному месту блоков
promisesjs.org — портал посвященный понятию promises
Искусство работы с ошибками
Создание современных UI с knockout.js
Определение возможностей браузера с помощью CSS At-Rules
JavaScriptOO.com — найдите нужную вам библиотеку
React.js на чистом JS — детальное объяснение для нубов
Идеальное сочетание: jQuery плагин Adaptive Backgrounds, добавляющий авто-магией нужный цвет фона для изображений вашего сайта
fit.js — заполняем одним объектом другой объект
Веб-инструменты
sitespeed.io — инструмент для анализа скорости и производительности вашего сайта
Подборка из четырех десятков онлайн-инструментов для веб-разработчиков различной степени полезности
my-mind.github.io — инструмент для создания Mind Maps
Galileo — поиск по избранным репам в GitHub из shell
Tables Generator — генератор таблиц для Markdown
Новости
Samsung и Google заключили соглашение по патентам
Microsoft планирует замнить SkyDrive на OneDrive, а также намерена изменить название офисных веб-служб на Office Online
АНБ использовало Angry Birds и другие приложения для сбора персональных данных
Google продает Motorola Mobility компании Lenovo, факты, последствия, анализ, причины, подробности, последствия
Последствия поглощения Motorola Mobility альянсом IBM-Lenovo
Сделка Google и Lenovo укрепляет экосистему Android
- Корейцы вкладывают 1,5 миллиарда долларов в 5G
- В основе COS лежит Android
- Руководитель Bitcoin-стартапа Чарли Шрем арестован в Нью-Йорке
- Мавроди сообщил о введении собственного аналога биткоина
- Поиск Яндекса отдаст предпочтение страницам, не содержащим шокирующей рекламы
- Google и Samsung договорились почистить Android
- В 2013 году Android-смартфоны заняли почти 80% рынка
- Следующим CEO Microsoft станет Сатья Наделла
- 17% выпущенных в 2013 году чипов приходится на Samsung и Apple
- Миллиард смартфонов в год (IDC)
- Чистая прибыль Google выросла на 22% по итогам 2013 года, Apple побила рекорды по продажам смартфонов, а Годовая прибыль Amazon увеличилась в семь раз
- Google покупает компанию DeepMind — разработчика систем искусственного интеллекта, а Yahoo! приобрела разработчика персонального ассистента Donna
- Facebook нанял редакторов для Paper
Браузеры
Плагин для смягчения громких заголовков новостей
Вышла Opera 19
Google предоставил инструмент для переноса приложений Chrome на Android
- Что ваш браузер знает о вас?
- Портирование новых версии Opera для Linux остановлено и признано нецелесообразным
- Принято решение по интеграции нового интерфейса Australis в Aurora-ветку Firefox 29
- Встречаем Рамблер-Браузер (бета)
- RethinkIE — промо-сайт нового браузера Internet Explorer
- Chrome может вскоре получить встроенный поиск «OK Google», Вышло расширение Chrome, позволяющее активировать голосовой поиск командой «OK Google»
- Android и iOS обзаведутся поддержкой приложений в браузере Chrome
Браузерные войны возвращаются
В некоторых случаях экономически выгоднее подарить каждому своему пользователю компьютер поновее, чем поддерживать IE7 на своем сайте
Сайты с интересным дизайном и функциональностью
Инь и Янь в веб-дизайне: черно-белые сайты
- 20 примеров одностраничных сайтов
- Сайты в лиловых тонах
fillet.com.br — сайт с нестандартной раскладкой и дизайном, с параллаксом и анимацией
Lonitoy — сайт с креативной графикой, параллаксом и скроллингом в разных направлениях
northside.dk — стильный монохромный сайт
theconference.se — необычный рисованный дизайн
ManuelRueda — интересный эффект при появлении блоков
brightmedia.pl — клевый вертикальный сайтик с приятной анимацией и не раздражающим звуковым сопровождением
babadum.com — сайт-игра с идеей обучения
getsooshi.com — сайт и приложение для любителей Суши
ambercreative.co/experiments/apple-store/ — неофициальный редизайн магазина Apple
Дизайн
- Каково на самом деле быть дальтоником, и как делать дизайн для них
- Вязаный текст в Adobe Illustrator
- Больше чем просто типографика
- Винтажный текстовый эффект в Adobe Photoshop
Как цвета получили свои названия
Десять заповедей типографики
Как создать эффект логотипа нарисованного мелом на доске в Photoshop-е
Полное руководство по работе с видео в Photoshop – 3D Animations
Создание бесшовной трехмерной геометрической текстуры в Photoshop-е
Уроки по работе с текстурами и фонами в фотошопе
Прагматичные техники для улучшения UX и создания более продуманных сайтов
Новый дизайн приложения Dark Sky
Honest Slogans
Гайдлайны всех крупных ресурсов
Примеры веб-дизайна с иллюстрациями и нарисованными от руки элементами
Как обуздать силу хорошо кадрированных изображений
Лучшие гаджеты для дизайнеров
Очки созданные под впечатлением от начертания букв для нердов — любителей типографики
Подборка бесплатных дизайнерских печенек
Список ресурсов с качественными изображениями
Двадцать пять сайтов, где можно найти бесплатные изображения
Splitshire: еще больше бесплатных фото для коммерческого использования
Twitter GUI PSD
Чертова дюжина огненных кистей для Photoshop за твит
Два с половиной десятка шаблонов сайтов в PSD формате
Низкополигональные фоны в PSD формате
Контурные изображения устройств Apple в PSD формате
Набор с UI элементами посвященными недвижимости/резервированию
Пять качественных наборов PSD с контурными иконками
- Бесплатный векторный огонь
Более сотни текстур и паттернов
Шесть круглых фото-реалистичных иконок от Studio4
Free Flat Icons 2 от studio4
Набор контурных иконок 99 beans
Набор иконок Flat Social Icons
Margot — шрифт с засечками предназначенный для использования на больших экранах
ADAM — шрифт из заглавных букв без засечек по мотивам Futura
Пятничные шрифты #8: от Quirky Nots до V.GER Grotesque
Четыре десятка свежих шрифтов
Демо
Постройте из LEGO сооружение своей мечты прямо в Google Chrome
Видео с вашей веб-камеры на виртуальной шторе
Новостийное приложение Paper от Facebook
Занимательное
- Что «Злые птички» напели АНБ (и кто ещё «стучит» с вашего смартфона)?
- Самые влиятельные персоны в игровой индустрии СНГ
- Искусственные нейроны помогут создать первый компьютерный мозг
- Проморолик с Ван Даммом принес Volvo $170 млн
- «Где диавол с Богом борется» — Интернет глазами РПЦ и Ватикана
- Стыдно ли быть эсэмэмщиком?
- Видео: 3D-голограмма премьера Турции выступила перед сторонниками
- Глава «Одноклассников» может заменить Павла Дурова на посту гендиректора «Вконтакте»
- Что будет с доменами .COM
GuessHub — угадайте хаб по коду
dogeweather.com/ — прогноз погоды от собак
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort