​SVG-фавикон для темной и светлой темы

Изменяющийся фавикон с помощью SVG и prefers-color-scheme

Ссылка: https://prglb.ru/510g5

#design #css #svg

Что фронтендерам нужно знать о бэкенде

Узнать: https://prglb.ru/3ouu8

#backend

Как создавать карты с помощью React и Leaflet

https://prglb.ru/51hxl

#react #interface #tools

🎓Нормальные люди программируют на html. Но пробовали ли вы программировать на json?

А если серьезно, инструментарий jsonschema-form позволяет до безобразия упростить процесс написания пользовательского интерфейса для SQL выборки с использованием библиотеки React. Посмотрите статью по ссылке

Правильный ответ: 225px

У свойства flex-basis есть приоритет перед свойством width, но также его значение должно быть в диапазоне значений свойств min-width и max-width. В нашем случае 250px (flex-basis) не укладывается в диапазон, и поэтому значение ширины ограничивается 225px.

Много вопросов по CSS для самопроверки вы найдете здесь: https://prglb.ru/3ju8g

Mousetrap.js

Легкая библиотека для привязки сочетания клавиш. Поддерживает множество действий и разные раскладки.

На github: https://prglb.ru/3mbx7

#tools #library

Интернационализация в ES2020

Новинки и доработки в новом стандарте: https://prglb.ru/1ljz

#javascript

Дизайн сайта

Плейлист с разбором и применением интерфейсов веб-страниц: https://prglb.ru/fmqw

#design #interface #video

Изучаем React Практическое руководство


#books #frameworks #react

Основы JavaScript за неделю в формате марафона

Короткие видеоуроки, домашние задания, которые нужно выполнить, чтобы пройти дальше, поддержка и code review от ментора с 14-летним опытом.
В результате — собственная браузерная игра в жанре файтинг.

Старт 21 сентября. Чтобы присоединиться, запустите бота.

Правильный ответ: 30px, так как внешние отступы внутри флекс-контейнера не схлопываются.

Mo.js

JS-библиотека для создания motion графики на JavaScript. Предоставляет полный контроль над анимацией и множество встроенных компонентов.

Ссылка: https://prglb.ru/35orb

#tools #library #animation

​Самые сложные вопросы на JavaScript-собеседовании

Хотите подготовиться к собеседованию по JavaScript и ищете вопросы, на которых можно попрактиковаться? Мы собрали более двух десятков вопросов по JavaScript, предназначенных для тех, кто хочет превратиться из джуниора в сеньора, для тех, кто стремится успешно пройти собеседование в сфере фронтенд-разработки и получить интересное предложение от работодателя.

Часть 1: https://prglb.ru/1nn1k
Часть 2: https://prglb.ru/46x0b

#javascript #interview

​Современные архитектуры фронт-энда

Рассмотрены архитектуры фронт-энда с точки зрения потоков данных в исторической ретроспективе.

Читать: https://prglb.ru/4le96

#frontend #architecture

Использование Vue.Observable в качестве State Store

Легкая альтернатива Vuex для управления состоянием в веб-приложениях Vue.js
https://prglb.ru/5uajo

#frameworks #vue

Полезные плагины для Chrome

👉 Check My Links — проверка битых ссылок
https://prglb.ru/53tw3

👉 Unshorten.link — разворачивание сокращенных ссылок
https://prglb.ru/4a3ty

👉 Wappalyzer — определение технологий, на которых создан сайт
https://prglb.ru/42oh

👉 WhatFont — определение шрифтов
https://prglb.ru/1wv9t

👉 Colorzilla — пипетка для определения цветов
https://prglb.ru/2rzpv

👉 Web Developer — многофункциональное расширение для работы с сайтами
https://prglb.ru/5u9wh

#browser #tools