css




Реализация сносок и всплывающих подсказок с помощью 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

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

(далее...)


Генерация html-кода с помощью плагина Emmet в Visual Studio Code

Использование плагина Emmet в Visual Studio Code

Про плагин Emmet узнал совершенно случайно, когда в редакторе Visual Studio Code нажал кнопку Tab после ошибочно введенного символа 'p' – текст заменился на <p></p>. Сначала подумал, что глюк, но попробовав то же самое с div, td и т.д. понял, что "это не баг, а фича".

(далее...)


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

Bootstrap logo

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

(далее...)



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