​Особенности кодировки строк в Base64 в JavaScript

Что происходит при кодировке и декодировании в base64 строк в JS? В этой статье мы рассмотрим некоторые особенности и ловушки, связанные с этими процессами.

#js #ru

CSS Flex & Grid

Автор: Shruti Balasa
Год издания: 2021

#css #en

3D glass weather icons

Иконки, сверстанные на HTML и SCSS.

#css

​Не стоит недооценивать HTML

«HTML – это просто», «Разрабатывать фронтенд проще, чем бэкенд», «После реализации бэкенда обновление UI не должно составлять труда», – за время работы в сфере веб-разработки вокруг меня то и дело звучали эти и другие аналогичные утверждения.

И очень часто они вызывали у меня грусть.

Дело в том, что бо́льшую часть времени я проводила за написанием фронтенда, включая работу с HTML, CSS и JavaScript (по факту в основном TypeScript). Когда кто-нибудь говорит мне о «простоте» моей работы, я начинаю думать, что мои навыки не представляют высокой ценности, и меня может легко заменить любой разработчик…

В статье же я решила описать свои размышления, которые рождались в течение последних двух лет во время работы с людьми из разных команд с разным опытом в HTML-разработке и фронтенд-технологиях в целом. Здесь я озвучу несколько основных своих вопросов «Почему?», сопроводив их возможными ответами.

#html #ru

CSS Responsive animated Accordion

Адаптивный анимированный аккордеон. Реализован с помощью JavaScript и CSS.

#js

JavaScript On-Demand Dictionary

Автор: Programmers Suite
Год издания: 2023

#js #en

Animated BottomBar

Набор из разных анимаций перехода, применяемых к элементам навигационного меню.

#js

​Как при помощи JavaScript определить, включен ли Caps Lock

Кто угодно может нажать Caps Lock в любой момент времени и не заметить этого. Вводя обычный текст, пользователи легко обнаруживают, что Caps Lock включен. Но когда вводится пароль, проблема не столь очевидна. В результате пароль не принимается, и это раздражает пользователя. В идеале разработчики могли бы предупреждать пользователя о том, что у него включен Caps Lock.

#js #ru

Text Animation

Анимация появляющегося текста. Написана на чистом CSS.

#css

CSS The Definitive Guide

Авторы: Meyer E.A., Weyl E.
Год издания: 2023

#css #en

Gooey Navigation

При наведении на элементы меню задействуются CSS-трансформации, параметры которых задаются через CSS-переменные.

#css

​12 Modern CSS One-Line Upgrades

12 современных возможностей CSS, качественно улучшающих DX или UX одной строкой кода.

#css #en

CSS Art - Sphere

Плавная анимация сферы. Написана на чистом CSS.

#css

Верстальщик от Бога - самый большой канал про верстку в телеграм.

Ребята составили классный гайд по входу во фронтенд в 2021 году. Обязательно к прочтению для тех, кто хочет получить максимально подробный план действий.

Подписывайся, если ты:

- хочешь стать программистом и учишь верстку и фронтенд (у нас есть крутой чат, где можно задать вопросы)
- работаешь верстальщиком/фронтендером
- работаешь бэкендером, но хочешь быть в курсе последних тенденций в верстке и на фронтенде в целом

JavaScript for Web Developers

Автор: Mark Simon
Год издания: 2023

#js #en

90% - SVG Animation

SVG-анимация загрузки. Реализована с помощью JavaScript.

#js

​Насколько потолстел JavaScript к 2024 году?

Я немного отстал от современных тенденций фронтенд-разработки. Помню, были статьи на тему раздутия веб-среды, в которых писали, что средний размер страницы начал достигать нескольких мегабайтов!

И всё это время я жил с мыслью, что если средний размер страницы равен, скажем, 3 МБ, то JS-бандл должен составлять около 1 МБ. Естественно, основную часть объёма должно занимать содержимое, не так ли?

Что ж, проверить это можно лишь экспериментальным путём, чем я и займусь!

#js #ru

Social media icon

Иконки с эффектом при наведении. Создано на HTML и CSS.

#css

Crazy Pie Chart

Диаграмма, созданная из svg-картинки и анимированная при помощи библиотеки d3.

#js

Master of JavaScript Errors

Автор: Dragoslav Ivkovic
Год издания: 2023

#js #en