Новый Context API в React #react https://medium.com/dailyjs/reacts-%EF%B8%8F-new-context-api-70c9fe01596b
Обзор JavaScript тестирования в 2018 https://medium.com/welldone-software/an-overview-of-javascript-testing-in-2018-f68950900bc3
Medium
An Overview of JavaScript Testing in 2018
This guide is intended to catch you up with the most important reasoning, terms, tools, and approaches to JavaScript testing in 2018.
Web Bluetooth + PWA
Увлекаясь немного хардварным DIY, стало довольно инетересно узнать, что предлагает нам Web Bluetooth.
При первой попытке работы с BLE (Bluetooth Low Energy) все казалось довольно непонятным и сумбурным. Пришлось разобраться c основными понятиями:
- Peripherals
- Services
- Characteristics
Эти понятия будут нужны для подключения к BLE устройствам и общения с ними.
Web Bluetooth поддерживается, конечно, не везде, но в последних версиях Chrome его можно найти в navigator.bluetooth, предварительно включив Web Bluetooth через chrome://flags
Для тех, кому интересен опыт работы с Bluetooth из браузера - наш перевод статьи Uri Shaked: Начинаем разработку с Web Bluetooth и Progressive Web Apps
https://goo.gl/Fq3h5t
Увлекаясь немного хардварным DIY, стало довольно инетересно узнать, что предлагает нам Web Bluetooth.
При первой попытке работы с BLE (Bluetooth Low Energy) все казалось довольно непонятным и сумбурным. Пришлось разобраться c основными понятиями:
- Peripherals
- Services
- Characteristics
Эти понятия будут нужны для подключения к BLE устройствам и общения с ними.
Web Bluetooth поддерживается, конечно, не везде, но в последних версиях Chrome его можно найти в navigator.bluetooth, предварительно включив Web Bluetooth через chrome://flags
Для тех, кому интересен опыт работы с Bluetooth из браузера - наш перевод статьи Uri Shaked: Начинаем разработку с Web Bluetooth и Progressive Web Apps
https://goo.gl/Fq3h5t
Jem Space
Начинаем разработку с Web Bluetooth и Progressive Web Apps
Небольшое введение Web Bluetooth - это новая технология, которая соединяет Web с Интернетом Вещей. Web Bluetooth довольно молодой, он все еще перекраивается и прототипируется! Но это, конечно же, не значит, что мы не сможем с ним поиграть... По сути, Web…
Состоялся релиз Webpack 4.0.0: Legato. До 98% быстрее время сборки, sideEffects, First Class WebAssembly support, #0CJS — mode, auto-common-chunking и многое другое https://medium.com/webpack/webpack-4-released-today-6cdb994702d4
Medium
🎼webpack 4: released today!!✨
Codename: Legato 🎶
face-verify.js : мониторинг пользователя, физически смотрящего сайт, для дополнительной безопасности #common https://blog.machinebox.io/face-verify-js-monitoring-who-is-looking-at-a-website-for-additional-security-1d6025a8fedd
Medium
face-verify.js: Monitoring who is physically looking at a website for additional security
tl;dr: This is a demo project showing how Machine Box tech can be integrated into JavaScript applications.
Подкаст «Веб-стандарты», Выпуск №108: Новый фид подкаста, эксперименты и основы вёрстки, перегретая зарплата, PWA на десктопе, ECMAScript 3000, Vue.js вместо jQuery, Node.js 10. #common #web https://medium.com/web-standards/episode-108-8b45d469d451
Medium
Выпуск №108
19 февраля 2018
Как сохранять простоту кода JavaScript и повысить его читабельность #js https://medium.freecodecamp.org/how-to-keep-your-javascript-code-simple-and-increase-its-readability-94d6a949afc4
freeCodeCamp.org
How to keep your JavaScript code simple and increase its readability
After a few years working almost exclusively with Ruby on Rails and some jQuery, I changed my focus to front-end development. I discovered…
Друзья! Информация для тех, кому интересен веб-дизайн.
Нетология сегодня стартует бесплатный курс по основам веб-дизайна и Photoshop.
https://netology.ru/programs/photoshop
Нетология сегодня стартует бесплатный курс по основам веб-дизайна и Photoshop.
https://netology.ru/programs/photoshop
netology.ru
Основы Adobe Photoshop: бесплатный онлайн курс для начинающих
Бесплатное обучение основам программы Adobe Photoshop от Нетологии для новичков. На онлайн курсе вы с нуля научитесь работать в графическом редакторе и освоите базовые инструменты.
Стилизация пустых ячеек с помощью генерируемого контента и CSS Grid Layout #css https://www.smashingmagazine.com/2018/02/generated-content-grid-layout/
Smashing Magazine
Styling Empty Cells With Generated Content And CSS Grid Layout — Smashing Magazine
Ever wondered how achieve styling of empty grid cells without adding redundant empty elements? Well, CSS Generated Content can help you do just that. In this article, Rachel Andrew is going to take a look at how to use CSS Generated Content to achieve styling…
«ALL YOUR HTML» #37: «Земля, координаты, кватернионы, Лида» https://www.youtube.com/watch?v=8Xzwc-hSOvw
YouTube
#37 ALL YOUR HTML, Земля, координаты, кватернионы, Лида
Демо: https://cssing.org.ua/examples/earthworld/
Текстуры для земли: https://planetpixelemporium.com/earth.html
Репо: https://github.com/akella/earth
Вдохновение fonterra.com/nz/en/campaign/from-here-to-everywhere.html#/home
Мой сетап: https://gist.github…
Текстуры для земли: https://planetpixelemporium.com/earth.html
Репо: https://github.com/akella/earth
Вдохновение fonterra.com/nz/en/campaign/from-here-to-everywhere.html#/home
Мой сетап: https://gist.github…
CSS переменные за 5 минут
До настоящего временит думал, что CSS переменные можно юзать только с LESS и SASS. Однако, нет.
Теперь вы можете упростить себе жизнь, повысив гибкость и читабельность кода.
Пользоваться CSS переменными довольно просто!
1. Создаем глобальную переменную для всего <html>
2. Применяем, там где надо
Готово! Какие еще приемущества можно получить, читайте в нашем переводе https://goo.gl/bf1eeF
До настоящего временит думал, что CSS переменные можно юзать только с LESS и SASS. Однако, нет.
Теперь вы можете упростить себе жизнь, повысив гибкость и читабельность кода.
Пользоваться CSS переменными довольно просто!
1. Создаем глобальную переменную для всего <html>
:root {
--main-color: #ff6f69;
}2. Применяем, там где надо
#title {
color: var(--main-color);
}Готово! Какие еще приемущества можно получить, читайте в нашем переводе https://goo.gl/bf1eeF
Jem Space
Изучение CSS переменных за 5 минут
Быстрый туториал о том, как начать работу. Пользовательские свойства CSS (также известные как переменные) - большая победа для разработчиков интерфейсов. Они привносят силу переменных в CSS, что приводит к меньшему повторению, лучшей читаемости и большей…
Основы CSS: использование Multiple Backgrounds #css https://css-tricks.com/css-basics-using-multiple-backgrounds/
CSS-Tricks
CSS Basics: Using Multiple Backgrounds | CSS-Tricks
With CSS, you can control the background of elements. You can set a background-color to fill it with a solid color, a background-image to fill it with (you
Создание идеального отзывчивого конфигуратора #web https://www.smashingmagazine.com/2018/02/designing-a-perfect-responsive-configurator/
Smashing Magazine
Designing A Perfect Configurator UX — Smashing Magazine
How would you design a responsive car configurator? How would you deal with accessibility, navigation, real-time previews, interaction and performance? Let's figure it out. In this article, Vitaly Friedman dives deep into the dos and don'ts of designing a…
Основы CSS: синтаксис, который имеет значение, и который нет #css https://css-tricks.com/css-basics-syntax-matters-syntax-doesnt/
CSS-Tricks
CSS Basics: The Syntax That Matters & The Syntax That Doesn’t
When you're starting to play around with CSS at the very beginning, like any other language, you have to get used to the syntax. Like any syntax, there
Кстати, для тех кто вчера пропустил статью про CSS Variables.
Бесплатный курс из 8 скринкастов. #css
https://scrimba.com/g/gcssvariables
Бесплатный курс из 8 скринкастов. #css
https://scrimba.com/g/gcssvariables
Scrimba
CSS Variables Tutorial - Learn CSS variables in this free course
This tutorial teaches you CSS variables through eight interactive screencasts. It's value-packed from beginning to end, and is probably the faste
Как обновить статус пользователя в реальном времени с помощью JavaScript и Pusher #js https://medium.freecodecamp.org/how-to-update-a-users-status-in-realtime-using-javascript-and-pusher-2cae8f4aaafa
freeCodeCamp
How to update a User’s Status in realtime using JavaScript and Pusher
“Hey, what’s up?” is not a phrase we need to ask someone these days. These days knowing what someone is up to has become so easy, because…