Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб-разработка
- Веб картография и SVG эффекты
- SVG, Iconfonts vs PNG
- Разработка векторного редактора на JavaScript (сложности и идеи)
- Автоматизация фронтенда — от простого к сложному
- Gulp + Browserify и всё, всё, всё
- Создание отзывчивых веб-страниц с помощью режима эмуляции устройств Chrome DevTools
- W3C предлагает реализацию расширения описания изображения с помощью атрибута longdesc
- Git, Bitbucket и ты
- Простой пример того, что делает ARIA и чего не делает
- Понимание координатной системы и трансформаций SVG (часть 3) – создание новых видимых областей
- Проблема с использованием HTML импорта в веб-компонентах для управления зависимостями
- Плагины для WordPress для работы с анимированными GIF
- Подборка CSS и Javascript библиотек для создания анимационных эффектов
- Видео с HTML5DevConf Ускорение мобильных приложений с GPU от David Arel
- Улучшаем 404-ю страницу
CSS
- #DevTools трюк: Ctrl + Click на CSS чтобы найти его исходник
- LESS? — мнение обывателя-верстальщика или дизайнера со стажем
- Знакомство со структурным селектором CSS3 :first-of-type
- CSS Guidelines 2.0.0
- Как устроен CSS на Groupon
- Полное руководство по гридам
- Переключающиеся SVG-иконки
- CSS “position: sticky” – введение и полифилы
- Flexplorer — песочница для наглядной демонстрации работы Flex-свойств
- shrthnd — трансформация CSS в сокращенную форму
- Пружинящие анимации
- Употребление и злоупотребление CSS
- Первая CSS переменная: currentColor
- So, How Much Is An Em?
- Параллакс-скроллинг на чистом CSS
- Странный трюк с Baseline-Align Text для решения проблем с типографикой
- Сгибающийся лист в 3D на чистом CSS
- Крестики-нолики на чистом CSS (и HTML)
JavaScript
- Dependency Injection. JavaScript
- 10 самых распространённых ошибок при программировании на JavaScript
- JavaScript — странные части
- Самоуверенный обзор популярных JS фреймворков
- Синтезация звука грома средствами JavaScript
- Как добавить анимационные переходы на страницы с помощью CSS и smoothState.js
- Быстрая вставка YouTube видео с помощью JavaScript
- HTML5 File API: возможности и поддержка
- Как использовать Network Information API
- Backbone директивы
- Добавление ясности в наследование области видимости в Angular
- Объяснение изолированной области видимости в AngularJS
- Angular Plasmid — визуализация структуры ДНК
- Сдвиг привычки писать функции старым способом
- PerfBar — оценка метрик и производительности сайта
- Marka — плагин для анимированной трансформации иконок
- Много способов использования ngClass
- Snapshot.js — NodeJS приложение для обработки, сортировки и фильтрации огромного количества информации
- Tablesaw — гибкое решение для адаптивных таблиц
- Amygdala — REST-клиент на JavaScript
- JavaScript: цифровые часы с Johnny-Five + Arduino
- PojoViz — визуализация JS объектов
- VIDE — простой jQuery плагин для создания полноэкранных фоновых видео
- DOM Compatator — JS библиотека для анализа и сравнения двух HTML строк (работает в Chrome)
- Еще один jQuery-плагин для задания блокам одинаковой высоты
- VenoBox — еще один адаптивный jQuery плагин для лайтбокса, подходящий для изображений, инлайн-контента, iFrames, Google-Maps, Ajax requests, Vimeo и YouTube
Веб-инструменты
- Moodboard — расшаривайте свои дизайнерские идеи без регистрации
- Новый редактор Slides.com
- Веб-приложения для управления проектами, доступное для скачивания
- Визуальный чеклист для веб-дизайнера
- Papa Parse — мощный браузерный CSV парсер
Новости
- Google оштрафовал британские ссылочные сети
- Создатель первого всплывающего окна извинился перед Интернетом
- Расцвет Поднебесной: Baidu бросает вызов Google
- Билл Гейтс, Тим Кук, главы Google, Twitter и Amazon облились ледяной водой
- Intel: прекращение поддержки Windows XP не повлияло на восстановление рынка ПК
- «ВКонтакте» запустит отдельный мессенджер, музыкальное приложение и свой Instagram
- Доля KitKat на рынке Android-устройств впервые превысила 20%
- Присутствие операционных систем Microsoft на рынке сокращается
- Владелец Tinder и Vimeo выкупил Ask.fm у основателей
Браузеры
- Opera Developer 25 или Возвращение закладок 2
- Microsoft хотела переименовать Internet Explorer, чтобы откреститься от прошлого
- Поддержка IE 8 прекратится в январе 2016 года
- Обещаны регулярные обновления IE
- Internet Explorer празднует 19-ю годовщину
- Подробности о новинках инструментов разработчика «F12» в августовском обновлении IE11
- Google Chrome будет уведомлять о загрузке вводящего в заблуждение ПО
- Браузер Chrome получит систему управления аккаунтами в духе Chrome OS
- Браузер Chrome научился показывать просмотренные ранее страницы без интернет-соединения
- Сравнение энергопотребления Chrome, Firefox и IE
- Альтернативный способ определения браузера — с использованием HTML5 canvas
Сайты с интересным дизайном и функциональностью
- volkshotel.nl — рисованная анимация и иллюстрации
- ThenNow — интересно реализованный драг-слайдер со сравнением фотографий «До и После»
- wander-lust.ro — сайт с приятным параллаксом и анимационными эффектами
Дизайн
- С чего началось использование [x] в дизайне графических интерфейсов
- Улучшаем UI веб-приложения
- Графика из старых игр в веб-дизайне
- Электронная книга «Web UI Design Patterns 2014»
- Стоит ли придерживаться принципа Above-the-Fold в дизайне?
- Чему я научился за один год работы продуктовым дизайнером
- Что такое продуктовый дизайн
- Руководство для дизайнеров по понятию DPI
- Принципы дизайна сайта от Google и AnswerLab
- thecreativeclass.tv — видео-интервью с людьми из креативной индустрии
- Вводный экран: руководство для начинающих
- Пять десятков визиток с супер-креативным дизайном
- Рисуем веселую иллюстрацию летней путешественницы в Adobe Illustrator
- Новинки векторной графической программы Inkscape, новая версия которой скоро будет выпущена
- Создание музыкальных иконок в стиле наклеек в Adobe Illustrator
- Редизайн меню 'Get Info' в MacOS
- Предлагаемый редизайн Adidas
- Иллюстрации знаменитых лысых голов
- Типографика без границ: четыре десятка уроков с типографическими эффектами реализованными в Adobe Illustrator
- Дизайн шрифта FF Franziska
Подборка бесплатных дизайнерских печенек
- Pexels — новый сайт с бесплатными фото
- Фото-текстуры плетеного бамбука
- Шесть генераторов для создания фонов с абстрактной графикой
- Шаблон веб-сайта в красно-серых цветах (PSD)
- Мокап с бренд-принадлежностями
- Набор векторных иконок с ретро-автомобилями
- Набор из четырех десятков векторных иконок с изображением бытовых электорнных устройств
- Cutlery Icons — набор иконок посвященных кухне
- Mondrian — декоративный шрифт без засечек
- BRIG — заголовочный шрифт без засечек
- Hans Kendrick — шрифт без засечек
Демо
- Космический полет среди астероидов в Google Chrome Experiment
- css3 demo cube
- Hextris — занимательная игра и очередная убийца времени
- Подушечный тетрис
- Ребята из Редмонда предлагают алгоритм для обработки видео снятого от первого лица для получения эффекта Hyperlapse
Занимательное
- В NASA впервые распечатают космическую камеру на 3D-принтере
- Microsoft показала как превратить обычную камеру в Kinect
- Воины будущего. Завораживающие и пугающие роботы Boston Dynamics
- Парящая блютус-колонка в виде «Звезды смерти»
- 13 дизайн-объектов, нарушающих законы гравитации
- Учёные научились прослушивать смартфоны через встроенный гироскоп
- Почему перезапуск спас Foursquare от неминуемой гибели
- «Mac vs PC» возвращается: Microsoft троллит Apple в рекламе своего планшета
- Как думают гении: 12 правил жизни Стивена Хокинга
- 10 домашних компьютеров начала компьютерной эры
- Pebble, OUYA и еще 7 самых успешных проектов на Kickstarter
- Почему компании, занимающиеся слежкой, ненавидят iPhone
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.