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

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

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

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

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

Читать далее

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

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

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

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

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

Читать далее

Секция-галерея на GSAP

Блок или секция с меняющимися мышкой фотографиями

Решение выполнено на JavaScript c использованием библиотеки GSAP и рассчитано на несколько фотографий.

Читать далее

Блоки с разноцветными пузырями

Анимированные разноцветные пузыри вокруг информационных блоков на JS

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

Читать далее

Колода фотографий

Тасующиеся по клику фотографии как колода карт

Решение выполнено на jQuery, и может работать на всех экранах и с любым количеством фотографий

Читать далее

Секция с фотографиями и раскрывающимся их описанием

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

Изначально секция рассчитана на три блока, но по аналогии их можно легко увеличить или уменьшить.

Для плавности раскрытия описания фотографии используется коротенький JavaScript.

Читать далее

Фон с разноцветными существами

Фон для секции или всей страницы с разноцветными существами, похожими на пипидастров

Фон генерируется случайным образом и хорошо подойдет для сайта детской тематики

Читать далее

Версия для печати без использования отдельной страницы

Два примера создания версии для печати на той же странице сайта, где находится документ

Данные решения не являются универсальными и для каждого сайта и/или страницы должны быть своими.

В данной теме рассмотрены два варианта создания версий для печати на примере страницы этого блога.

Читать далее

О блоге:

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

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