Состоялся релиз 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…
Мобильный браузер Google Chrome начал автоматически обрезать “трекинговые” окончания URL, которыми пользователь делится с помощью меню Share https://itc.ua/news/mobilnyiy-brauzer-google-chrome-nachal-avtomaticheski-obrezat-trekingovyie-okonchaniya-url-kotoryimi-polzovatel-delitsya-s-pomoshhyu-menyu-share/
ITC.ua
Мобильный браузер Google Chrome начал автоматически обрезать "трекинговые" окончания URL, которыми пользователь делится с помощью…
Компания Google продолжает активно работать над улучшением своего браузера Chrome и после автоматической блокировки раздражающей рекламы, всплывающих окон и редиректов, а также отключения звука на сайтах с автоматически включающимися видеороликами, представила…
Состояние SEO в 2018 https://webdesign.tutsplus.com/articles/the-state-of-seo-in-2018--cms-30540
Web Design Envato Tuts+
The State of SEO in 2018
Some traditions are meant to be kept, and that certainly applies to our yearly State of SEO updates. At the beginning of each year we take a look at the most interesting trends and novelties for...
Подготовьте свой набор навыков к интервью на веб-разработчика — часть 1 https://hackernoon.com/prepare-your-skill-set-for-web-developer-interviews-part-1-75f625a37341
Hacker Noon
Prepare Your Skill Set for Web Developer Interviews — Part 1
This article originally appeared on dormoshe.io