#Фронт

5 полезных браузерных расширений для веб-разработчика
5 полезных браузерных расширений для веб-разработчика

Подборка полезного для фронтендеров

Расширение для браузера за 10 минут своими руками Чёртовы психи: как добавить снежинок на любой сайт одной строкой DevTools: инструменты разработчика в браузере
easy
Красивый цветной текст в CSS: как это сделать
Красивый цветной текст в CSS: как это сделать

Можно раскрасить хоть по диагонали

10 полезных инструментов для создания роскошного CSS Одной строкой: новые CSS-команды для фронтендов Ещё больше полезных CSS-команд Зачем нужны переменные в CSS Как сделать колесо фортуны на сайте На стиле — подборка интересных CSS-свойств Делаем красивые чекбоксы с анимацией Перекрашиваем картинки с помощью CSS
easy
Как задавать размеры шрифта в вёрстке в CSS

Всё просто, но есть нюанс.

easy
Что означает ошибка SyntaxError: Unexpected token '{'. Expected ')' to end an 'if' condition

Простая ошибка, которую легко допустить и легко исправить в коде на JavaScript

Что означает ошибка TypeError: «x» is not a function 10 типичных ошибок в коде на JavaScript 9 заковыристых вопросов и задачек из собеседования по JavaScript Что означает ошибка TypeError: Cannot assign to read only property Что означает ошибка TypeError: Reduce of empty array with no initial value
easy
Веб-проект: делаем реалистичную аквакнопку, как в старых Mac OS со скевомор­физмом
Веб-проект: делаем реалистичную аквакнопку, как в старых Mac OS со скевомор­физмом

Верните мой 2001-й

easy
Как запустить JavaScript-код без браузера
Как запустить JavaScript-код без браузера

Ставим браузерный движок и запускаем код через командную строку

easy
Веб-проект: страница с кнопкой, которая убегает от мышки
Веб-проект: страница с кнопкой, которая убегает от мышки

Нетрудно найти, легко написать, невозможно поймать

Прокачиваем навыки CSS: GRID Создаём CSS-сетку нужного размера Верстаем в сетке Собираем сайт-портфолио для фотографа Проект: эффектно переключаем картинки на странице Веб-проект: делаем 8 страниц в одной Веб-проект: делаем браузерную игру с динозавриком, как в Chrome
easy
Как работает проброс исключений в JavaScript
Как работает проброс исключений в JavaScript

Пинг-понг внутри кода

10 типичных ошибок в коде на JavaScript 9 заковыристых вопросов и задачек из собеседования по JavaScript
hard
Что влияет на фронтенд-производительность

Наблюдаем, измеряем и оптимизируем

Что происходит, когда мы открываем сайт в браузере Что такое CDN в интернете Как правильно писать адрес сайта Линкуй, сокращай. Как работают сокращатели ссылок Что такое UTM-метки и зачем они нужны Как посчитать переходы по ссылке с UTM-метками Что нужно, чтобы создать свой веб-браузер Собираем свой веб-браузер из готовых элементов за 20 минут
easy
Что означает ошибка Uncaught Error: Cannot read private member from an object whose class did not declare it

Что будет, если обратиться к приватному полю в основном коде

Что означает ошибка RangeError: Array size is not a small enough positive integer Что означает ошибка: TypeError: toUpperCase is not a function Что означает ошибка SyntaxError: Unexpected EOF Что означает ошибка SyntaxError: Bare private name can only be used as the left-hand side of an `in` expression
easy
Веб-проект: делаем браузерную игру с динозавриком, как в Chrome
Веб-проект: делаем браузерную игру с динозавриком, как в Chrome

Самая простая игра на JS во всём мезозое

Прокачиваем навыки CSS: GRID Создаём CSS-сетку нужного размера Верстаем в сетке Собираем сайт-портфолио для фотографа Проект: эффектно переключаем картинки на странице Веб-проект: делаем 8 страниц в одной Веб-проект: страница с кнопкой, которая убегает от мышки
easy
Веб-проект: делаем 8 страниц в одной
Веб-проект: делаем 8 страниц в одной

Всё во имя многозадачности

Прокачиваем навыки CSS: GRID Создаём CSS-сетку нужного размера Верстаем в сетке Собираем сайт-портфолио для фотографа Проект: эффектно переключаем картинки на странице Веб-проект: делаем браузерную игру с динозавриком, как в Chrome Веб-проект: страница с кнопкой, которая убегает от мышки
easy
Страница
Результат: 49-60 из 210