Поиск по блогу

React.js. Начало работы. Часть 3 из 12

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

React.js. Начало работы. Часть 2 из 12

Компоненты могут состоять из других компонентов. Простой пример — какой-нибудь список элементов, например меню сайта. Каждый элемент меню может быть представлен отдельным компонентом, а само меню также может представлять собой компонент. Пример композиции из нескольких компонентов…

React.js. Начало работы. Часть 1 из 12

React — JavaScript библиотека для создания пользовательских интерфейсов. Она позволяет собирать сложный UI из маленьких изолированных кусочков кода, называемых «компонентами». Прежде чем создать первый компонент, создадим чистый документ React, не содержащий компонентов.

Bootstrap 4. Навигация: ссылки, вкладки и кнопки

Навигационная панель может быть реализована в виде ссылок, вкладок (tabs) или кнопок (pills). Создание панели начинается с маркированного списка, к которому добавляется базовый класс nav. Если к списку добавить класс nav-tabs — получим вкладки, если добавить класс nav-pills — получим кнопки.
Категория: Web-разработка • HTML и CSS

Bootstrap 4. Компонент «Сообщения»

Сообщения (alerts) предназначены для выделения на веб-странице некоторой информации с целью привлечения к ней внимания пользователя. Наиболее часто данный компонент используют для отображения ошибок и предупреждений при валидации форм.
Категория: Web-разработка • HTML и CSS

Bootstrap 4. Компонент «Модальное окно»

Компонент предназначен для отображения на странице изначально скрытого контента. При появлении по какому-либо событию, модальное окно затемняет всю страницу и отображается поверх остальных элементов. Окно представляет собой контейнер, который содержит заголовок, основное содержимое и подвал.
Категория: Web-разработка • HTML и CSS

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

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

WordPress. Theme Customize API. Часть 12

В WordPress доступны два элемента управления, которые позволяют выбрать значение из множества допустимых — это select (выпадающий список) и radio (группа переключателей). Но нет элемента управления, который позволил бы выбрать несколько значений. Давайте исправим это упущение и создадим такой элемент управления.
Категория: Web-разработка • CMS WoprdPress

WordPress. Добавляем мета-теги. Часть 1 из 3

Для вывода мета тегов будем использовать «Произвольные поля», поэтому для начала нужно их включить. На странице редактировании или создания записи, в правом верхнем углу кликаем на ссылку «Настройки экрана» и отмечаем checkbox «Произвольные поля». После этого внизу страницы добавляем два поля: meta_description и meta_keywords.
Категория: Web-разработка • CMS WoprdPress

Yii2. Добавление мета-тегов

Мета-теги — это html-теги, с помощью которых указываются дополнительные данные о странице сайта. Влияют на то, как отображается и какую позицию занимает страница в поисковой выдаче. При прочих равных условиях поисковики отдают предпочтение сайту с грамотно сформированными мета-тегами.
Категория: 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.