Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
| Веб-разработка |
| CSS |
| Javascript |
| Браузеры |
| Дизайн |
| Новости |
| Занимательное |
Веб-разработка
- Релизы:
- WordPress 4.4 «Clifford»: адаптивные изображения, Twenty Sixteen и многое другое
Node v5.2.0 (Stable)- Представление новых инструментов для разработки Polymer-компонентов (Introducing New Tools for Polymer Development)
- Боремся с BEM — 5 основных проблем, и как их избежать (Battling BEM – 5 common problems and how to avoid them)
- Почему AMP быстрый (Why AMP is fast)
- Анимация в отзывчивом дизайне (Animation in Responsive Design)
- Мастерство HTML5: Fragments, Tree Traversal, Constraint Validation
- Пишите чистый, а не мудрёный код (Writing Clear Code, Not Clever Code)
- Создаем Custom Yeoman Generator за 4 простых шага
- Почему производительность имеет значение, часть 3: толерантное управление (Why Performance Matters, Part 3: Tolerance Management)
- Бесплатный курс: выпускаем продукт с WebRTC (Free Course: Go Live With WebRTC)
- SVG:
Как я использую SVG-спрайты- Elegant Outlines with SVG paint-order
- Как работать со свойствами отступов текста в SVG (How To Work With The SVG Text Spacing Properties)
- Интерактивные географические карты с SVG и JavaScript (Interactive Geographical Map with SVG and JavaScript)
- Полифил для SVG-спрайтов (IE9+) (SVG Icon Sprite Polyfill)
- Эффектный веб:
- Еженедельная подборка красивых эффектов на CSS/SVG/JS #16
- Анимированные внутренности куба на чистом CSS
- Крутящиеся локсодромии (Coiling loxodromes)
- Фрактальные механизмы
CSS
- Шрифты в вебе: переносы, рендеринг и дополнительные настройки
- Режимы и состояния в SCSS
- Режимы наложения в CSS: теория цвета и практическое применение (Blending Modes in CSS: Color Theory and Practical Application)
- Роль сеточных систем в фронт-енд сборках, базирующихся на компонентах (The role of grid systems in component-based front-end builds)
- Что я выучил за неделю с CSS Shapes
- Построение двенадцатиколоночного лейаута с помощью flexbox (Crafting Twelve-Column Layouts with Flexbox)
- The vertical-align Property
- Utility OpenType — набор CSS утилит для продвинутой настройки типографики
- Avalanche — мощная адаптивная CSS грид-система с BEM-синтаксисом на Sass
- Intrinsic Placeholders с элементом Picture
- Почему я в восторге от нативных CSS-переменных (Why I'm Excited About Native CSS Variables)
- “Появление резкости” техника для загрузки фоновых изображений (The “Blur Up” Technique for Loading Background Images)
- Украшаем веб с CSS Border Images (Decorating the Web with CSS Border Images)
- Использование много-шаговой анимации и переходов (Using Multi-Step Animations and Transitions)
- Введение в PostCSS (An Introduction To PostCSS)
- Стереоскопические CSS (Stereoscopic CSS)
- Интуитивные интерфейсы с прокруткой с CSS Scroll Snap Points (Intuitive Scrolling Interfaces with CSS Scroll Snap Points)
- Анимация twitter-сердца на чистом CSS (Twitter’s Heart Animation in Full CSS)
-
Benjamin De Cock — Lets move! Профессионально о CSS-анимации (Benjamin De Cock — Lets move!)
JavaScript
- ES6:
- Загрузка модулей ES2015 с помощью комбинированного сервиса (Loading ES2015 modules using combo service)
- ES6: генераторы изнутри
- Babel 6: конфигурация стандартной библиотеки ES6 и хелперов (Babel 6: configuring ES6 standard library and helpers)
- Фреймворки:
- Использование React — это бизнес решение, а не выбор технологии (Using React is a Business Decision, Not a Technology Choice)
- Предваряющее руководство для начинающих по AngularJS 2 (The Beginner’s Preemptive Guide To AngularJS 2)
- Создание приложения «список дел» с Angular 2.0 (Building a todo list application with Angular 2.0)
- Создание мобильных приложений с Angular 2 и NativeScript (Building Mobile Apps with Angular 2 and NativeScript)
- Angular-trix — директива для создания WYSIWIG текстового rich-редактора
- Как организовать выполнение фоновых задач в JavaScript
- Вам не нужен jQuery (You Dont Need jQuery)
- Несколько десятков видео с конференции KharkivJS
- Топовые JS разработчики 2015-го, за которыми можно следить (2015's Top JavaScript Devs To Follow)
- Результаты большого опросника JavaScript-разработчиков (JavaScript Developer Survey Results)
- Создание WI-FI панели с использованием Node.js и Ractive.js (How to Build a WI-FI Dashboard Using Node.js and Ractive.js)
- Замечания о свойствах промисов (Observations on Promises)
- Парсинг RSS-лент в JavaScript – Options (Parsing RSS Feeds in JavaScript – Options)
- Emscripten и WebAssembly (Emscripten and WebAssembly)
- Делаем достуность проще с Ally.js (Making Accessibility Simpler, With Ally.js)
- d3.compose — композиции из компонентов на d3. (Compose complex, data-driven visualizations from reusable charts and components with d3.)
Браузеры
- Mozilla выпустила мобильное приложение Focus by Firefox для блокирования нежелательного контента в Safari на iOS9
- Microsoft засветила расширения для Microsoft Edge
- На 2016 год запланировано задействование в Firefox кода на языке Rust и движка Servo
- Названы ТОП-12 расширений 2015 года для браузера Firefox
- Mozilla прекращает разработку смартфонов с Firefox OS
- Сервис Pocket добавлен в Firefox в результате коммерческого соглашения
- СМИ: Microsoft готовит первые расширения для Edge
- Выпуск браузера Opera 34
- Отладка HTML5 в Microsoft Edge для Xbox One (Debugging Your HTML5 in Microsoft Edge for Xbox One)
Дизайн
- 12 лучших инструментов для работы с цветом
- Новинки в веб-дизайне сайтов электронной коммерции. Часть 1
- Самое подробное руководство по дизайну в Sketch
- Как создать библиотеку паттернов в Sketch
- Секреты дизайна и предпросмотра иконок в Sketch
- Drake Generator для Sketch — генератор плейсхолдеров и текстов
- Веб-дизайн, основанный на типографике
- Как сделать классный фон для демонстрации продукта в Photoshop
- Реалистичные блики линзы в Adobe Illustrator
- Представление Pixate Studio 2.0
- Основы хорошего UX (The Fundamentals of Good UX)
- Дизайн, белая ложь и этика (Design, White Lies & Ethics)
- Brain Hacks: Использование психологии в веб-дизайне
- Переписка только начинается (Messaging is just getting started)
- Концепт для Snapchat (Snapchat Tag: A Feature Concept for Snapchat)
- Что произошло с дизайном от Apple? (What happened to Apple design?)
- Приложение Pancake — приключение на пути к дизайну (Pancake — The design adventure)
- Прототипирование игры «Секрет Гитлера» (Prototyping Secret Hitler)
- Как сделать сложные нелинейные анимации в Atomic.io (How to Handle Complex Animations with Ease in Atomic.io)
- Вдохновляющий веб-дизайн: Merry Quizmas (Web Design Inspiration: Merry Quizmas)
- Секреты эффективного карточного дизайна (The secrets to effective card-based design)
- Как понять, что уже время нанять a веб-дизайнeра (How to Know When It’s Time to Hire a Web Designer)
- Photoshop за 60 секунд: Использование планшетов, воспринимающих нажатие (Photoshop in 60 Seconds: Using a Pressure-Sensitive Tablet)
- Как создать иконку с планом дома в Adobe Illustrator-е (How to Create a House Mock-Up Icon in Adobe Illustrator)
Подборка бесплатных дизайнерских печенек
- Бесплатные новогодние фоны
- Бесплатные тонкие контурные иконки
- Бесплатная новогодняя типографика
- Графика в PSD формате (Free Download: 100 Free PSD and HTML Resources)
- Более сотни наборов UI (130+ Best Free UI Kits)
- Набор UI Spicy Treats (Free Spicy Treats UI Kit)
- Около сотни контурных иконок (Free Download: 90 Free Line Icons)
- Набор контурных иконок (450+ Simple Oultine Icons)
- Набор стильных анимированных иконок от Animaticons (Free download: 20 animated icons from Animaticons)
- Набор иконок в стиле Material-дизайн (Material Design Style)
- Набор SVG иконок (Ready to use SVG icons for the web.)
- Butler — шрифт с засечками
- Коллекция шрифтов (Collection of Free Fonts and Typefaces)
Новости
- В Google Календаре появились напоминания
- Mozilla объявила о закрытии проекта смартфонов на Firefox OS
- Dropbox закрывает свои приложения Mailbox и Carousel
- AMP-страницы могут получить преимущество в ранжировании Google
- Airbnb отняла у Google титул лучшего работодателя США
- Microsoft и Linux Foundation объявили о партнерстве
- Представлены проекты, получившие первые гранты от Mozilla
- Средний возраст современного киберпреступника снизился до 17 лет
- В доме возможного создателя Bitcoin прошли обыски
- YouTube назвал самые популярные видео года
- Apple остановила работу над интернет-ТВ сервисом
- «Твиттер» подвел итоги 2015 года, объявив его годом эмоджи
- Видео в разрешении 4K в Vimeo стали доступны всем пользователям
Занимательное
- Twitter. Итоги 2015 года
- Dreamhack по-русски, Fragbite по-шведски и трансферы по-дотерски: дайджест новостей киберспорта минувшей недели
- Как тролли издеваются над СМИ и некротуристами
- Как с помощью соцсетей мёртвые живут среди нас
- Рейтинг языков программирования по уязвимости: PHP в «лидерах», JavaScript — самый безопасный
- Кремниевый конструктор эпохи умных машин
- Запуски года
- Naviator – дрон, умеющий летать и плавать
- 10 главных роликов с YouTube за 2015 год
- Игры, которые учат программированию
- Никогда не учили, как писать код? Начните здесь
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
