Все записи категории ‘Танцы с CSS’

Цвет HR — как изменить в CSS
 27 Апр, 2017

Горизонтальная линия HR — независимый HTML элемент — вызывает много вопросов у начинающих. Основная проблема — установка цвета.

Читать далее »

Bootstrap extra large — стили для сетки свыше 1600 точек
 20 Апр, 2017

3я версия Bootstrap определяет 4 размера сетки: <768px, ≥768px, ≥992px, ≥1200px. Этих размерностей явно не достаточно.

Читать далее »

Эффект исчезновения/появления цветности CCS3
 7 Апр, 2017

Среди простых, но эффектных способов оживить картинки на сайте есть следующий визуальный эффект, для которого нужны лишь CSS3 стили. Назовем его — «игра с цветностью».

Читать далее »

Как запретить растягивание textarea
 27 Фев, 2017

Тэг TextArea — незаменимое поле ввода для текста. Современные браузеры по-умолчанию позволяют пользователям изменять размеры, растягивать его за правый нижний угол. Сделано это с добрыми намерениями, но для верстальщика оборачивается не самыми приятными последствиями.

Читать далее »

Делаем треугольник на CSS с помощью border
 19 Апр, 2016

Мы не будем углубляться в CSS3, где есть такое свойство как shape-outside, т.к. с его помощью легко можно сделать из обычного слоя любой многоугольник: что уж там какие то треугольники?

Мы попробуем выжать, казалось бы, немыслемое из свойства border. Итак, треугольники бордюрами.

Читать далее »

Как делаются сайты с адаптивным дизайном?
 7 Апр, 2016

All-Devices-Supported

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

Только в одном им нелегко тягаться с настольными компьютерами — это размер дисплея. Комфортные глазу 24 дюйма никак не хотят влезать в карман :).

Читать далее »

Текст style CSS
 31 Мар, 2016

using-css

Если вы решили разобраться как устроены документы в Интернет, тогда сразу после знакомства с гипертекстовой разметкой (HTML), вам нужно освоить каскадные таблицы стилей — CSS.

Читать далее »

Размещаем блок по центру, используя CSS
 29 Мар, 2016

Для центровки блока средствами CSS  оперируют его внешними отступами.

Читать далее »

Перенос слов в CSS
 28 Мар, 2016

Каскадные стили позволяют управлять переносом слов в выбранном контейнере. Для этих целей служат два свойства — word-wrap и word-break. Работу с ними и небольшие хитрости рассмотрим в данной статье.

Читать далее »

Эффект размытия blur средствами CSS
 23 Дек, 2015

В интернете много решений, я попробовал, наверное, все :) Основная проблема — не удаётся достичь кросс-браузерности. Как всегда, отличился IE.

Читать далее »