Уроки Веб Разработки (less, sass, scss)
Актуальные материалы по CSS
31 Июл
Как на CSS сделать обводку градиентом?
Часто приходиться применять градиент для обводки кнопок или блоков, но к сожалению в CSS до сих пор нет метода по умолчанию, такого чтобы одним свойством задать градиент, как…
13 Июл
CSS Container Queries: Современный подход к адаптивному дизайну
CSS Container Queries – это инновационный инструмент, который позволяет регистрировать элемент как «контейнер» и применять стили к другим элементам, когда этот контейнер соответствует определенным условиям. Введение: Контейнерные Запросы…
27 Июн
Как использовать брэйкпоинты при верстке адаптивных веб-дизайнов.
Как использовать брэйкпоинты при верстке? Брейкпоинты являются основой адаптивного веб-дизайна. Они позволяют сайтам плавно адаптироваться к различным устройствам и размерам экрана. Брейкпоинты обозначают моменты, когда макет и контент…
31 Окт
Превращаем текст в текстуру на CSS
Создание текстурного текстового эффекта с помощью CSS — это увлекательный способ сделать ваш текст выделяющимся среди других. Для этого требуется использование нескольких вендорно-специфичных свойств, а также изображения, которое…
24 Окт
Как стилизовать checkbox и radio кнопки на CSS?
Интерфейс веб-сайтов и веб-приложений играет важную роль в общем пользовательском опыте. Один из важных элементов этого интерфейса — это стилизованные радиокнопки и чекбоксы. В этой статье мы рассмотрим,…
20 Окт
Онлайн генераторы кода CSS для разработчика. Топ 100!
CSS-генераторы могут сэкономить вам много времени при создании веб-сайта. Я лично часто использую генераторы (особенно на CSS) для экономии времени чтобы автоматизировать рутинные задачи по написанию кода. К…
Cтатьи и уроки по HTML
Новые уроки по HTML
15 Июл
Видеокурс по HTML и CSS для Чайников
Этот бесплатный видеокурс по HTML и CSS, автором которого является Александр Сокирка, состоит из 46 уроков и охватывает все основные аспекты веб-разработки. Вы изучите HTML, CSS, JavaScript, jQuery,…
25 Окт
Полезные HTML-атрибуты, о которых вы, возможно, не знаете
Веб-разработчик просто обязан хорошо знать HTML и уметь им пользоваться. Вы не можете называть себя веб-разработчиком, не зная этого языка разметки. Этот язык разметки обладает массой ценных возможностей….
24 Фев
Большое руководство по верстке сайтов из Figma
Как верстать сайты Данная статья представляет собой руководство по верстке из Figma, в которой мы рассмотрим как верстать сайты. Вы узнаете, что такое Figma и как его использовать…
23 Фев
Редкие HTML тэги которые нужно знать
HTML тэги. Современным веб-разработчикам часто приходится работать сразу в нескольких языках программирования. Из-за этого сложно изучить все возможности каждого языка и легко упустить более специализированные, но не менее…
22 Фев
Валидация форм HTML5. Полное руководство.
Когда вы собираете информацию от посетителей сайта через форму, обязательно нужно применять некоторые виды проверки. Не выполнение этого условия может привести к потере клиентов, мусорным данным в вашей…
Cтатьи и уроки по PHP и ООП
Уроки Веб Разработки на PHP
10 Июл
Самые Популярные PHP Фреймворки: Что Использовать для Веб-Разработки
Когда вы думаете о веб-разработке, помимо HTML, CSS и JavaScript, одним из первых на ум приходит язык программирования PHP. В этой статье рассмотрим PHP Фреймворки. Несмотря на распространенное…
28 Июн
WordPress: Минификация CSS, HTML и JS файлов с помощью PHP
Веб-разработчики и дизайнеры часто сталкиваются с проблемой скорости загрузки сайта. Существует множество способов ускорить веб-страницу, и одним из них является минификация CSS, HTML и JS файлов. Минификация —…
24 Июн
12 Git команд, которые должен знать каждый разработчик
В этой статье я помогу вам освоить базовые принципы работы с Git и GitHub. В этом выпуске мы рассмотрим основные 12 Git команд, которые должен знать каждый разработчик….
23 Апр
Расширяем возможности WordPress: использование wp_remote_post для взаимодействия с внешними API
В этой статье мы разберемся c возможностями WordPress для взаимодействия с внешними API и узнаем о возможностях wp_remote_post(). Данная функция отправляет HTTP запрос методом POST. В документации WordPress…
01 Мар
Что нового в Laravel 11?
Laravel — это ведущий PHP-фреймворк, знаменитый своим изящным синтаксисом, мощными возможностями и инструментами, удобными для разработчика. Его архитектура поддерживает эффективное веб-разработку на PHP, помогая создавать масштабируемые и поддерживаемые…
29 Фев
Как добавить метабоксы и произвольные поля к постам в Гутенберге
Поля произвольных данных (метабоксы) служат для добавления дополнительной информации к контенту вашего сайта. Эта информация, известная как метаданные, позволяет расширить функциональность и возможности вашего веб-ресурса. В этой статье…
Обучающие материалы по JS
Полезное по JavaScript и React
01 Июл
Топ 10 рекомендаций для React разработчика, которые должен знать каждый
В этой статье собраны советы и рекомендации (Топ 10 рекомендаций для React разработчика): 1. Используйте JSX для более чистого кода JSX – это расширение синтаксиса JavaScript, которое позволяет…
17 Апр
Как парсить контент Gutenberg для headless WordPress
Gutenberg — это редактор по умолчанию для WordPress. Он позволяет создавать и оформлять контент с помощью отдельных блоков для текста, изображений, видео и других элементов сайта с помощью…
04 Мар
jQuery: Возрождение легенды в 2024 году.
jQuery — это быстрая, мощная и легковесная библиотека JavaScript, разработанная для упрощения взаимодействия с HTML, облегчения анимации, обработки событий и управления DOM веб-страницы. Была создана Джоном Резигом (John…
03 Мар
Революция React 19: долгожданные функции и устаревшие методы
React 19 мчится на всех парах! После долгого ожидания выходит новая версия React, которая обещает кардинально изменить процесс разработки. Давайте разберемся в новых возможностях и попрощаемся с устаревшими…
29 Фев
Как добавить метабоксы и произвольные поля к постам в Гутенберге
Поля произвольных данных (метабоксы) служат для добавления дополнительной информации к контенту вашего сайта. Эта информация, известная как метаданные, позволяет расширить функциональность и возможности вашего веб-ресурса. В этой статье…
10 Фев
Как создать сайт на React и WordPress (Headless)
WordPress — одна из самых популярных систем управления контентом (CMS), используемая 810 миллионами пользователей, что составляет 41% всего интернета! Это идеальный выбор для тех, кто хочет быстро создать…
SEO Оптимизация
Уроки Оптимизации и SEO
14 Июл
Как отследить ключевые слова, которые ищут на вашем WordPress сайте?
Разрабатывая сайты и темы на WordPress, практически в каждом проекте приходиться использовать форму поиска. Поиск по блогу или магазину, является дефолтной опцией в WordPress, и каждая бесплатная или…
11 Июл
Карта сайта XML: Полное руководство
Сегодня мы разберем, как создать Карту сайта, какие форматы она может иметь, а также какие требования к ней предъявляют поисковые системы. Этот материал будет полезен как начинающим веб-мастерам,…
30 Июн
CDN или Кэширование? Полное Руководство по Оптимизации Скорости Веб-Сайта
В современном мире высокой конкуренции в интернете, производительность веб-сайта играет ключевую роль в успехе онлайн-бизнеса. Быстро загружающийся и надежный сайт привлекает больше посетителей, улучшает пользовательский опыт и способствует…
26 Июн
12 важных советов по SEO для изображений, которые вам нужно знать
В этой статье вы узнаете, как оптимизировать изображения на вашем сайте для лучшей видимости в поисковых системах. 12 советов и техник по SEO для изображений. Изображения часто занимают…
13 Мар
20 лучших SEO расширений для Chrome
Оптимизация контента — важный аспект продвижения сайта в поисковых системах. Однако использование инструментов оптимизации может быть вызовом для некоторых веб-мастеров. К примеру, одни SEO расширения для chrome могут…
24 Фев
SEO оптимизация сайта. Чеклист для разработчика сайтов
SEO оптимизация сайта Конечная цель создания сайта — привлечь как можно больше посетителей, чтобы они смогли узнать больше о вас и вашем бизнесе. SEO оптимизация сайта — это…