Использование параметров по умолчанию в ES6 https://css-tricks.com/using-default-parameters-es6/
CSS-Tricks
Using Default Parameters in ES6 | CSS-Tricks
Enabling default parameter values in JavaScript functions is nothing new and ES6 now includes this as a feature. This article discusses some of the subtleties and gotchas in relation to default parameters.
Slice Revealer . Эффектная анимация полос слайдера https://tympanus.net/codrops/2018/02/06/slice-revealer/
Codrops
Slice Revealer | Codrops
Today we'd like to share a simple reveal animation with you that is mainly inspired by Zhenya Rynzhuk's transition exper
Подкаст «Веб-стандарты», Выпуск №107: CSS на JS в Chrome, HTTPS и SEO, сервис-воркеры в Safari, маркетинг CSS, как провести и пройти собеседование. https://medium.com/web-standards/episode-107-77afc11b9d4e
Medium
Выпуск №107
12 февраля 2018
JavaScript фреймворки в числах — зима 2018 https://javascriptreport.com/javascript-frameworks-by-the-numbers-winter-2018/
Как работает JS: веб-воркеры и пять сценариев их использования #js https://habrahabr.ru/company/ruvds/blog/348424/
Хабр
Как работает JS: веб-воркеры и пять сценариев их использования
[Советуем почитать] Другие 19 частей циклаЧасть 1: Обзор движка, механизмов времени выполнения, стека вызовов Часть 2: О внутреннем устройстве V8 и оптимизации к...
Роутинг, бандлинг и ленивая загрузка на Webpack #webpack https://medium.com/web-standards/multiple-routes-webpack-19f71fa39090
Medium
Роутинг, бандлинг и ленивая загрузка на Webpack
Перевод «Multiple routes, bundling and lazy-loading» Серджио Гомеса.
Новый 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, что приводит к меньшему повторению, лучшей читаемости и большей…