Уроки Веб Разработки (less, sass, scss)

Актуальные материалы по CSS

Превращаем текст в текстуру на CSS

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

Как стилизовать checkbox и radio кнопки на CSS?

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

Онлайн генераторы кода CSS для разработчика. Топ 100!

CSS-генераторы могут сэкономить вам много времени при создании веб-сайта. Я лично часто использую генераторы (особенно на CSS) для экономии времени чтобы автоматизировать рутинные задачи по написанию кода. К счастью, создано множество инструментов...

Повышаем свой уровень в CSS: селектор :has()

Селектор :has() в CSS позволяет делать то, что ранее было невозможно без JavaScript. CSS :has() – это селектор, позволяющий разработчикам создавать более точные и гибкие стили на веб-сайтах. Этот селектор выбирает элементы, которые содержат...

Как использовать Clamp и почему он важен для веб-разработчика

Как использовать Clamp в CSS? В мире веб-разработки существует множество техник и инструментов, которые позволяют создавать удивительные и адаптивные веб-сайты. Один из таких инструментов – функция CSS, называемая Clamp. В этой статье мы...

Как обрезать текст на CSS?

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

Новые уроки по HTML

Полезные HTML-атрибуты, о которых вы, возможно, не знаете

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

Большое руководство по верстке сайтов из Figma

Как верстать сайты Данная статья представляет собой руководство по верстке из Figma, в которой мы рассмотрим как верстать сайты. Вы узнаете, что такое Figma и как его использовать для верстки, а также научитесь создавать и экспортировать...

Редкие HTML тэги которые нужно знать

HTML тэги. Современным веб-разработчикам часто приходится работать сразу в нескольких языках программирования. Из-за этого сложно изучить все возможности каждого языка и легко упустить более специализированные, но не менее полезные HTML тэги....

Валидация форм HTML5. Полное руководство.

Когда вы собираете информацию от посетителей сайта через форму, обязательно нужно применять некоторые виды проверки. Не выполнение этого условия может привести к потере клиентов, мусорным данным в вашей базе данных или даже уязвимостям безопасности...
Cтатьи и уроки по PHP и ООП

Уроки Веб Разработки на PHP

Что нового в Laravel 11?

Laravel – это ведущий PHP-фреймворк, знаменитый своим изящным синтаксисом, мощными возможностями и инструментами, удобными для разработчика. Его архитектура поддерживает эффективное веб-разработку на PHP, помогая создавать масштабируемые и...

Как добавить метабоксы и произвольные поля к постам в Гутенберге

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

Как запустить WordPress под Docker?

В этой статье я расскажу о преимуществах использования Docker для запуска локальных серверов. Docker – это платформа виртуализации, которая позволяет запускать приложения в изолированных контейнерах. Это означает, что вам не нужно...

Как создать виджет для Elementor?

В данном уроке я покажу как создать виджет для Elementor. Elementor – это визуальный конструктор страниц для WordPress, который представляет собой плагин для этой платформы. Он обеспечивает пользователям возможность создавать и редактировать...

Как сделать деплой сайта через GitHub Actions?

В данной статье вы узнаете как сделать деплой сайта при помощи GitHub Action. Инструкция очень простая, задача состоит в копировании файлов из репозитория GitHub на production сервер с сайтом. Видео урок: Как сделать деплой...

Nginx или Apache: какой веб-сервер лучше?

Существует множество различных типов серверного программного обеспечения, но часто вы сводите выбор к Nginx или Apache. Это связано с тем, что оба предлагают высокую производительность для множества конфигураций сервера и лучше всего подходят для...

20 лучших SEO расширений для Chrome

Оптимизация контента — важный аспект продвижения сайта в поисковых системах. Однако использование инструментов оптимизации может быть вызовом для некоторых веб-мастеров. К примеру, одни SEO расширения для chrome могут отлично находить ключевые...

SEO оптимизация сайта. Чеклист для разработчика сайтов

SEO оптимизация сайта Конечная цель создания сайта – привлечь как можно больше посетителей, чтобы они смогли узнать больше о вас и вашем бизнесе. SEO оптимизация сайта – это один из способов повысить видимость вашего сайта в...