Programmer Way | IT и фриланс

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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