Сегодня появилась необходимость программного переключения вкладок на bootstrap tabs. Решение очевидное — но сразу пошел не верным путём — поэтому сейчас раскажу, как быстро и правильно переключить bootstrap вкладку. На самом деле — все сверх-просто, причем, конечно же, есть в Документации. Но, тем не менее — не будет лишним еще…

Табличный вывод очень плохо визуально читается если не выделять четные и нечетные строки какой-то особенностью — например, легким оттенком фонового цвета. Как при помощи css реализовать подсветку четных и нечетных строк таблицы я покажу в этой короткой статье. Итак, все, что нам нужно — это понимание селектора nth-child. Пример стилей,…

Yii2, конечно же, поддерживает элементы форм с html5 — но, в случае с, например, полем типа number, не совсем интуитивно понятно. Рассмотрим, как добавить поле number в форму ActiveForm. Делается это, на самом деле, просто: Все, что требуется — добавить вызов textInput и в передаваемом массиве параметров указать ‘type’ =>…

Немного, казалось бы, очевидный вопрос, — но, как оказалось, часто встречаемый в интернете. Посмотрим, как мы можем вставить иконку в кнопку на bootstrap. Для начала приведу линк на перечень доступных икoнок. Что касается самого кода — то он также очень прост: Здесь мы видим обычный button с bootstrap-классами btn btn-primary,…

Устанавливая для input[type=number] значения min, max и step иногда можно забыть, что это по-пержнему всего-навсего инпут, в который можно ввести любою информацию с клавиатуры. Варианов решения много и применять каждый из них следует в зависмости от поставленных задач, но я приведу, наверное, самый простой из них. Итак: В данном примере…

Работа с ActifeFields существенно облегчает жизнь, но бывают моменты, которые интуитивно не понятны — например, как добавить в форму поле типа number. На самом деле сделать это очень просто — ниже приведен пример решения проблемы: Этот же код подойдет для всех типов html5-инпутов.

Люблю отзывчивые дизайны, люблю, когда все продумано до мелочей и сейчас речь пойдет именно о таком jqeury-плагине. Он позволяет изменять высоту textarea в зависимости от количества введенного текста, при этом не создает дубликатов и скрытых полей, которые замедляют работу страницы. Все очень просто и удобно. Не буду приводить много примеров…

Изменение курсора, в последнее время, редкая практика, но, тем не менее, следует знать о такой возможности. Все, на самом деле, очень просто: Все просто — кто хоть немного знаком с CSS — все поймет без проблем. Ну а посмотреть список доступных базовых шаблонов можно здесь.

Стандартные стрелочки с текстового поля с типом number выглядят убого и мало когда подходят по своему внешнему виду. Ввиду этого хочу поделиться примером стилей, которые позволяют избавиться от ненужных визуальных контролов, при этом сохранив базовый функционал. Этот простой сниппет позволит получить желаемый результат, выполнив минимум действий.

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