Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Веб-разработка
Создание gulp-плагина на примере построения графа зависимостей для модулей Angular JSиз песочницы- Конференция DUMP-2015: как это было
- Оценка популярности грязных хаков у разработчиков на различных языках программирования
Sit the Test: 4 теста по CSS, HTML и JS- Performance Bookmarklet — букмарклет, анализирующий производительность страницы
- Microsoft презентует Edge Dev — новый блог для разработчиков
- Mobile Sites Vs. Responsive – На следующий день после обновления алгоритма Google (The Day After Google’s Algorithm Update)
- Кодинг и дизайн для общедоступности (Intro to Coding and Designing For Accessibility)
- Подробнейшая статья от Ana Tudor о Трансформациях в SVG (Transforms on SVG Elements)
- Делаем SVG доступным (Making SVG Accessible)
- Microsoft Visual Studio Code: мини-обзор через 7 дней после релиза
- Поля форм: проблема кросс-браузерности, о которой вы не знали (Form Inputs: The Browser Support Issue You Didn’t Know You Had)
- Грандиозные, потрясающие и полезные data-атрибуты (The Epic, Awesome & Supremely Useful Data Attribute)
- Bazel — инструмент от Google для компиляции кода
- Facebook PathPicker
- Как функциональность телевизоров использует веб-технологии (How TV Functionality Leverages Web Technology)
-
Видео с Fluent Conference 2015: The Web Platform - Как создать редактор кода, похожий на Sublime, Vim и Emacs, используя HTML5 (How to build a competitor to Sublime, Vim and Emacs using HTML5 — Zef Hemel)
- Анимированный паттерн с помощью Snapsvg
- Веб-инструменты:
- icons8.com/responsive-icons — Это как отзывчивый дизайн, но только для иконок: они выглядят по разному в зависимости от своего размера. Icons8 выпустила библиотеку из 50 бесплатных отзывчивых иконок, с которыми можно поиграться, и бесплатную утилиту, чтобы делать свои отзывчивые иконки.
- HTML Arrows Generator
- User Persona Creator
- CodeBeautify — инструментарий с поддержкой большого количества форматов и языков
- PlayCanvas редактор
CSS
- 3 катастрофы отзывчивого дизайна и как их избежать
- Responsive design + Icon fonts = Adaptive icons
- Строим с flexbox
- Упорядочивание багов кроссбраузерности Flexbox. Перевод статьи Normalizing Cross-browser Flexbox Bugs сообществом css-live.ru
- Fibonacci Flexbox Composer
- Sass Pixel Art
- Введение в Mobile-First Media Queries
- Video: Getting, Installing and Verifying Sass
- Спрайтовая анимация с помощью CSS (Sprite Sheet Animations Using Only CSS)
- Полезные Sass сниппеты
- Освоение CSS: BEM и ITCSS (Mastering CSS: BEM and ITCSS)
- Анимация интерфейсов с помощью CSS (Putting Your UI in Motion with CSS by Val Head—An Event Apart Video)
- Является ли грядущая библиотека Material Design CSS убийцей Twitter Bootstrap?
- Коротокое видео: количественные выражения в действии (Video: Quantity Queries In Action)
- Как создать индикатор прогресса с CSS3 (How to create a CSS3 progress bar)
- CSS Filter Effects
- Extending в Sass без создания беспорядка (Extending In Sass Without Creating A Mess)
- Marx — новый стильный CSS reset.
- FormHack — сброс стилей для форм в SASS
- Введение в Neat — семантическую Sass сетку (Intro to Neat — A Semantic Sass Grid)
- Less: не только основы с библиотекой примесей из bootstrap (Less: Beyond Basics with the Bootstrap Mixins Library)
- Пять лучших фреймворков с Material-дизайном, которые стоит использовать в 2015 (Top 5 Material Design Frameworks to Use in 2015)
- Random Gradient Generator (CSS)
JavaScript
- ES6 и за его пределами. Глава 1: ES? Настоящее и Будущее
- Логирование js-ошибок в piwik (аналог google analytics)
- Выпуск io.js 2.0, форка серверной JavaScript-платформы Node.js
- Как в JavaScript определить, является ли функция нативной
- Асинхронный JavaScript. Прошлое, настоящее и будущее.
- Забавное демо использования underlineJS
- Смерть AngularJS (The Death of AngularJS)
- Топ 18 основных ошибок разработчиков при работе с AngularJS (Top 18 Most Common AngularJS Developer Mistakes)
- Лучшие ресурсы для изучения AngularJS (20 best resources for learning AngularJS)
- Ключевые понятия Angular2 (THE CORE CONCEPTS OF ANGULAR 2)
- ES6: тестируя функции (ES6: Features By Testing)
- Bootstruct — роутер связанный со структурой для NodeJS
- Веб-анимация с JavaScript: анимирование текста (Web Animation using JavaScript: Animating Text)
- Создание масштабируемых веб-приложений с TypeScript (Building Large Scale Web Applications with TypeScript)
- Brisket от Bloomberg — фреймворк для создания SPA с помощью изоморфического JS
- Путь React.js: архитектура Flux с Immutable.js (The React.js Way: Flux Architecture with Immutable.js)
- Неизменность в React (Immutability in React)
- Ember Hearth — приложение для управления Ember-проектами
- jquerymy.js — легкий jQuery плагин для сложного двустороннего data-binding-а в реальном времени
- Обработка изображений на веб-страницах с помощью CamanJS (Manipulating Images on Web Pages with CamanJS)
- Clusterize.js — плагин для быстрого отображения большого количества данных представленных в строках
- expand.js — библиотека из 80+ элементов и 350+ функций-утилит
- JSVerify — пишите мощные и выразительные тесты
- Восстание transpiler-ов от Jeremy Ashkenas (CODE GENIUS — Rise of the Transpilers by Jeremy Ashkenas)
- Будущее Node — Rod Vagg (The Future of Node — Rod Vagg)
Браузеры
- Mozilla прекратит поддержку бинарных компонентов в дополнениях к Firefox
- Новые функции Firefox будут работать только на безопасных сайтах
- Браузер Microsoft Edge будет иметь закрытый исходный код
- Добавление Asm.js в Chakra и Microsoft Edge (Bringing Asm.js to Chakra and Microsoft Edge)
- Тренды рынка браузеров 2015: сможет ли Microsoft отыграться с Edge? (Browser Trends May 2015: Can Microsoft Regain the Edge?)
- Высокопроизводительное видео с аппаратным декодированием (High performance video with hardware decoding)
- Browserhacks — расширяющийся список браузерных хаков на CSS и JavaScript
Сайты с интересным дизайном и функциональностью
- В сервисе Flickr существенные изменения: редизайн мобильной и веб-версии, улучшение механизма поиска
- Интерактивный фон-калейдоскоп
- nclud.com — nclud обновили свой сайт новым дизайном и необычными эффектами
- Концепт сайта с фотографиями
- protectwise.com — сайт, насыщенный симпатичными анимационными эффектами
- jozefmetelka.com — сайт велосипедиста с интересной анимацией
- Редизайн Internet Archive
- smallstudio.com.au — сайт с анимациями и нестандартной структурой
- ksize.be — сайт с симпатичной графикой и параллакс-эффектом
- vtcreative.fr — одностраничный скролл-сайт с анимациями
- avenirclinic.com — сайт с приятной анимацией
Дизайн
- Создание дизайна Landing Page
- 9 удивительно популярных мифов о UX
- Взгляды в монитор в веб-дизайне
- Разработка дизайна в браузере и в Photoshop: за и против
- Кириллическая типографика для вашего вдохновения
- Дизайн паттернов: крупнейшие тренды 2015-го (Designing patterns: the biggest web trend of 2015 so far)
- Professional Web Typography
- Дизайнеры и разработчики: теперь под одной крышей (Designers And Developers: No Longer A House Divided)
- Бесплатные альтернативы Creative Cloud (Free Alternatives to Adobe Creative Cloud)
- Инфографика: история Photoshop-а (Infographic: The history of Photoshop)
- Современный минимализм — верный выбор (Modern minimalism IS the right choice)
- Пять смехотворных распространенных заблуждений относительно UX (5 Ridiculously Common Misconceptions about UX)
- Разрушение мифов о UX дизайне: 7 заблуждений об опыте пользователя (Mythbusting UX design: 7 misconceptions about user experience)
- Создание простой векторной графики в InDesign (Quick Tip: Create Simple Vector Graphics in Adobe InDesign)
- Как использовать инструмент Mesh Fill в CorelDRAW (How to Use the Mesh Fill Tool in CorelDRAW)
- Потрясающие комбинации шрифтов для вашего вдохновения (15 Stunning Font Combinations For Your Inspiration)
-
Самое популярное фото дизайнера Andy (Very Busy Andy)
Подборка бесплатных дизайнерских печенек
- Бесплатные шаблоны визитных карточек
- Более семидесяти мокапов и элементов с тремя фонами для создания фото стола креативного дизайнера (Creative Scene Generator Free)
- Бесплатные файлы для Adobe Illustrator (Freebie .AI & .EPS Files for Adobe Illustrator)
- Мокапы для демонстрации адаптивного веб дизайна (15 Mockups to Showcase Your Responsive Web Designs)
- Лучшие майский наборы UI (23 Best Free UI Kits – May 2015 Edition)
- Майский выпуск шаблонов сайтов в PSD формате (23 Free Photoshop PSD Website Templates – May 2015 Edition)
- Набор иконок Smashicons (Smashicons Is The Largest Ultimate Smartest Greatest Slickest Icon Set In The World)
- Наборы иконок весны 2015 (40 best free icon sets, Spring 2015)
- Рукописный шрифт El Capitan (El Capitan: Hand-Drawn Font)
- Didactic — шрифт с засечками
Новости
- «Яндекс» закрыла проект Android-прошивок «Яндекс.Кит» и закончил эксперимент с островами
- Microsoft прекратила разработку Windows, новых версий больше не будет
- Официально: потребительская версия шлема Oculus Rift выйдет в начале 2016 года
- Google обнаружила, что смартфоны обошли настольные компьютеры по количеству сгенерированных поисковых запросов в 10 странах мира
- Почему не вышла Windows 9? Джо Белфиоре намекнул на ответ при помощи бинарного кода на своей футболке
- Office 2016 Public Preview доступна для всех желающих
- Google закрывает PageSpeed
- Чего стоит ожидать от Google I/O 2015: Android M и носимая электроника
- Google позволяет делать закладки на карте из результатов поиска
- Google развивает средства создания высокопроизводительных Android-приложений на языке Dart
- Facebook открыл платформу Internet.org для сторонних разработчиков
- Apple планируют убить бесплатный Spotify и побороть Tidal
Занимательное
- Как не работать и получать зарплату: Google платит незанятым сотрудникам, чтоб они не ушли к конкурентам
- Головокружение от успехов: обзор Apple Watch
- История Hi-tech: Как создавалась первая советская ЭВМ
- Как попасть на работу в Google и стоит ли это того
- Tesla Powerwall и другие: ждать ли скорой аккумуляторной революции?
- Домашний аккумулятор Tesla и будущее производителя электрокаров: мнения журналистов и экспертов
- 10 математических и логических задач из собеседований в Apple, Google, Adobe и Microsoft
- Планетарий (Planetarium)
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
ссылка на оригинал статьи http://habrahabr.ru/post/257635/
Добавить комментарий