С информацией
Только заголовки

Оформление текста в SVG

Несколько вариантов оформления текста на основе векторной графики SVG

SVG тег <text> определяет графический элемент, содержащий текст. Как и к любому другому, к нему можно применить градиент, шаблон, окантовку, маску или фильтр.

Читать далее

Простые решения по работе с сайтом и его элементами

Лоадеры и спиннеры на CSS

Сборник иконок лоадеров и спиннеров на CSS

Преимуществом данных иконок является то, что все они устанавливаются всего одним тегом <span class="loader"></span>

Читать далее

Кролик пускающий мыльные пузыри

CSS-анимация с пускающим мыльные пузыри кроликом

Кролик выполнен на чистом CSS и отлично подойдет для оформления блока или секции схожей тематики.

Читать далее

Кот идущий на передних лапах

CSS-анимация с идущим на передних лапах котом

Кот выполнен на чистом CSS и отлично подойдет для оформления блока, секции или другого элемента страницы, где он уместен.

Читать далее

Модальные окна на CSS

Два варианта создания модальных окон без использования JavaScript

Два разных примера создания модальных окон на чистом CSS.

Первый с использованием HTML-элемента <details>, а второй с флажком <input type="checkbox">

Читать далее

Выделение лиц на фотографии

Увеличение и выделение лиц и других объектов на фотографии

Решение на jQuery для выделения и увеличения объектов на фотографии при заходе на них курсора мыши или нажатии в мобильном варианте.

Данным способом можно понятно и красиво выделить людей на групповом фото или, например, отметить элементы какого-нибудь строения.

Читать далее

Сервис по созданию фавиконок

Генератор фавиконок на сайте realfavicongenerator.net

Никогда подробно не углублялся в фавиконки, так как раньше это и были иконки и ставились на сайт ее созданием и добавлением ссылки <link rel="icon" href="favicon.ico /">. Кстати большинство сервисов, которые попались на глаза, эти самые favicon.ico до сих пор и создают.

Сейчас все немного иначе и данная заметка посвещена сервису по созданию современных фавиконок

Читать далее

О блоге:

Данный блог посвящен разнообразной работе с сайтом и по большей своей части является моей записной книжкой, в которой я пишу о том, что использую, использовал или хотел бы использовать. В основном это про украшение контента и страниц, чем собственно, и люблю заниматься. Именно поэтому в эту книжку попадают только проверенные решения, которые я разобрал, проверил и решил применять в той или иной степени.

Все стили и скрипты, что я выкладываю тут, я стараюсь внедрить на страницу статьи, убедившись, что это решение работает, не только отдельно, но и уже на сделанном сайте. Очень часто бывает так, что на отдельной странице все хорошо и красиво, а на сайте происходят сплошные конфликты, например из-за bootstrap, стилей сайта или используемой информации. И вот тут становятся заметны все ошибки, решив которые заметка попадает на этот блог.