Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
| Веб-разработка |
| CSS |
| Javascript |
| Браузеры |
| Дизайн |
| Новости |
| Занимательное |
Веб-разработка
- Лог текстовой трансляции с Яндекс.Субботника от Сообщества Веб-стандартов: материалы, фотки и видео
- Web Animations API: полезные ссылки
Почему Mobile First?- Секция о клиентском программировании на HighLoad++
- Гироскоп и акселерометр в веб-дизайне
- Легкая организация контента с HTML5
Новый конструктор сайтов от Bootstrap: Bootstrap Studio. Небольшое видео-ревью- Как справиться с ориентацией экрана в HTML5 (How to master screen orientation with HTML5)
- Atom представляет Beta Channel
- Foundation 6 – 10 новых удивительных возможностей
- <input>, я тебя люблю, но ты меня подводишь (input I ? you, but you're bringing me down)
- Краткая история людей, обозленных на инпуты
- Chrome Devtools Tips & Tricks
- ServiceWorker: революция Веб Платформы (ServiceWorker: Revolution of the Web Platform)
- Минимальные системные требования с точки зрения веба и прогрессивного улучшения (Minimum system requirements)
- Взгляд на правильную семантику в HTML5 (A Look Into Proper HTML5 Semantics)
- Книга «Front-end Handbook» (Front-end Handbook)
- Как использовать Modernizr ответственно (How to Use Modernizr Responsibly)
- Руководство по наиболее важным аспектам интервью с веб-разработчиками (The Vital Guide to Interviewing Web Developers)
- Кодирование перфокарт: секрет интерактивных писем (Punched card coding: the secret of interactive email)
- Как решать головоломки кеширования (How to Solve Caching Conundrums)
- Lazy Loading Images в вебе
- Возможно, вам не нужен Gulp.js (You Might Not Need Gulp.js)
-
Итак, как же на самом деле браузер рендерит сайт (Доклад «So how does the browser actually render a website» от Ryan Seddon с JSConf EU 2015 ) - Мобильная доступность терпит крах: нуждаемся ли мы в WCAG3? (Mobile Accessibility Fails: Do we need a WCAG3?)
- A11y Rocks — компиляция песен из Web Accessibility Community
- SVG:
- Как работать с SVG Text
- Анимация иконок с помощью Sketch и SVG
- Рендер SVG Paths в WebGL
- Слайды презентации The Wonderful World of SVG от Chris Coyier
- Эффектный веб:
- Еженедельная подборка красивых эффектов на CSS/SVG/JS #9
- Page Stack Navigation
- Мобильный интерактивный эксперимент “Pull to Share”
CSS
- PostCSS:
- Зачем нужен PostCSS
- Краткое руководство по PostCSS: Настройка Gulp
- Глубокое погружение в PostCSS: создайте свой собственный препроцессор (PostCSS Deep Dive: Roll Your Own Preprocessor)
- Глубокое погружение в PostCSS: Препроцессинг с “PreCSS” (PostCSS Deep Dive: Preprocessing with “PreCSS”)
- Веб-шрифты:
- Антипаттерн веб-шрифтов: использование локальных шрифтов (Web Font Anti-Pattern: Using local fonts)
- Смерть иконочным шрифтам! (Доклад «Death to icon fonts» от Seren Davies с EpicFEL 2015
- Статья о нюансах использования шрифтов на Medium и о том, как им удалось воскресить 25-летний шрифт (System shock. A story of a 25-year-old font coming back with a vengeance )
- Порядок тегов в HTML vs порядок элементов с помощью CSS (HTML Source Order vs CSS Display Order)
- Вещи, которые стоит избегать при написании CSS (Things To Avoid When Writing CSS)
- CSSgram — маленькая (<1kb gzipped!) библиотека для воссоздания фильтров в Instagram с помощью CSS фильтров и эффектов смешения
- Неполный список ошибок в спецификациях CSS (Incomplete List of Mistakes in the Design of CSS)
- Псевдо-комментарии в CSS, или о том, как браузеры парсят стили (Pseudo-comments in CSS (Or, How Browsers Parse Styles))
- Делаем края под наклоном с помощью CSS масок и трансформаций (Angled Edges with CSS Masks and Transforms)
- CSSketch — CSS для Sketch 3. Дизайн с помощью стилей CSS
- Анимируем элементы по траектории в CSS (Animate Elements on a Path with CSS)
- Практическое руководство по Flexbox (A Practical Guide to Flexbox)
- 5 вещей, о которых вы вероятно не знали по поводу типов позиционирования в CSS (5 Things You Might Not Know About the CSS Positioning Types)
- Пятнадцать наиболее частых вопросов на интервью относительно CSS (15 Common CSS Interviews Questions and Answers)
- Тестирование режимов наложения в CSS (Mix-Blend-Mode CSS property test)
- Изменение цвета текста в зависимости от фона автоматически в CSS (режимы наложения) (Reverse Text Color Based on Background Color Automatically in CSS)
- Анимированная игрушка Gameboy (Animated Gameboy in CSS)
- Шаблон карточек (Project Cards Template)
JavaScript
- Как создать свой собственный браузер для Windows 10 на HTML и JavaScript
- Фреймворки:
- Изучение React — для чего, откуда, как?
- Angular2 близко
- Релиз TypeScript 1.6: не только React
- Test-Driven Development в AngularJS
- Что нового в Ember 2.0?
- Руководство по стилю написания на React в Khan
- Выбираем Front End фреймворк/библиотеку: Angular vs. Ember vs. React (Choosing a Front End Framework: Angular vs. Ember vs. React)
- Поддержка многоязычности для AngularJS (Multilingual Support for AngularJS)
- Angular 2 на чистом JS (Angular 2 in Plain JS)
- ES6:
- ES6 в деталях: остаточные параметры и параметры по умолчанию
- Имплементация EventEmitter в ES6
- Почему существует “временная зона нечувствительности” в ES6? (Why is there a “temporal dead zone” in ES6?)
- Понятие ES6 => функция для jQuery разработчиков (Understanding ES6 Arrow Functions for jQuery Developers)
- Сложности с публикацией JS библиотек (The struggles of publishing a JavaScript library)
- Лучшие практики по использованию промисов в JS (Best Practices for Using Promises in JS)
- JavaScript становится асинхронным (и это прекрасно) (JavaScript Goes Asynchronous (and It’s Awesome))
- Эксперименты с Object.observe в JavaScript (Experimenting with Object.observe in JavaScript)
- Создание игры в реальном времени в шахматы с Socket.io (Building Real-time Chess with Socket.io)
- Почему я не делаю ставку на мое будущее с MeteorJS. (Why I’m not staking my future on MeteorJS.)
- Переводим приложение по работе с записками и карточками на новый уровень (Bringing card design to a new level.)
- Создание аудио-проигрывателя, управляемого голосовыми командами с веб Speech API (Make a Voice-Controlled Audio Player with the Web Speech API)
- Коллекция простых полезных сниппетов на jQuery (A collection of simple tips to help up your jQuery game)
- Simple Lightbox — очередной плагин на jQuery для создания touch-friendly image lightbox для десктопа и мобильных
- rollup.js — новое поколение билдеров JavaScript модулей
- Vivus.js — скрипт для оживления SVG анимации (Vivus.js brings SVG Animation to Life)
Браузеры
- Доверие к сертификатам Let's Encrypt обеспечено во всех основных браузерах
- Mozilla досрочно прекратит поддержку SHA-1
- В Chrome добавили возможность заглушать звук во вкладках
- Поддержка расширений для Edge переносится на лето 2016 года
- Обращение к формам ввода пароля по HTTP отмечено в Firefox как небезопасное
- В Firefox 44 появилась опция «не беспокоить», отключающая уведомления в браузере
- Essential Tool: Firefox’s screenshot Command
Дизайн
- Иллюзия времени. Перевод статьи «The Illusion of Time. How Time Perception Shapes User Experience» от Adrian Zumbrunnen
- Как работает фантазия у молодых дизайнеров
- Создаем мифологию вокруг вашего дизайна (Developing Mythology Around Your Designs)
- Создаем лендинг, который продает (Designing a landing page that sells)
- Графические редакторы:
- Справочник по созданию плагинов для Sketch
- Как освободить 50 ГБ или даже больше, почистив кэш-файлы Sketch
- Распределение и выравнивание объектов в Sketch
- 11 советов по дизайну приложений для Apple Watch в Sketch
- Редизайн:
- 6 больших редизайнов лета 2015
- Редизайн Twitter Moments (Redesigning Twitter Moments)
- Давайте редизайнить веб-дизайн (Let’s Redesign Web Design)
- UX:
- Эволюция кнопок в UX (The Evolution of Buttons in UX Design)
- Объектно-ориентированный UX (Object-Oriented UX)
- Исправление UX ссылок (Fixing the UX of hyperlinks)
- UX ссылок — делаем шаг вперед (The UX of Hyperlinks—Taking it all a step further.)
- Как нарисовать иллюстрацию в Sketch, используя только прямоугольник, круг и кривую
- Как создать органические текстуры для пугала в Adobe Photoshop (How to Create Organic Textures for the Scarecrow in Adobe Photoshop)
- Продуктовый дизайн начинается с отпечатка пальца (Product Design Starts With a Fingerprint)
- Дизайн продающей посадочной страницы (Designing a landing page that sells)
- Интернет-разговор: Jean-Marc Denis, дизайнeр в Google (работавший ранее в Sparrow) (AMA: Jean-Marc Denis, Designer at Google (Formerly at Sparrow))
- Дизайн, созданный рукой в цифровую эпоху (Designing By Hand in the Digital Age)
- Изучение дизайна продукта в Stripe панели для iPhone (Exploring the Product Design of the Stripe Dashboard for iPhone)
- Принцип Джонни Айва (The Jony Ive Principle)
- Инсайты дизайна от LEGO (Design Insights From LEGO)
- Убивает ли Material дизайн веб? (Is Material Design killing the Web?)
- 25 креативных лого с двойным смыслом (25 Creatively Designed Clever Logos)
- Tokyo ждет твоих идей относительно дизайна логотипа для олимпийских игр в 2020 (Tokyo Wants Your Logo Ideas for the 2020 Olympics)
Подборка бесплатных дизайнерских печенек
- 20 бесшовных восточных паттернов
- Плагин для измерений в Sketch (Free Measurement Plugin for Sketch Designers)
- Векторные паттерны ко Дню Всех Святых (20 Free Vector Patterns for Spooky Halloween)
- Качественные текстуры (20 Free Quality Texture Packs for Your Next Project)
- “Land.io” набор UI + шаблон посадочной страницы (HTML) (Freebie: “Land.io” UI Kit + Landing Page Template (HTML))
- Мокапы для демонстрации бренд-айдентики (15 Free Brand Identity Mock-ups)
- Винтажные векторные марки посвященные Дню Всех Святых (Freebie: Vintage Vector Halloween Stamps)
- SVG иконки популярных брендов (Simple Icons)
- Бесплатная книга «You’re Designing It All Wrong!» (You’re Designing)
- Адаптивные иконки для интернет-магазинов (Free Responsive E-Commerce Icons)
- Captain — набор рукописных иконок (Captain Icon is a Freehand Open Source Iconset with 350+ Icons)
- Бесплатные ретро иконки (Free Download: 2000+ Scalable Colored Wired Icons)
- Набор иконок для Дня Всех Святых (19 иконок, AI, EPS, PDF, SVG, PNG) (Freebie: Halloween Icon Set (19 Icons, AI, EPS, PDF, SVG, PNG))
- Metal Blackletter — стилизованный под готику декоративный шрифт (Metal Blackletter — Free Font)
- Delicate — декоративный шрифт (Delicate free font)
- Stilu-Free — шрифт без засечек (Stilu-Free San Serif Typeface)
Новости
- Western Digital купила SanDisk за $19 млрд
- Twitter запустил опросы
- Суд Евросоюза приравнял биткоины и другие криптовалюты к традиционным деньгам
- Девятизначные инвестиции в Virtus.pro, роспуск легендарного состава Na`Vi и другие события киберспорта
- Western Digital покупает SanDisk за $19 млрд
- Facebook сделал все 2 триллиона сообщений доступными для поиска
- Первый квартал Google под крылом Alphabet: доход и прибыль продолжают уверенно расти
- Instagram Boomerang: новое приложение для создания коротких зацикленных видеороликов
- Yahoo и Google открыли новую эпоху поискового и рекламного сотрудничества
- Google перешел c OpenSSL на BoringSSL
- На YouTube появятся платная подписка и приложение для музыки
- Microsoft выпустит собственную платежную систему на Windows
Занимательное
- В Южной Корее по подозрению в организации договорных матчей по StarCraft 2 арестовали девять человек
- СМИ описали впечатления от первого ноутбука Microsoft
- «Назад в будущее» в соцсетях брендов: Реакция компаний на 21 октября 2015 года
- 80 задач с IT-собеседований с разбором решений
- Эй, стартаперы, сейчас не 90-е! Хватит обращаться со своими сотрудниками, как тогда
- Журналисты попытались поговорить через перевод в Skype
- Марсианин взаправду: как NASA собирается доставить людей на Марс
- 25 звуков из 1980–1990-х годов, которые заставят вас улыбнуться
- С какими проблемами столкнется Microsoft Hololens
- Впечатляющая демонстрация дополненной реальности Magic Leap
- 10 новых слов, которые нужно знать в Кремниевой долине
- Histography.io — временная шкала с визуализацией значимых в истории событий с данными из Wikipedia
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
tuxinfox
Большое спасибо за очередную интересную подборку
alexzfort
Всегда пожалуйста!