HTML, CSS, JS




Реализация сносок и всплывающих подсказок с помощью Bootstrap

Подсказка

В бумажных книгах около мест, требующих пояснений, стоят цифры, а внизу страницы около цифр идут соответствующие пояснения. У таких пояснений есть свое название - сноски. Иногда их выносят в конец текста, как например в случаях со списком используемой литературы в рефератах и диссертациях. Где бы их ни размещали, сноски всегда отделены от основного текста в бумажных книжках.

(далее...)


Полупрозрачный фон в CSS

Полупрозрачный фон

Чтобы добиться полупрозрачного фона с помощью CSS, есть как минимум 2 способа, которые сразу в голову приходят – с использованием полупрозрачного png изображения или с использованием RGBa ("a" – значит alpha) для цвета фона. Работает это в современных браузерах, начиная с IE 9. В Chrome, Firefox и т.п. работает очень давно.

(далее...)


Исправление ошибки FileError: 'http://localhost:1234/Styles.less' wasn't found (404) при открытии веб-проекта с .less из Visual studio в IIS

less

Для одного проекта, в котором планировалось использовать много CSS-ной верстки, решил добавить .less файл для упрощения работы с CSS. Сделал все как обычно – создал файл Styles.less, в html-файле прописал путь к файлу Styles.less и less.min.js. Но при обновлении страницы было сообщение об ошибке: FileError: 'http://localhost:2724/Styles.less' wasn't found (404).

(далее...)


Подсветка элементов с помощью jQuery

Довольно распространенная задача – подсвечивать элементы формы. Например, при проверке на корректность заполнения очень неплохо подсветить их и перевести фокус на пропущенные элементы.

(далее...)


Верстка страниц сайтов в Bootstrap блоками

Bootstrap logo

Основное преимущество от использование Bootstrap – сокращение времени на верстку и разработку. Фреймворк Bootstrap основан на использовании блочной верстки для создания адаптивных страниц – страниц, внешний вид которых подстраивается автоматически под разрешение устройства пользователя.

(далее...)


Оформление таблиц в фреймворке Bootstrap

Рис.2. Таблица в стиле Bootstrap по умолчанию

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

(далее...)



MarkiMarta.ru. Записки отца-программиста" с 2009 г.
Категория информационной продукции 18+
Яндекс.Метрика