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

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

WordPress. Создание одностраничного сайта

Будем считать, что WordPress уже установлен и у нас есть сверстанный шаблон страницы, т.е. файл index.html и три папки — img, js и css. Так что перейдем сразу к созданию темы. Для этого создаем директрию wp-content/themes/arcade-theme и внутри директории два файла — style.css и index.php.
Категория: Web-разработка • CMS WoprdPress
Теги: CMS • CSS • Hook • HTML • JavaScript • PHP • Web-разработка • WordPress • Функция

Yii2. Отправка данных AJAX

На сегодняшний день отправка данных на сервер без перезагрузки страницы уже стала стандартом де факто. За счет этого уменьшается время отклика, да и выглядит это достаточно привлекательно, сопровождаясь красивыми анимационными эффектами. Давайте посмотрим, как можно отправить данные на сервер без перезагрузки страницы.
Категория: 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.