Предлагаем вашему вниманию юбилейную подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости.
Наши дайджесты еженедельно выходят на habrahabr.ru с 13 апреля 2012-го года, и спасибо что до сих пор их читаете :)
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Наши дайджесты еженедельно выходят на habrahabr.ru с 13 апреля 2012-го года, и спасибо что до сих пор их читаете :)
| Веб-разработка |
| CSS |
| Javascript |
| Браузеры |
| Дизайн |
| Новости |
| Занимательное |
Веб-разработка
DevTips: Советы веб-разработчику (49-64)- Используем Gulp для ускорения WordPress-разработки
GitHub отказался от шрифтовых иконок в пользу SVG - Если вы знаете Sass, вы знаете и ES2015, говорит Юна Кравец (If You Know Sass, You Know ES2015)
- Интервью с Юной Кравец, фронтенд-разработчицей в IBM, веб-активисткой и вообще большой умницей (An Interview with Una Kravets)
- Настройка WordPress под AMP (Setting up WordPress for AMP: Accelerated Mobile Pages)
- AMP внедряется в WordPress по-умолчанию
- Политика производительного контента: стандартизированная альтернатива AMP (Content Performance Policies (CPP): A Standardized Alternative to AMP)
- Текущее состояние телефонных ссылок (The Current State of Telephone Links)
- Давайте постараемся лучше работать с доступностью в вебе (Let’s Try Harder With Web Accessibility)
- Популярность препроцессоров на CodePen. Довольно неожиданные результаты.
- Grunt или Gulp? Что выбрать и почему Gulp? (Grunt or Gulp? Which one to choose and why Gulp?)
- Preload: для чего он хорош? (Preload: What Is It Good For?)
- Как использовать сниппеты в Atom (How to Use Code Snippets in Atom)
- Эффектный веб:
- Анимированные иконки mo.js
- Транзисторный приемник 3D. (Retro Curator.)
- Еженедельная подборка красивых эффектов на CSS/SVG/JS #26
CSS
- Краткий обзор «object-fit» и «object-position». Перевод статьи A Quick Overview of `object-fit` and `object-position сообществом css-live.ru
- 6 причин начать использовать Flexbox (6 Reasons to Start Using Flexbox)
- Регрессионное тестирование CSS (CSS regression testing)
- О написании CSS в JavaScript (You got your CSS in my JavaScript)
- Объяснение кастомных свойств CSS (CSS Custom Properties explained)
- REM против EM – большое обсуждение (REM vs EM – The Great Debate)
- CSSCO — фотографические фильтры, воссозданные на CSS и вдохновленные VSCO и CSSgram
- PostCSS.parts — каталог с плагинами PostCSS
- Как Sass Maps используюся для Design Tokens и как это делает разработчиков счастливыми
- Миксины лучше для производительности (чем extend) (Mixins Better for Performance)
- Управление типографикой в больших веб-приложениях (Managing Typography on Large Apps)
- Список для чтения по Flexbox: техники и инструменты (The Flexbox Reading List: Techniques and Tools)
- Как валидировать Sass/CSS с Stylelint (How to lint your Sass/CSS properly with Stylelint)
- Эффект искаженного видения (Squigglevision)
JavaScript
- Тонкости Javascript/Node.js. Увеличиваем производительность в десятки раз
- Объектно-ориентированный JavaScript: наследование
- ES6:
- Все на борт поезда ES6 (All Aboard the ES6 JavaScript Train)
- ES6, ES7, and Looking Forward
- Использование ES6/ES2015 в вашем проекте с помощью Babel и Gulp (Start Using ES6/ES2015 in Your Project With Babel and Gulp)
- Фреймворки:
- Идеальный UI фреймворк
-
Видео с React.js Conf 2016 - Instacart: Почему мы перешли на React
- Глубокое погружение в отладку с React Perf (A Deep Dive into React Perf Debugging)
- Новая схема версионирования React (New Versioning Scheme)
- NFL + React
- Draft.js — простой текстовый редактор для React
- Овладение $watch в AngularJS (Mastering $watch in AngularJS)
- Angular-xeditable — набор директив для создания редактируемых элементов для вашего проекта
- Использование множественных зависимостей в приложениях Angular.js (Using multiple dependencies in an Angular.js application)
- Как настроить приложение AngularJS с использованием переменных среды (How to configure your AngularJS application using environment variables)
- Объяснение определения изменений в Angular 2 (Angular 2 Change Detection Explained)
- Анонс первого LTS релиза Ember (Announcing Ember's First LTS Release)
- Как создать ваш первых график на JS (How to Create Your First JavaScript Chart)
- Простая дополненная реальность с OpenCV, Three.js и WebSockets (Simple Augmented Reality With OpenCV, Three.js and WebSockets)
- Разница между прекрасным, хорошим и плохим JavaScript разработчиком (The Difference Between Excellent, Good and Bad JavaScript Developers)
- Быстрый совет: как создать и управлять массивами в JavaScript (Quick Tip: How to Create and Manipulate Arrays in JavaScript)
- Введение в функциональное реактивное программирование с RxJS (Introduction to Functional Reactive Programming with RxJS)
- Заблуждения об инструментах в JavaScript (Misconceptions of Tooling in JavaScript)
- Веб-краулер с Node, PhantomJS и Horseman (Web Crawling with Node, PhantomJS and Horseman)
- MobX — простое, масштабируемое управление состояниями (MobX — simple, scalable state management )
Браузеры
- Opera Presto обновилась до версии 12.18
- Почему вы должны прекратить поддержку IE10, IE9 и IE8 (Why You Should Stop Supporting IE10, IE9 and IE8)
- Что нового в Chrome DevTools?
- Opera работает над созданием нового браузера для настольных устройств (Opera Working on New Desktop Browser Amid Company Sale)
- Отладка JS-кода в Chrome для VS Code (Introducing Chrome Debugging for VS Code)
- Браузер Baidu шпионит за пользователями
- Google Chrome уличили в покупке платных ссылок
Сайты с интересным дизайном и функциональностью
- special.bose.eu — насыщенный анимациями промо-сайт, с нестандартным лейаутом и навигацией
- nbafaceoff.com G.O — креативный баскетбольный сайт
- wonderlandindustry.com — креативный сайт дизайнерской студии
- Сайт bulgari с клевым эффектом перелистывания и другими анимациями
- airewestperth.com.au — одностраничный сайт с симатичными эффектами при скролле
- herdl.com — еще один сайт с интересными эффектами при промотке
- animalmade.com — сайт с впечатляющей анимацией и забавными илюстрациями
- warof1996.com — игровой сайт на canvas
Дизайн
- Эффективный процесс создания отзывчивого дизайна (Efficient Responsive Design Process)
- Новая типографика в интернете (The New Web Typography)
- Особенности текста (Futures of text)
- Как сделать так, чтобы лого приняли: 8 шагов (How to Get a Logo Accepted: Eight Steps To a Better Design Workflow)
- Google представляет Resizer — онлайн-инструмент для тестирования отзывчивых сайтов (Introducing Resizer)
- Избавление от плоского дизайна (Unflattening design)
- UI/UX:
- UX дизайн в 14 простых шагов. Часть 1
- UI, UX: кто чем заниается? Руководство для дизайнеров по технической индустрии (UI, UX: Who Does What? A Designer's Guide To The Tech Industry)
- Базовые принципы UI дизайна (The core principles of UI design)
- Пять способов предложения лучшего UX для людей с ограниченными возможностями (5 Ways to Offer a Better UX to Disabled Users)
- Графические редакторы:
- 5 советов по ускорению работы в Sketch
- Quartz Composer, Facebook Origami и Sketch для прототипирование интерфейса Apple TV
- Использование Shared Styles и Symbols в Sketch (Using Shared Styles and Symbols in Sketch)
- Заливка текста в Sketch (Text Fills in Sketch)
- Использование плагина Craft в Sketch и Photoshop (Making Crafty UIs with Sketch and Photoshop)
- Световые эффекты с помощью фотошопа (28 Powerful Photoshop Lighting Effects)
- Как создать иконки вкусных тостов в Adobe Illustrator-е (How to Create Delicious Toast Icons in Adobe Illustrator)
- Как сделать дизайн ретро-постера в Adobe Illustrator (How to Design a Retro Poster in Adobe Illustrator)
- Даже электронные таблицы можно сделать привлекательными (Spreadsheets Can Be Pretty, Too)
- За кулисами: процесс создания дизайна для Curbed (Behind the scenes: Curbed design process)
- История создания Mummies Dense (New Logo and Identity for The Met by Wolff Olins)
- Ученый ты или художник? (Are You a Scientist or an Artist?)
- Советы по улучшению ваших навыков фотоманипуляций (10 Tips for Improving Your Photo Manipulation Skills)
- Семь определяющих трендов веб-дизайна в 2016-м (7 Trends That Will Define Web Design in 2016)
- Как профессионально сделать исследование опыта пользователей (How To Conduct User Experience Research Like A Professional)
- Открытое письмо дизайнерам-новичкам (An open letter to newbie designers)
- Как создать брошюру (How to Make a Brochure)
- NodeJS обновил логотип
Подборка бесплатных дизайнерских печенек
- Цветы в векторном формате
- Весенние паттерны для вашего дизайна
- Текстуры льда для фотошопа (28+ Free Ice Textures For Photoshop)
- Набор c векторной графикой и лого на тему мотоциклы (Free Motorcycle Vector Graphics & Logo Template Kit)
- Pexels – стоковые фото с API (Pexels – Free Stock Photos with API Available)
- Foodshot: качественные изображения пищевых продуктов (Foodshot: Free Images of – well – Food)
- Наборы иконок: магазин, продукты, наука, аватарки и лето (Free Icon Sets: E-Commerce, Food, Science, Avatars And Summer)
- Коллекция иконок с плоским дизайном от DryIcons (Freebie – Awesome collection of icons from DryIcons)
- Иконки с темой оформления и доставки покупок (AI, EPS, SVG, Sketch, PSD, PNG) (Freebie: Checkout & Delivery Icons (AI, EPS, SVG, Sketch, PSD, PNG))
- 365cons — новая иконка каждый день
- 525 Icons – иконочный шрифт (525 Icons – Free Web Icon Font)
- Винтажные шрифты подходящие для ретро-дизайна (30 Vintage Fonts Perfect for Retro Style Design2)
- Более двух сотен шрифтов (200+ Best Free Fonts)
Новости
- Google AMP появились в мобильном поиске
- Facebook:
- Facebook запустила дополнительные «Реакции» в качестве расширенной кнопки Like
- Как разные эмоции-реакции в Facebook повлияют на ведение сообществ компаний
- Компания Facebook создала сверхточную карту плотности населения
- Facebook запускает прямые трансляции на Android
- Как российские и зарубежные бренды отреагировали на новые кнопки эмоций в Facebook
- Facebook создаст социальную виртуальную реальность
- Facebook займётся созданием глобальной mesh-сети
- «Не всё в жизни можно лайкнуть». Директор по дизайну продукта Facebook Джофф Тиан написал на Medium заметку о том, как его команда работала над кнопками для выражения эмоций.
- Лингвист Максим Кронгауз: «Facebook остановился где-то на уровне Эллочки-людоедки»
- Плачевная ситуация со стагнацией развития Skype для Linux
- В YouTube появилась функция размытия объектов, в том числе движущихся
- WSJ: Google, Microsoft, Twitter и Facebook поддержат Apple в суде против ФБР
- Билл Гейтс не защищал ФБР в конфликте с Apple
- В Google появилась функция отправки адреса на телефон
- Google поможет новостным сайтам защититься от DDoS-атак
- В Google Docs добавлен голосовой набор текста
Занимательное
- Web. История одной технологии
- Рейтинг языков программирования от RedMonk: январь 2016 (The RedMonk Programming Language Rankings: January 2016)
- Неудачная ставка: как закатилась империя Yahoo
- Топ-5 лучших анонсов MWC 2016
- Сказать «нет»: Apple против Большого брата
- В чем секрет прорывов Google? В убийстве собственных проектов
- Почему альтернативы лайку в Facebook именно такие
- О кибернетике, линейном программировании и социологии
- «Копирайта не должно быть»: Интервью с программисткой, устроившей войну платным научным статьям
- Ключевые тренды интернета вещей на 2016 год
- Честный путеводитель по digital-профессиям
- Видео дня: а я иду, шагаю и ношу © робот Atlas
- Игра «Змейка» нового поколения
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Only registered users can participate in poll. Log in, please.
Будущее дайджестов
96.36% Молодцы, продолжайте в том же духе!397
3.64% Пора закругляться, ребята, ваше время прошло15
412 users voted. 40 users abstained.
