Блог

Browser-sync. Живая перезагрузка

Как обычно происходит верстка макета? Вносим изменения в html или css. Сохраняем. Переключаемся на Chrome. Обновляем страницу. Тестируем. Переключаемся на Firefox. Обновляем страницу. Тестируем. Переключаемся на MS IE. Обновляем страницу. Тестируем. И так раз за разом, пока макет не будет готов.
Категория: Web-разработка • HTML и CSS

Bootstrap 4. Контейнер и сетка. Часть 3

По умолчанию адаптивные блоки визуально отображаются в том порядке, в котором они расположены в HTML коде. Изменить визуальный порядок следования адаптивного блока выполняется посредством класса order-{1…12}. Этот класс предназначен xs устройств. Для изменения порядка для sm, md, lg и xl используется…
Категория: Web-разработка • HTML и CSS

Bootstrap 4. Контейнер и сетка. Часть 2

Адаптивная сетка Bootstrap 4 построена на основе Flexbox. Основой сетки является класс row в качестве родительского контейнера для нескольких адаптивных блоков. Для класса row задано свойство display:flex, а дочерние элементы делят его пространство на части, но для разных разрешений экрана — по разному.
Категория: Web-разработка • HTML и CSS

Bootstrap 4. Контейнер и сетка. Часть 1

Bootstrap 4 — это открытый и бесплатный HTML, CSS и JS фреймворк, который используется веб-разработчиками для быстрого создания адаптивных дизайнов сайтов. В сущности — это просто набор сss- и js-файлов. После подключения этих файлов к странице станут доступны большое количество готовых классов и компонентов.
Категория: Web-разработка • HTML и CSS

WordPress. Галерея изображений

Шорткод [gallery] добавляет в запись блога или на постоянную страницу галерею изображений. При добавлении галереи из встроенного редактора, будет вставлен шорткод [gallery ids="…"] с указанием списка идентификаторов изображений. Если параметр ids не указан, будут показаны изображения, прикрепленные к данной записи или странице.
Категория: Web-разработка • CMS WoprdPress

Магазин на Yii2, часть 13. Страница товара и хлебные крошки

Следующий этап — создаем модель, контроллер и представление для показа страницы товара. Для снижения нагрузки полученные от модели данные кешируем в контроллере. Заодно добавим хлебные крошки для страницы товара и для раздела каталога. Для этого создадим виджет ChainWidget и будем вызывать его в view-шаблонах товара и категории.
Категория: Web-разработка • Yii2 и Laravel

WordPress. Что такое шорткод

Шорткоды — это функции PHP, которые можно задействовать внутри содержимого поста, используя условные обозначения. Например, стандартный вордпрессовский шорткод [gallery] позволяет вывести галерею внутри поста. Так же, как у функции могут быть аргументы, так и шорткод может иметь собственные параметры.
Категория: Web-разработка • CMS WoprdPress

WordPress. Хлебные крошки без плагина

Хлебные крошки — это способ навигации, который показывает расположение текущей страницы на сайте. Т.е. путь, по которому на нее можно попасть, начиная с главной страницы. Хлебные крошки полезны для сайтов со сложной структурой, с их помощью посетителю гораздо легче разобраться — в каком разделе он находится.
Категория: Web-разработка • CMS WoprdPress

WordPress. Защита страницы авторизации

Страница авторизации — одно из слабых мест WordPress. После публикации сайта роботы будут постоянно пытаться получить доступ к сайту. А сам WordPress им будет в этом помогать. При вводе неправильного логина, WP выдает сообщение «Неверное имя пользователя». При вводе неправильного пароля…
Категория: Web-разработка • CMS WoprdPress

Магазин на Yii2, часть 12. Промежуточные итоги и рефакторинг кода

Некий промежуточный итог — здесь все, что было сделано на текущий момент. Исправлены ошибки, допущенные ранее. Добавлены новые поля в таблицы базы данных. Переписаны некоторые фрагменты кода, которые оказались неудачными. Добавлено кеширование тяжелых фрагментов кода, связанных с выборкой данных из БД.
Категория: Web-разработка • Yii2 и Laravel
Каталог оборудования
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Производители
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Функциональные группы
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.