Теги: HTML

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

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

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

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

Yii2. Создаем свое представление

Вид (View) — это часть MVC архитектуры, которая отвечает за представление данных конечным пользователям. Виды представляют собой PHP-файлы, содержащие HTML и PHP код, отвечающие внешний вид страниц сайта. В Yii2 существуют два вида шаблонов — layout (директория views/layouts) и view (директории views/site, views/page, …).
Категория: Web-разработкаYii2 и Laravel

Анимация элементов страницы

Animate.css — библиотека CSS3-эффектов анимации, созданная на самом же CSS3. На официальном сайте можно посмотреть все возможные для этой библиотеки эффекты и подобрать подходящий в выпадающем списке. Использовать библиотеку очень легко — достаточно скачать и подключить файл animate.css и добавить классы animated…
Категория: Web-разработкаHTML и CSS
Теги: CSSHTMLJavaScriptВерстка

CSS. Flexbox верстка

Модель flexbox-разметки связана с определенным значением CSS-свойства display родительского элемента (flex-контейнер), содержащего внутри себя дочерние блоки (flex-элементы). После установки значения flex каждый дочерний элемент автоматически становится flex-элементом, выстраиваясь в ряд (вдоль главной оси) колонками одинаковой высоты.
Категория: Web-разработкаHTML и CSS

Микроразметка страницы Open Graph

Социальными кнопками вроде «Поделиться», «Лайкнуть», «Share», «Like» и подобными на страницах современных сайтов сегодня никого не удивить. Их предназначение, ввиду огромной популярности социальных сетей, известно всем и каждому. Для владельца сайта такие кнопки могут представлять определённую головную боль.
Категория: Web-разработкаРазное

CSS-переменные

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

Mustache — шаблонизатор для JavaScript

Mustache — шаблонизатор, который содержит минимум управляющей логики и доступен для разных языков программирования. Его можно использовать и на сервере (PHP, Ruby и т.д.), и на клиенте (Javascript). Шаблон пишется на простом языке, состоящем из нескольких типов тегов. Теги обрамляются двумя или тремя фигурными скобками с каждой стороны.
Категория: Web-разработкаРазное

Битрикс. Создание шаблона

Все файлы шаблонов хранятся в директории /bitrix/templates/ или /local/templates/, для каждого шаблона — отдельная директория. Список всех шаблонов, доступных для использования, можно посмотреть в панели управления. Битрикс рекомендует следующую структуру для директории каждого шаблона…

Битрикс. Подключение файлов js и css в шаблоне

Посмотрим, как правильно подключать дополнительные файлы стилей и скрипты в шаблон сайта, чтобы корректно работала настройка сжатия файлов js и css. Прямое подключение дополнительных файлов не рекомендуется, для этого есть методы AddHeadScript() и SetAdditionalCSS().
Каталог оборудования
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.