Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
| Веб-разработка |
| CSS |
| Javascript |
| Дизайн |
| Новости |
| Занимательное |
Веб-разработка
Я хочу, чтобы сайты открывались мгновенно
У вашего сайта проблемы с Google?- SVG:
Взлеты и падения SVG- Фокус (и стили) по клику на SVG-элементе
Animating SVGs. Видео доклада Zell Liew с CSSConf.Asia 2015
SVG Porn — 83 высококачественных логотипов в формате SVG
Firefox’s DevTools: история и современные возможности инструмента для веб-разработчиков (Revisiting Firefox’s DevTools)
Полное руководство для начинающих по информационной архитектуре (Complete Beginner’s Guide to Information Architecture)
DocSearch — поиск по вашей документации(DocSearch is live)
RS UIKit — новый UI front-end фреймворк для разрабочиков
Кризис ожирения веб-сайтов (The Website Obesity Crisis)
Златовласка производительности (The Goldilocks of Performance)
Начало работы с прогрессивными веб-приложениями (Getting started with Progressive Web Apps)
Должен ли я использовать видео как фон? (Should I use a video as a background?)
Игра на HTML5 за пять с половиной минут (Coding an HTML5 Game in 5 min 30 sec)
DuoTone темы для Atom (DuoTone themes)
Извлечение действенных идей из веб-оптимизаций (Extracting actionable insights from web perf optimizations)
Веб-компоненты мертвы? (Web Components Are Dead?)
Оглядываясь на 2015: шесть вдохновляющих веб-технологий (Looking back on 2015: six exciting web technologies)
Результат 10-ти веб-предсказаний для 2015-го от Craig Buckler (10 Web Predictions for 2015: The Results!)
2016-й будет годом согласований в вебе (2016 will be the year of concurrency on the web)- Еженедельная подборка красивых эффектов на CSS/SVG/JS #19
CSS
- flex-grow странный. Так ли это?. Перевод статьи `flex-grow` is weird. Or is it's сообществом css-live.ru
- Управляем поведением font-face в CSS
Дебют Avalanche — очередной системы гридов на CSS
Берем лучшее из CSS (Getting the best out of CSS)
CSS препроцессоры: округление чисел (CSS Preprocessors: Rounding Numbers)
Одичалый Sass: истории рефакторинга (Sass Gone Wild: Tales on Refactoring)
Возможные заблуждения по поводу PostCSS (Some things you may think about PostCSS… and you might be wrong)
Специфичные стили для браузеров и устройств с помощью миксинов SASS и LESS
Colofilter.css — цветовые фильтры для ультра-современных браузеров
JavaScript
Обзор возможностей современного JavaScript
Проблемы при использовании Math.random()
A re-introduction to JavaScript (JS tutorial)- Фреймворки:
- React:
Мысли по поводу React, Redux и JS в 2016-м (Thoughts about React, Redux & javascript in 2016)
Генерация SVG с React-ом (Generating SVG With React)
Где с Flux пошло что-то не так (Where Flux Went Wrong)
Om Next для разработчиков на React: компоненты и элементы (Om Next for React devs: Components and elements)
Первое React-приложение для Angular-разработчика (An Angular developers first React App)
- Angular:
Понимание Log сервиса в AngularJS (Understanding Log Service In AngularJS)
Проблема с Angular-ом (The problem with Angular)
Лучшие ресурсы для изучения Angular2 с нуля (Best Resources for Learning Angular2 from Scratch)
ng2-webpack — простой стартовый набор для Angular 2 с помощью webpack
Руководство для разработчиков по реализации SEO в веб-приложениях с AngularJS (Performing SEO on AngularJS Web Apps — Developer’s Guide)
Ember.js: противоядие для вашей усталости от JS-хайпа (Ember.js: An Antidote To Your Hype Fatigue)
Топ 5 предсказаний для Meteor в 2016-м
- React:
Будущее бандлинга JavaScript модулей (The future of bundling JavaScript modules)
Убирайте JavaScript-код с душком (Eliminate JavaScript Code Smells)
SystemJS — универсальный динамический загрузчик модулей
10 самых рекомендуемых статей по JS 2015-го года по версии Eric Elliott, автора “Programming JavaScript Applications” (O’Reilly) (10 Most Recommended JavaScript Scene Articles of 2015)
JavaScript Mixins, Subclass Factories, and Method Advice
Начните писать свою собственную JS библиотеку с webpack и ES6 (Start your own JavaScript library using webpack and ES6)
Закапываемся в современный JS (Digging Into the Modern JavaScript)
Изучение JS c помощь JS Bin (Learning JavaScript with JS Bin)
Truthy и Falsy в JS — боль и удовольствие (JavaScript Truthy and Falsy – Pain and Pleasure)
Забавы с промисами в JS (Fun with promises in JavaScript)
Новый проект со свежими советами по JS каждый день
Мысли по поводу RxJS (Thoughts on RxJS)
dummy text — плагин для автоматического добавления «текста-рыбы»
Дизайн
Дайджест продуктового дизайна, декабрь 2015- «Ваш интерфейс — не фильм «Диснея»». Австралийский дизайнер Софи Пакстон опубликовала в своём блоге на Medium колонку о том, почему нельзя злоупотреблять анимацией, как подобрать нужный эффект, и почему между анимацией интерфейсов и «Диснеем» нет ничего общего.
- 10 трендов веб-дизайна 2016 года
- Лучшие 10 статей о Sketch за 2015 год
- Почему Sketch 3 – лучший друг дизайнера интерфейсов?
- Горячие клавиши в Sketсh 3, полное руководство
- Новогодний веб-дизайн
- Как плохой дизайн привел к скандалу на конкурсе «Мисс Вселенная»
- Рисуем простую и красивую снежинку в Adobe Photoshop
Что делает действительно великолепное лого (What makes a truly great logo)
Как говорить типрографически: термины, которые вы должны знать (How to Speak Typography: Terms You Should Know)
Дизайнерские принципы для оценки вашего продукта (Design Principles To Evaluate Your Product)
Урок истории: 20 лет веб-дизайна (A Web Design History Lesson: 20 Years in Web Design)
Руководство по сопряжению шрифтов (Ultimate Guide to Font Pairing)
Простой метод для разработки ваших дизайнерских скиллов (A Simple Method For Developing Your Design Skills)
Мой год 2015 — год перемен (Tobias van Schneider) (My 2015 — The Year Of Change)
Продуктовый дизайна в DigitalOcean (от Joel Califa) (Product Design Lead at DigitalOcean)
Продуманная, радикальная революция Apple (The Deliberate, Radical Evolution of Apple)
Что же такое брэндинг? (So, what exactly is branding?)
Беседа как интерфейс — перспектива и будущего мобильного дизайна (Conversation As Interface —Landscape & Future of Mobile Design)
Воображаем идеаальное приложение для дизайна (Envisioning the Perfect Design App)
Концепты редизайнов популярных веб-сайтов #1 (Redesign concepts for popular websites #1)
Анимированные картины (Animated Iconic Paintings)
Подборка бесплатных дизайнерских печенек
115+ высоко-качественные мокапы визиток в формате PSD (115+ High-Quality Free PSD Business Card Mock-ups)- Свежие mockup-файлы для вашего дизайна
- Бесплатные паттерны мягких оттенков
Набор контурных иконок (FREE Vector Line Icon Set)
10 удивительных бесплатных веб-шрифтов
Шрифты с засечками (20 Good Serif Fonts – Free Download)
Carosello — ретро шрифт без засечек (Carosello Font)
Waterlily — рукописный декоративный шрифт (Waterlily free handwriting font)
Новости
- Представлена техника отрисовки шрифтов при помощи GPU
- Доля пользователей IPv6 в мире достигла 10%
- Google отказывается от проприетарных Java API в Android
- Microsoft будет судиться с Corel из-за ползунка
- Samsung создала «биопроцессор» для носимой электроники
- Intel признана самой влиятельной компанией на рынке «Интернета вещей»
Занимательное
- Консольные войны: эволюция контроллеров и геймпадов
- 42 стартапа, стоимость которых в 2015 году превысила $1 миллиард
- Уроки неудач: Лео Гранд и судьба программера-одиночки
- Киберспорт в 2015: главные цифры, факты, события и скандалы
- Главные научные достижения 2015 года по версии futurism.com
- Итоги года. Провалы 2015
- Кто, как и зачем учит машины думать «по-человечески»
- Журнал MIT рассказал о самых крутых технологиях 2015 года в гифках
- Илон Маск: от полностью самоуправляемого автомобиля Tesla Motors отделяет всего два года
- «Все то же самое каждый день» — самое важное из недавнего онлайн-чата с Джеком Дорси
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: Zfort Group
