Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Веб Разработка
- Использование Audio API для создания вокодера
- Создаем тег Markdown с помощью Polymer/Web Components
- PhpStorm — повышаем производительность: хаки и клавиатурные сокращения, плагины и темы оформления
- Создание простого Chrome приложения
- Проверка поддержки браузером SVG в img
- Наглядная демонстрация принципов работы адаптивного, респонсивного, резинового и статического дизайнов
- Как использовать Instagram API
- Какой из языков программирования подходит именно вам?
- Четыре пути для создания мобильного приложения, часть 3: PhoneGap
- DevCasts — большой каталог скринкастов для разработчиков
- Gibbon — плейлисты для изучения. Получайте знания на веб-тематику в социальном формате
- Образовательные и обучающие ресурсы для веб-разработчиков и веб-дизайнеров
- Codewars — укрепляем навыки кодинга на JS, CoffeeScript и Ruby
- w3schools: Хороший, плохой, злой (в обратном порядке). Противоречивый анализ неоднозначного сайта.
- Букмарклет, «потрясший» веб год назад
- Перегружаем Grunt-файл, как выжать максимум из конфигурации
- Веб-анимация в работе
- Как дизайн Envato Marketplaces делался адаптивным
- Создание корзины с покупками на клиентской стороне
- Как ускорить ваш сайт с помощью AJAX и jQuery
- Три решения для поддержки Internet Explorer
- Воссоздание эффекта, замеченного на Medium — скролл-эффект размытия изображений
- Off-canvas — как это делают профи
- Синхронизируйте настройки Sublime между всеми вашими устройствами
CSS
- Что такое Flexbox? Описание всех css свойств, основные принципы, приимущества и недостатки.
- CSS-переменные временно уйдут из Blink
- После… или нет, перед… что-то я запутался (о псевдоэлементах CSS)
- Каким быть родительскому селектору в CSS?
- Хитрости CSS и функция calc
- progre©ss — полосы прогресса на чистом css
- Интересный шаблон поведения для плейсхолдеров в текстовых полях
- Трюки с Flexbox для улучшения CSS шаблонов
- Отличный пример стайлгайда сайта от Yelp
- Sass компонент за 10 минут
- Modular Scale — модульный калькулятор масштаба, встраивающийся в ваш Sass
- Новый синтаксис для CSS Shapes
- Hover-эффекты для кнопок на CSS
- grid — простое руководство по responsive дизайн
- Sache — библиотека расширений для Sass и Compass
- CSS осциллограф
- CSS3 Keyframes Animation Generator
- Стильный плиточный шаблон с помощью SCSS
JavaScripts
- LocalForage: кроссбраузерное локальное хранилище от Mozilla
- Анатомия Ember.js (часть первая, теоретическая)
- Разрабатываем более качественные API на JavaScript
- 20 jQuery плагинов для работы с типографикой
- Responsive Javascript
- Множественные одновременные Ajax-запросы (с коллбеком) на jQuery
- Повторное введение в JS
- tagtree.tv — скринкасты для повышения JS скилов
- Небольшой урок по Angular.js
- localForage: улучшенное офф-лайн хранилище
- Коллекция однострочных фрагментов кода ES6
- Играем с итераторами и генераторами в ECMAScript 6
- JavaScript промисы… с занятными деталями
- Замена коллбэков с помощью ES6 генераторов
- Как сделать CLI утилиту с помощью Node.js и PhantomJS
- Начинаем разбираться с D3, нарисовав простейшую графику
- kettle.js — подход к быстрой разработки представлений для Backbone
- jide.js — тулкит для создания веб-приложений (IE9+)
- Fluidbox — лайбокс на jQuery c плавными анимациями
- InstantClick — JS библиотека, повышающая скорость отзывчивости вашего сайта
- Создаем разворачивающиеся карточки с помощью FlipOut_Cards.js
- jquery.wanker.js — плагин для внедрения пасхальных яиц на сайт, которые видны при изменении размеров браузера
- jquery.floatThead — плагин, закрепляющий заголовок таблицы при прокрутке
- WOW.js — many anims, wow, no jquery, such easy, very js, so impress, wow
- mem.js — управление памятью в приложениях на Backbone.js
- Placeholdem — плагин, анимирующий курсор в полях ввода при исчезновении placeholder-текста
- Dug.js — скрипт-конвертор JSONP в HTML
Веб-инструменты
- Решение самой большой проблемы в веб-разработке
- 10 бесплатных инструментов, чтобы подобрать цветовую гамму для стартапа
- Онлайн-ресурсы для поиска повторяющегося фона
- Бесплатный онлайн-инструмент для определения шрифта по изображению
- Page Layers — приложение для iOS, конвертирующее веб-страницы в PSD с элементами в разных слоях
- Бесплатный сервис для определения шрифта по изображению
- Pageres — получаем скриншоты сайтов в различных разрешениях
- Classnamer — генератор названий классов
- Cody — собирается открыться библиотека бриллиантов-сниппетов для вашего веб-проекта
Новости
- «Яндекс» научился искать музыку по мотивчику типа «пу пу пиду»
- Летсплеи рулят – Twitch обогнал Facebook по пиковому трафику
- Twitter тестирует радикально новый дизайн, напоминающий Facebook и Google+
- OneDrive — не только новое имя, но и значительный шаг вперёд для Microsoft
- Японская компания Rakuten купила Viber за 900 миллионов долларов
- В течение трех лет Google представит интернет-сети нового поколения со скоростью передачи данных до 10 Гбит/с
- Яндекс подготовился к Олимпиаде оперативными ответами на вопросы в саджестах
- За две недели Apple приобрела собственные акции на $14 млрд, а также прекращает выпуск планшета iPad 2
- Компании «Бука» исполнилось 20 лет
- Продажи лицензий Microsoft Windows 8 превысили 200 млн штук
- Google проектирует интернет-сети со скоростью передачи данных до 10 Гбит/с
- У пользователей Silk Road украли биткоинов на 2,5 миллиона долларов
- Народ против: жители Сиэтла заблокировали автобусы Microsoft
- Shazam уже стоит полмиллиарда и привлек еще $20 млн
Браузеры
- Firefox
- Firefox вводит общий аккаунт и обновляет систему синхронизации
- Выход Firefox 28-beta и Firefox 29-aurora. Запущен сервис Firefox Accounts
- Mozilla Firefox будет показывать сторонние сайты при открытии новой вкладки
- Вышла бета-версия Firefox for Windows 8 Touch
- Новые функции в Firefox Developer Tools
- Обновленный «Яндекс.Браузер» получил каталог дополнений
- Компания Jolla открыла исходные тексты браузера Sailfish
- Facebook экспериментирует с блокировкой DevTools в Google Chrome
- В Chrome появилась поддержка фоновой компиляции JavaScript
- Включаем режим Enterprise Mode в IE11
Сайты с интересным дизайном и функциональностью
- Музыкальный веб-дизайн
- Классные сайты-портфолио
- Три десятка темных сайтов
- celebratedesign.org — 100 лет дизайна
- henrysaiz.com — стильный сайт с качественным контентом, параллаксами и фоновым видео
- everywhere.is — сайт с нестандартным лейаутом и ненавязчивой анимацией
- Kévin Lagier — тяжелый сайт с горизонтальным драг-скроллом
- melanie-f.com — вертикальный сайт с плавной подгрузкой контента и анимашками
- SpaceX Dragon — сайт проекта Dragon от первого приватного космического корабля
- rareview.com — сайт дизайн-агенства с простым, но слегка нестандартным поведением
- whyilovejason.com — сайт-подарок Jason-у к 14-му февраля
- http://www.soleilnoir.net/dreamon — одностраничный сайт со скролл-эффектами и объемной плоской графикой
- worstprod.com — классное лаконичное портфолио с приятной анимацией и нестандартным входом-игрой на сайт
- Забавная 404-я страница
Дизайн
- Designmodo: «Мы устали смотреть на задницы впереди стоящих дизайнеров»
- Интервью с digital-художником Никитой Пилюкшиным
- Рисуем пушистый текст в Adobe Photoshop
- 45 олимпийских логотипов и символов с 1924 по 2020
- Более трех десятков качественно оформленных вдохновляющих цитат для дизайнеров
- Секрет успешного редизайна: что было сделано для сайта TED верно и что было сделано не так с Twitter
- Пользовательская интерфейсная библиотека
- Представление Iconfinder 5-й версии
- Simple Valentines — стильное поздравление с 14-м февраля
- Random User Generator — бесплатное расширение для Photoshop CS6 или CC, позволяющее генерировать фото случайных людей
- Pixelwood — сцены из известных фильмов в анимированных гифках с пиксельной графикой
- SHAPE / FORM — коллекция черно-белых лого
- Mobile bookof trends 2014 — бесплатная иллюстрированная электронная книга
- Цветовая история дня Святого Валентина
- Советы и техники для создания дизайна веб-сайтов музыкальных групп
- Создание дизайна мобильного приложения-магазина в Photoshop
- Избранные работы конкурса анимированных гифок на Tuts+
- Как создать в фотошопе волшебную фото-манипуляцию: пост-обработка
- Создание анимации падающего снега в Photoshop
- Полное руководство по работе с корректирующими цветами — цветовой баланс и выборочный цвет
- Устаревшие UX паттерны и альтернативы им
- Редизайн интерфейса поиска авиа-рейсов Unightdd Flight в Photoshop
- Одиннадцать минималистичных веб-сайтов
- Использование анимации для установления эмоциональной связи с вашей аудиторией
- Креативные лого стартапов
Подборка бесплатных дизайнерских печенек
- Лучшие бесплатные плагины для Photoshop-а для веб-дизайнеров
- Пять фоновых текстур с абстрактной геометрией
- Пять пиксельных фонов
- Более шести десятков текстур для дизайнеров
- Более четырех десятков упаковок с векторной графикой посвященной весенним праздникам
- Упаковка с векторными полигональными сердечками
- Четыре десятка мокапол для презентации вашего дизайна на экранах различных устройств
- Десять нужных наборов с плоскими иконками
- FF Chartwell — шрифт для создания простых графиков
- Tesla — декоративный стилизованный шрифт без засечек
- Пятничные шрифты #9: от Unique до Triumph Tippa
Демо
- Иван и Чудо-Юдо: игра на вышивание. Студенты «Британской высшей школы дизайна» сделали платформер на канвасе с графикой в стиле «рукодельные пиксели»
- Bouncy Balls на HTML5, отзывающиеся на звук вашего микрофона
- WebSID — олдскульный синтезатор
- Тестовая лаборатория с устройствами в чемодане
- Авто-генерация изображения розы
- VAL — генератор валентинок, работающий в Chrome
Занимательное
- Гик-королева Yahoo: противоречивые результаты первых полутора лет
- Freaks and Geeks: главные чудаки мира IT
- История умных часов
- Лучшая научная визуализация-2013
- Обзор Steam Machine: идеальная игровая система по версии Valve
- Пять самых необычных изобретателей в мире
- В Белоруссии возбудили уголовное дело за угон танка из World of Tanks
- Железный Человек: настоящее и будущее экзоскелетов
- Американские военные в июне начнут тестировать прототип костюма «Железного Человека»
- ФРИИ нарисовали «Карту холдингов рунета»
- В Москве пройдет Comic Con Russia
- «Вы будете жить внутри компьютера, и все вокруг будет его интерфейсом»
- Секрет успеха Flappy Bird
- Валентинки, от которых не тошнит: Grumpy Cat, Мастер Йода, Гитлер и генератор любви от Google
- Интернет-тролли склонны к садизму и психопатии
- История Bitcoin – в одной инфографике
- Показывайте с помощью анимированных gif-ок, а не рассказывайте
- 5 приложений для IT-гиков ко Дню Святого Валентина
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort