Создание 3D кнопок для с помощью CSS и jQuery 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 […]

Делаем кнопку с картинкой на WPF В отличие от Windows Forms в WPF кнопка не имеет специального свойства, ответственного за изображение. Но, тем не менее кнопку в WPF также можно украсить изображением. Как известно, в WPF внешний вид элементов управления описывается при помощи XAML. Ниже приведён пример стандартного описания для кнопки и её внешний вид. […]

Выравнивание блоков на всю ширину (justify) Как в горизонтальным меню, метод с justify и after 100% можно использовать для выравнивания других элементов в одну линию на всю ширину родителя. 1 Ссылки в одну строку <div> <a href=»#»>Apple</a> <a href=»#»>Xiaomi</a> <a href=»#»>Гаджеты</a> <a href=»#»>Смартфоны</a> <a href=»#»>Аксессуары</a> </div> .list { text-align: justify; } .list:before{ content: »; […]

Дрессируем box-shadow / Хабр Разработчики W3C сделали box-shadow очень гибким свойством. Благодаря этому можно получать весьма интересные результаты, если использовать это свойство нетривиальным образом. В этой статье я напишу о некоторых эффектах, которые мне удалось получить при помощи «теневых технологий». Пока я составлял примеры, я неожиданно обнаружил, что браузеры отображают их совсем неодинаково. В итоге, […]

writing-mode | htmlbook.ru Internet Explorer Chrome Opera Safari Firefox Android iOS 6.0+ 8.0+ Краткая информация Значение по умолчанию Нет Наследуется Да Применяется Ко всем элементам и генерируемому контенту Процентная запись Неприменима Ссылка на спецификацию http://dev.w3.org/csswg/css3-text-layout/#writing-mode Версии CSS Описание Устанавливает направление текста на странице. Свойство writing-mode является универсальным и позволяет одновременно задавать значения свойств direction и […]

Изображения HTML, как вставить картинку Изображения могут улучшить дизайн и внешний вид веб-страницы. Пример <img src=»pulpitrock.jpg» alt=»Вид на горы»> Пример <img src=»img_girl.jpg» alt=»Девушка в куртке»> Пример <img src=»img_chania.jpg» alt=»Цветы в Ханье»> Синтаксис изображений в формате HTML В HTML изображения определяются тегом <img>. Тег <img> пуст, он содержит только атрибуты и не имеет закрывающего тега. Атрибут […]

:active — CSS | MDN Псевдокласс :active соответствует элементу в момент, когда он активируется пользователем. Он позволяет странице среагировать, когда элемент активируется. Взаимодействие элемента с мышью — это, как правило, время между нажатием и отпусканием пользователем кнопки мыши. Также псевдокласс :active срабатывает при использовании клавиши TAB на клавиатуре. Обычно это используется для HTML-элементов <a> и <button>, но может применяться и […]

CSS: тени Отбрасывание теней С момента написания этой страницы во многие реализации CSS было добавлено свойство ‘box-shadow’ из CSS уровня 3, что делает описанный ниже метод необязательным. Смотрите “Закругленные углы и блоки с тенью” в качестве примера. Эта страница также показывает более мощный, но в то же время более сложный, способ создания теней при помощи […]

filter — CSS | MDN Experimental Это экспериментальная технологияТак как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации. CSS свойство filter  позволяет вам применять к элементу такие графические эффекты, как […]

9 полезных плагинов VS Code для вёрстки — Блог HTML Academy Visual Studio Code — один из самых популярных редакторов кода. Многие разработчики предпочитают его, так как он удобен в использовании и содержит множество полезных расширений, с помощью которых легко оптимизировать работу. Полезные плагины помогают допускать меньше ошибок при написании кода, да и значительно сокращают время работы. Чтобы установить расширения, необходимо […]