Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и 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.
goooseman
Мне одному кажется, что какая-то неинтересная неделя вышла? По крайней мере, обычно, я открываю ссылок 10 из дайджеста. А сегодня только одну.
alexzfort
Да, есть такое. Подозреваю, что похожая тенденция сохранится вплоть до НГ и будет разбавлена лишь тематическими подведениями итогов года от разных ресурсов.
alexzfort
Беру свои слова обратно, на этой неделе довольно прилично интересных штук насобиралось
alTus
Я, например, уже привык этот дайджест открывать заранее в новом окне и накликивать в новые вкладки всё, что более-менее интересно. А иначе перебор получается вместе с тем, что обычно открыто. А сегодня действительно обошлось без этого )