Вторник , 19 Март 2024
ДомойАрхивы с метками: html/css/javascript

Архивы с метками: html/css/javascript

Показ дополнительных элементов формы при клике на переключатель, только CSS

Показ дополнительных элементов формы с помощью CSS

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

«Табличные» манипуляции с помощью jQuery-плагинов

«Табличные» манипуляции с помощью jQuery-плагинов

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

Создаём красивую html таблицу

Раскашиваем таблицу

Привет, друзья! Каждый, кому приходилось вести блог, наверняка сталкивался с таблицами. Как их создавать рассказывать не буду. А вот про красивую «разлиновку» поговорим. Оформлять будем, конечно же, с помощью CSS. Научимся делать «зебру» — не только горизонтальную, но и вертикальную. Поехали!

Проблема с формой в Internet Explorer 11

problemy

Всем привет! Сегодня со мной произошёл странный случай, даже можно сказать, особенный. Поступило сообщение на странную работу формы. Такое периодически случается, и проблема не всегда в кривых руках юзеров, которым свойственно принимать особенность работы за «страшные ошибки», или менеджерах, у которых «вчера отображалось как-то иначе». Началось всё с репорта, что после отправки формы она появляется снова, с заполненными полями, но ...

CSS затемнение картинки или фона

Затемнение в работе сайтов применяется часто. Типичные варианты — при наведении курсора мыши или после показа какого-либо элемента, чтобы подчеркнуть необходимость действий со стороны пользователя. Содержимое сайта затемнить просто. Этим же способом можно воспользоваться, если потребуется сделать фоновое изображение темнее. А в качестве альтернативы приведу ещё пару вариантов, которые приходилось использовать.

Как изменить цвет placeholder с помощью css

Что такое placeholder (плейсхолдер)? Это английское слово переводится как заполнитель. Используется в качестве пояснения или примера в полях ввода текста (имя, фамилия, e-mail и т. п.), в виде атрибута. На данный момент поддерживается всеми современными браузерами. Ранее работа эмулировалась с помощью JavaScript. Элемент доказал свою пользу и разработчики браузеров ввели дополнительные свойства, позволяющие стилизовать «заполнитель» под свой дизайн.

Свойство CSS 3 transform

Приветствую, уважаемые товарищи. Сегодня анализу подвергнется ещё одно свойство из CSS 3 — transform — то-бишь транформирование, или преобразование, если угодно. С его помощью можно изменять масштаб контейнера, наклонять и даже вращать элементы. Только, в противовес какому-нибудь width:50%, манипуляция производится над всем элементом, включая его содержимое. Здорово, правда?

Эффекты в CSS3: свойство transition

Друзья, здравствуйте. Многие из вас любят всякие красивости. В старых версиях CSS эффекты отсутствовали как данность. Можно было использовать псевдо-свойство :hover, чтобы задать элементу новые «габариты» при наведении мыша, но все действия осуществлялись мгновенно: наводишь мыша на элемент, а он сразу становится в 2 раза больше (для примера). Для плавности приходилось использовать JavaScript. С приходом CSS3 всё изменилось. Элементы теперь ...

Политика конфиденциальности

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

Принять