Скрипты и советы

От нуля до фронтендера (о своем пути простыми словами)

От нуля до фронтендера (о своем пути простыми словами)

Знаете, чтобы стать программистом с нуля, нужно достаточно много времени, чтобы переучиться при переходе в эту сферу из другой профессии. Могу, так сказать, ответить за свой базар на личном опыте. К примеру, возьмем область фронтенд разработки – создания визуальных интерфейсов для сайтов и приложений в интернете. Какой порог входа? Сначала допустим, что вы как минимум умеете пользоваться компьютером и заходить в интернет. Для начала, вам желательно знать английский: все термины будут

Подробнее
[Перевод] Реализация случайности в CSS при помощи тригонометрии

[Перевод] Реализация случайности в CSS при помощи тригонометрии

В прошлых статьях я рассматривал тему реализации псевдослучайности в CSS при помощи операции целочисленного деления и использовал простые числа для создания автоматического счётчика, при помощи которых можно генерировать разные значения для каждого объекта. Благодаря этому мы можем вычислять псевдослучайные значения для каждого элемента по отдельности. Несмотря на надёжность этого решения, оно имеет и недостатки: Функция деления с остатком не непрерывна Способ слишком сложен: он…

Подробнее
Какого цвета интернет: история смены окраски веб-страницами

Какого цвета интернет: история смены окраски веб-страницами

Как менялись цвета на сайтах с начала века до наших дней? Правда ли, что веб бесповоротно потемнел? Почему веб-дизайнеры больше не любят зеленый? Об истории изменений, текущих и будущих тенденциях в небольшой статье-исследовании. Читать далее

Подробнее
Фонетический словарь. Пет-проект в полезное приложение

Фонетический словарь. Пет-проект в полезное приложение

У меня есть хобби — изучение английского языка, и последнее время я увлекся фонетикой британского английского языка, но почти все словари дают транскрипцию «‎Королевского английского», на котором говорят, по данным Гугла, около 3 процентов жителей Соединённого Королевства. А найденный в интернете словарь http://www.cubedictionary.org/ хоть и дает нужную мне транскрипцию, но имеет ряд недостатков. Читать далее

Подробнее
[Перевод] Starting Electronics: руководство по веб-серверам на Arduino. Часть 16. CSS для позиционирования

[Перевод] Starting Electronics: руководство по веб-серверам на Arduino. Часть 16. CSS для позиционирования

От переводчика. Для тех, кто ознакомился с курсом по созданию веб-серверов на Arduino, автор делает последние штрихи и даёт последние необходимые знания по устройству веб-страниц. Материал этой статьи не относится напрямую к построению серверов, но содержит необходимую информацию для овладения искусством создания красивых и функциональных веб-страниц. Читать дальше →

Подробнее
Tailwind не только для MVP

Tailwind не только для MVP

Всем привет! Обычно tailwind используют для каких-то MVP/админок/не очень больших проектов, но мне кажется, что tailwind, имеет место быть в средних и крупных проектах. Большинство его минусов решаемы, а плюсы чертовски хороши :) В этой статье я распишу его плюсы и минусы и как можно минусы превратить в плюсы. Tailwind больше чем просто MVP

Подробнее
Книга завершена [SDK & UI-библиотеки] Вычисляемые свойства. Заключение

Книга завершена [SDK & UI-библиотеки] Вычисляемые свойства. Заключение

Это главы 47-48 раздела «SDK и UI-библиотеки» моей книги «API». На этом второе издание книги завершено, все шесть разделов готовы. Если эта работа была для вас полезна, пожалуйста, оцените книгу на GitHub, Amazon или GoodReads. English version on Substack. Вернёмся к одной из проблем, описанных в главе «Проблемы встраивания UI-компонентов»: наличие множественных линий наследования усложняет кастомизация компонентов, поскольку подразумевает, что они могут наследовать важные свойства

Подробнее
Веб-компоненты в 2023: нужно поговорить

Веб-компоненты в 2023: нужно поговорить

Я решил написать эту статью по мотивам своей недавней дискуссии в комментариях. Я часто вступаю в подобные сра... дискуссии здесь на Хабре и на других площадках. Кроме того, я регулярно провожу технические интервью с разработчиками и мы, также, часто касаемся этой темы. И вот, что я вам скажу: большинство фронтенд-разработчиков вообще не понимают, что такое веб-компоненты и зачем они нужны. Стандарту уже несколько лет, он давно поддерживается во всех популярных браузерах, но разработчики…

Подробнее
[Перевод] Что нового в Chrome 117?

[Перевод] Что нового в Chrome 117?

Что ожидается в статье: Три новые функции CSS позволяют легко добавлять плавные анимации появления и исчезновения. Вычисление наборов данных более высокого порядка с помощью группировки массивов. DevTools упрощает процесс локальных переопределений. И многое другое. Читать далее

Подробнее
[Перевод] Типизированные CSS переменные с @property

[Перевод] Типизированные CSS переменные с @property

Типы CSS - это достойное вложение в безопасность типов при работе с внешним интерфейсом. Мы все еще ожидаем кроссбраузерности, но мы к этому придем 🙂 . Читать далее

Подробнее
Как HTML и CSS влияют на доступность

Как HTML и CSS влияют на доступность

Многие разработчики думают, что доступность реализуется только с помощью aria-атрибутов. Если их не добавить, то всё, доступности нет. Конечно, aria-атрибуты нужны, но HTML и CSS такая же важная часть процесса создания доступных интерфейсов. Эти технологии непросто несут в себе кучу скрытых моментов, влияющих на доступность. Они напрямую позволяют её улучшить. В статье хочу показать это. Я затрону не все аспекты. Их очень много, поэтому поговорю о: интерактивных элементах, доступности…

Подробнее
Компилирование «железного» бинарника Java-программы Google Closure Stylesheets с GraalVM

Компилирование «железного» бинарника Java-программы Google Closure Stylesheets с GraalVM

Google Closure Stylesheets -- это компилятор для CSS, написанный Гугл в рамках набора инструментов Closure для веб-разработки, который в свое время обладал внушительными функциями такими как экспансия браузерных префиксов, переменными и др. Прошло уже более 10 лет с начала этого проекта, и в прошлом году его архивировали. Я же продолжил вести свой форк, и сегодня собрал его как нативный binary с помощью Oracle GraalVM. Под катом рассказ о том, какие моменты пришлось проработать, а так же…

Подробнее