Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб-разработка
- Появились видеозаписи докладов с последнего FrontTalks 2014:
- Fronteers 2014: текстовая трансляция первого и второго дня от сообщества Веб-стандарты
- Посередине с элементом <center>
- Подстраховка web-доступности семантических областей HTML5 через роли WAI-ARIA
- Выпущен Student Developer Pack — набор инструментов от GitHub-а для студентов
- Создание адаптивных шаблонов писем
- Переключение контента тремя способами: jQuery, JS, CSS
- Промежуточные страницы в иерархии сайтов
- Новое поколение бесплатных редакторов кода
- perfmap — Букмарклет для визуального замера производительности страницы с помощью «тепловой карты»
- Responsive Images For Designers: The HTML5 picture element
- DevTools Tips — блог с анимированными советами для работы c Chrome Developer Tools
- Изящный фоллбэк для SVG изображений в старых IE
- Ода спецификациям от фронт-энд разработчиков
- Использование Grunt в процессе WordPress разработки
CSS
- На днях CSS исполнилось 20 лет. Интервью с Хоконом Виумом Ли: Часть 1, Часть 2
- Режимы наложения и их фоллбеки
- Sass vs. Less vs. Stylus
- Список псевдоэлементов для стилизации элементов управления формы
- Стилизация полосы прокрутки HTML5 для разных браузеров
- CSS shapes в письмах
- CSS URL Rewriter — утилита на Node для беsопасной перезаписи URL в CSS коде
- csstyle — легкий статический фреймворк, основанный на SASS-миксинах
- 4 balls 10 spinners: CSS3 Animations
- css:next — используйте синтаксис будущего CSS уже сегодня
- Генерация CSS спрайтов с помощью Gulp
- CSS исполнилось 20 лет
- Четыре функции Sass которые вы, возможно, еще не использовали
- Несколько способов задать точки переключения дизайна в адаптивных сайтах
- CSS Layout Debugger из 108 байт
- Управление значениями цветов с помощью Sass
- Разные стили всплывающих подсказок для вашего вдохновения
- CSS Gradient Animator — сервис, генерирующий CSS3-код для анимированных градиентов
- 3D поле формы для подписки
- Стилизация радиобатонов средствами CSS с сохранением доступности
- Треугольные кадрированные изображения на CSS
JavaScript
- Sqimitive.js — Frontend Primitive или «Backbone без фантиков»
- Всё, что вы хотели знать об областях видимости в JavaScript (но боялись спросить)
- Замыкания в Javascript [Часть 2]
- Автоматизированный шаблон для front-end проектов
- jQuery.viewport или как я искал элементы на экране
- Что такое dataset? Привязка данных к элементам через data-атрибуты без jQuery.
- Учебник Javascript BEST PRACTICES, часть 1
- Как создать ваш первый jQuery-плагин: часть 1, часть 2
- Remy Sharp кодит вживую, занимаясь имплементацией промисов
- Mary Rose пишет игру с нуля, без использования библиотек на Front-Trends 2014
- Еще несколько задач по JavaScript, которые дают на собеседованиях
- Десятка самых распространенных ошибок среди разработчиков приложений на AngularJS
- JavaScript, вышедший за пределы веба в 2014
- Включение Javascript API в веб-страницу с помощью Browserify
- Введение в юнит-тестирование в AngularJS приложениях
- Полное руководство по генераторам в JavaScript (ES6)
- Легкие особенности ES6, добавляющие мощные возможности
- 6to5 — конвертор ES6 кода в читабельный код ES5 с source maps
- ECMAScript 6 промисы (2/2): API
- Изучаем Meteor.js правильно
- Изучение большего о javascript по одной строчке кода
- Polyfill.js — библиотека, позволяющая более просто писать CSS-полифилы
- RWDPerf — тестирование производительности адаптивных сайтов
- Flyer.js — сообщения между iFrame, Frame и window
- Nightmare — высокоуровневое использование Phantomjs
- $.noUiSlider — jQuery Range Slider
- Sweet Alert — A beautiful replacement for Javascript's «Alert»
- Raterater — Query-плагин для зведочного рейтинга с помощью Font Awesome icons
- TurnDownForWhatJS — букмарклет, превращающий любой сайт в дискотеку
Новости
- «Хабрахабр» представляет Geektimes
- «Живой стандарт» WHATWG HTML включил информацию о поддержке браузерами
- Apple снова самый дорогой бренд. Статистика компаний за 2014 год
- Microsoft поменял интерфейс Skype: чат теперь совсем другой
- Imgur предлагает перейти на gifv: как gif, только легче
- Google внедрил безопасный поиск в учебных заведениях
- Количество активных смартфонов и планшетов превысило население Земли
- Facebook закрыл сделку по покупке WhatsApp за $19 млрд
- Марк Цукерберг признался, что до сих пор не придумал способ монетизации WhatsApp
- Symantec разделяется на две компании
- Раскол HP
- Microsoft заработала за прошлый год $1 млрд на Android-устройствах Samsung
- Adobe сильно расширила возможности мобильных приложений Creative Cloud
- Презентация HTC «Double Exposure» — HTC Desire Eye и Re Camera
- Ингалятор-перископ-трубка или просто камера RE от HTC
- Business Insider: Yahoo превратит Tumblr в конкурента YouTube
- Facebook покупает за 3 млрд. библиотеку гифок bukk.it от Ethan Marcotte
Браузеры
- Релиз web-браузера Chrome 38 с устранением 159 уязвимостей
- Chrome/Chromium 38 и 39 beta
- На 45 % Android-устройств стоит браузер с серьёзной уязвимостью
- Chrome 39 бета с новыми функциональностями для разработчиков, включая JS генераторы и управление веб-анимациями
- Семь новых функций Google Chrome, о которых вы должны знать
- О поддержке HTTP/2 в IE под Windows 10 (и о том, почему они не будут поддерживать SPDY)
- Совет от Christian Heilmann для разработчиков в Firefox: нажмите Shift+F2 — введите «csscoverage start» и посерфите по своему сайту. Закройте тулбар и смотрите, какие из CSS-селекторов не использовались
Сайты с интересным дизайном и функциональностью
- Сайты, создающие эффект присутствия
- Сайты наших музыкальных групп
- Google создала промо-сайт для фильма «Интерстеллар»
- Carrot — сайт, посвященный морковке
- Прелесть минималистичных дизайнов портфолио
- andy-wolf.at — сайт с нестандартными анимационными эффектами и интересным подходом к навигации
- Destiny Planet View — сайт, посвященный вселенной Destiny и использующий мощь технологий Google
- kikk.be — сайт с тематическим дизайном
Дизайн
- Иконка-гамбургер
- Мобильная версия сайта или адаптивный дизайн?
- Джонатан Айв обвинил конкурентов в лени и воровстве
- Интервью Джони Айва журналу Vogue: о работе в Apple, автомобилях, личной жизни
- Почему стоит сменить Instagram на блокнот и карандаш
- Почему интернет способствует созданию плохого дизайна и как с этим бороться
- Очевидный дизайн всегда выигрывает
- Редизайн «Авито»: Как перепридумали главный сайт объявлений в России
- Модный дизайн обложек для СD
- Впечатляющая демонстрация Squarespace 7.
- Текст vs. визуальный контент: нет места для обоих
- Когда пользователи оставляют поле поиска пустым…
- Редизайн банкнот в Норвегии
- Письмо старого графического дизайнера молодому графическому дизайнеру
- Photoshop все еще лучший вариант для дизайнеров
- Введение в социальные сети для веб-дизайнеров
- Эмоциональный дизайн и анимации
- Примеры креативного использования цветовых фильтров в веб-дизайне
- Что нового в Photoshop CC 2014 V2
- Концепт редизайна LinkedIn
- Дизайн для пока не существующей команды Дэвида Бэкхема Miami MLS Team
- Создание пиксельной анимации тыквы к Дню Всех Святых в Adobe Photoshop
- Создание цифрового коллажа с элементами ручной работы в Adobe Photoshop
- Быстрый урок: как создать изображение металлической поверхности в Photoshop-е
- Дизайны обложек книг с отменной типографикой от Iacopo Bruno
- Векторные и вексельные портреты для вдохновения
Подборка бесплатных дизайнерских печенек
- Бесплатные стили для Photoshop, имитирующие кожу и текстиль
- Бесплатные фоны и шаблоны открыток в стиле ретро
- Электронная книга: The Guide to UX Design Process & Documentation
- AllTheFreeStock.com — видео и фото
- Фото-текстуры с изображением пятен акварельных красок в форматах JPG & PNG
- PSD мокап Coming Soon страницы
- Awesome UI Kit
- Небольшой набор векторных иконок
- Более двухсот векторных контурных иконок со значками для карт
- Набор векторных иконок Helium в форматах AI, EPS, SVG, иконочный шрифт
- Векторные осенние иконки в формате EPS
- Пять наборов с иконками в плоском дизайне
- Более сорока декоративных шрифтов готовых к загрузке: от WMC 5 Free Font Pack до Coolhand Luke
- Пять современных шрифтов: от Arca Majora до Big John / Slim Joe
Занимательное
- Роботы в медицине
- 7 экспериментальных интерфейсов будущего
- Немцы изобрели способ печатать гибкие сенсорные дисплеи на обычном принтере
- Топ-10 китайских аналогов популярных сервисов и сайтов
- Съёмка для Google Street View переместилась в пески ОАЭ
- 9 мудрых советов от соучредителя Apple Стива Возняка
- Жизнь после Microsoft: 8 фактов из материала Forbes о Стиве Балмере
- Как получить 300 тысяч просмотров за 30 дней с помощью Product Hunt и Hacker News — кейс проекта Famous Outfits
- Интервью легендарного инвестора Марка Андриссена о Марке Цукерберге, Twitter и Apple Watch
- Gartner: десять ключевых IT-тенденций 2015 года
- Обсуждение на Quora: Почему сотрудники уходят из Facebook, Microsoft и Google
- «Tesla D»: полный привод, автопилот и 3 секунды до 100 км/ч
- Tesla Motors: неизвестные факты из истории компании
- Исследование: интернет-тролли – настоящие нарциссы, садисты и психопаты
- Фламинго Пабло
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.