Блог

Обзор программы Koala

Решили перейти с CSS на SASS, но возник вопрос «Как компилировать SASS-файл в обычный CSS?». Для этого есть несколько методов, и самый простой из них — использовать программу Koala. Это кроссплатформенная программа для компиляции Less, Sass, Compass и CoffeeScript. Работает на Win, Mac OS и Linux.
Категория: Web-разработкаHTML и CSS

Bootstrap 3. Jumbotron и Well

Компонент Jumbotron предназначен для размещения контента на сайте, который занимает всю ширину контейнера и является очень большим, чтобы пользователи обратили на него внимание. Компонент Well позволяет выделить какой-то контент на странице с помощью рамки и фона.
Категория: Web-разработкаHTML и CSS

Bootstrap 3. Медиа-объекты

Медиа-объект является основой для построения на сайте сложных блоков (комментариев, отзывов). Один комментарий или отзыв в этом сложном блоке — это один медиа-объект. Медиа-объект состоит из медиа-элемента (изображения, видео или аудио) и текстового контента.
Категория: Web-разработкаHTML и CSS

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

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

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

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

Bootstrap 3. Гармошка и карусель

С помощью компонента «Гармошка» можно создать набор из нескольких сворачиваемых панелей, содержащих контент различного объема. Поскольку открытой может быть только одна панель, все выглядит компактно. Компонент «Карусель» предназначен для демонстрации на сайте серии изображений (слайдов).
Категория: Web-разработкаHTML и CSS

Bootstrap 3. Вкладки и ScrollSpy

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

Bootstrap 3. Всплывающие панели

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

Bootstrap 3. Всплывающие подсказки

Всплывающая подсказка — это некоторая информация, появляющаяся рядом с элементом при наведении курсора мыши. Подсказка может быть добавлена к любому элементу страницы. Создание всплывающей подсказки осуществляется посредством добавления к HTML-элементу атрибута title и вызова для него метода tooltip.
Категория: Web-разработкаHTML и CSS

Bootstrap 3. Валидация формы

Перед отправкой формы на сервер, её заполнение обычно проверяют с помощью JavaScript. Эта процедура исключает обработку сервером неверно заполненных данных пользователем, а также разгружает сервер посредством уменьшения количества запросов к нему. Будем использовать для валидации формы плагин validator.js.
Категория: Web-разработкаHTML и CSS
Каталог оборудования
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.