PHP и SQL.
Эта сборка позволяет легко управлять CMS и создавать свой backend на сайте, для работы php скриптов нужен сервер(об одном из локальных серверов я расскажу в следующем посте) Сейчас я научился кидать заявки с сайта на почту и собираюсь развиваться в направлении CMS и фронтенд, чтобы делать сайты под ключ, а про SQL я рассказывал в этом посте

​​+1 крутая работа!
Использовал: Git, gulp, scss, jQwery, js, wow.js, slick slider и тд.
Тык

OpenServer.
это портативный локальный WAMP/WNMP сервер. Позволяет запускать PHP скрипты и работать с CMS, отправлять заявки на почту и телеграмм.

Это отличный вариант тестировать отправку заявок, но лучше иметь свой хостинг и домен, скачать OpenServer можно тут

Отправляем заявку в телеграмм.
Последние посты нужны были для понимания устройства бэкенда и сейчас я покажу как отправлять заявку с сайта в телеграмм, как я и говорил, для php скриптов нужен OpenServer, так же вам нужно создать своего бота и чат, подробное руководство и файл скриптов есть в этом уроке:

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

Меняем цвет выделения текста с помощью 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, просто напиши в поиске нужную иконку и добавляй к себе в проект! Тык