dr.Brain

doctor Brain

мир глазами веб-разработчика

Hugo: демонстрируем код

вставляем пример кода в статью

dr.Brain

время чтения 2 мин.

Photo by Alessio Lin on Unsplash

В этой статье мы изучим, как добавить фрагмент кода в контент сайта, созданного на hugo.

Изучаем содержимое SVG спрайта

анализируем картинки в SVG спрайте с помощью JavaScript

dr.Brain

время чтения 1 мин.

Photo by Sebastian Herrmann on Unsplash

Бесспорно, все мы знаем структуру SVG-спрайта: это один корневой элемент svg, внутри которого находятся области symbol, содержащие картинки. Каждому symbol присваивается уникальный id, по которому идет дальнейшее обращение к картинке. Контент, расположенный внутри symbol не отображается на странице.

Нужна ли точка с запятой?

выясняем насколько нужна точка с запятой в конце строки в JavaScript

dr.Brain

время чтения 2 мин.

Photo by Maxim Melnikov on Unsplash

Я только начинаю свой путь в JavaScript и, возможно поэтому, использую базовый синтаксис. Разбирая примеры кода, я, прежде всего, обращаю внимание на знаки препинания: точки с запятой, круглые и квадратные скобки. Фигурные скобки для меня интуитивно понятны - в них заключен код функций. В JavaScript я пришел из Ruby, поэтому использование круглых скобок не вызвало затруднений - в обоих языках они выполняют сходные роли (хотя теперь я узнал несколько новых способов использования круглых скобок).

CSS: fadeIn и fadeOut

создаем эффекты fadeIn и fadeOut на чистом CSS

dr.Brain

время чтения 2 мин.

Допустим, Вы хотя бы иногда работаете с видеоредакторами: Windows Movie Maker или Adobe Premiere Pro. В таком случае Вам хорошо известны эффекты постепенного исчезновения (fade out) или появления изображения (fade in). Можно с уверенность сказать, что эти эффекты популярны, потому что они позволяют создавать довольно приятные переходы, которые не раздражают пользователей.

Новые публикации

Далее

Категории

О нас

Frontend & Backend. Статьи, обзоры, заметки, код, уроки.