Эффектный переход в темный режим! Тык
Будет полезно, но пока ещё не придумал как использовать, интересно узнать ваши идеи, пишите в нашем чате

Меняем цвет выделения текста с помощью CSS. Псевдоэлемент ::selection позволяет менять стиль текста при выделении. На фото мой сайт портфолио, но он пока в разработке, буду делиться всеми трудностями и обновлениями, в планах сделать ещё 3 работы в портфолио

Самопишущийся текст.
Часто на сайтах встречается текст, который выводится в реальном времени, это удивительно! А поможет вам библиотека - typed.js

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

Частицы на JavaScript.
Каждый сможет повторить и использовать на практике, постоянно вижу на сайтах отсутствие анимации и интерактивных элементов. Скоро покажу вам примеры крутых прелоадеров и сделаю с нуля свой для моего сайта
Тык

Стилизуем scrollbar.
Благодаря свойствам scrollbar,scrollbar-track,scrollbar-thumb(с префиксом ::-webkit) можно создать свой собственный scrollbar! Поддержка у многих современных браузеров, но не во всех. Вариантов стилизации очень много, но я сделал такой.В планах сделать прелоадер, слайдер,курсор, ну и блок портфолио, скоро релиз:)

Внимание.
Сайты построены на вашем внимании, формы обратной связи, дизайн, интерактив — все это способы привлечения внимания, люди акцентируют внимание на сайтах с крутым дизайном, а другие нередко обходят стороной.

Безусловно, есть сайты без хорошего дизайна, где много посещений, но это реально полезные сервисы, а когда в последний раз вы заходили на реально полезный сайт?:)

Вместо этого ваше внимание концентрируется на бесполезных чатах и сообщениях, лучше зайдите в чаты по вашей тематике или сделайте что-то полезное. Что вы думаете по этому поводу? Напишите в чате!

Full stack или профи в своей нише?
Думаю каждый из вас задавал себе этот вопрос, изначально у меня был огромный выбор React, Vue, Wordpress, Верстка. Я перепробовал много и понял, что все не выучить!

Сейчас я планирую делать сайты под ключ и заниматься фрилансом, давно мечтал выучить Wordpress, но нужен php, вот сейчас прохожу один хороший курс тык.

Но даже когда вы стали профи в верстке, то чтобы выполнять хорошо свою работу вам все равно нужно знать основы php, чтобы выполнять качественно свою работу и таких примеров очень много

Из HTML на Wordpress.
Планирую посмотреть курс «Из HTML на Wordpress», пока нужны базовые понятия, а потом закреплю на практике, уже близко к созданию сайтов под ключ, но ещё нужно много узнать тык

Плавная анимация меню.
Долго искал решение, но получилось великолепно, ещё поправлю мобильную версию и меню готово! Демо

23 lesser known VS Code Shortcuts as GIF.
Реально полезная статья, пользуюсь каждый день, эти шорткаты облегчают работу в VS Code, есть гифки с объяснением тык

404.php.
Каково было мое удивление, когда я узнал что Wordpress может даже такое! +1 страница для верстки, но это того стоит, для хорошей страницы 404 нужна ссылка на главную станицу и соответсвующий дизайн, вот примеры интересных оформлений 404 страниц. А я продолжаю погружение в Wordpress

Практика.
Верстайте, учитесь, читайте и программируйте!
Сейчас смотрю курс от Glo Academy - «Курс по Wordpress», помимо этого верстаю и делаю свой сайт портфолио, но ничего не успеваю! Надо придумать, как ускорить работу, gulp уже не справляется, нужно прокачать сборку, а ещё немного попрактиковаться в верстке. Думаю я уже близок к фрилансу, но ещё не знаю, что меня ждёт

Продолжаем изучать Wordpress.
Нашёл курс от Федора Васильева, буду смотреть посл Glo Academy. Автор рассказывает про свой личный опыт в WordPress, на что нужно обращать внимания при выборе CMS движка для ведения своего проекта в интернете тык

Прелоадер.
При загрузке станицы на некоторых сайтах появляется прелоадер - это анимация пока сайт загружается. Я тоже решил создать свой прелоадер для своего сайта портфолио и вот его первая версия(с цветом потом можно поиграться)

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

6 способов центрировать элемент!
Сколько знали вы? Напишите в чате!
Тык

Иконки на сайт.
Часто приходится искать разные иконки на сайт,а в интернете искать долго, тогда я решил найти выход и нашёл Flaticon, просто напиши в поиске нужную иконку и добавляй к себе в проект! Тык

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

Формы.
Регистрации, рассылки, подписки — во всем этом участвуют формы, они есть на любых сайтах и выполняют функцию обратной связи, новичкам советую посмотреть подробный урок по формам тык, планирую сделать валидацию и отправку на почту и в телегу(тык)

Красивый эффект для заголовков!
Может кому-то будет полезно, часто используется и выглядит необычно! Тык

Yarn vs npm: Everything You Need to Know.
В статье доходчиво описывается различия и сходства этих менеджеров пакетов, будет полезно почитать, оставляю ссылку на оригинал и перевод, статья старая, но отлично подойдёт для ознакомления