Size: a a a

HTML/CSS — русскоговорящее сообщество

2021 April 21

Д

Денис in HTML/CSS — русскоговорящее сообщество
Всем доброго дня! Ребята, возник такой вопрос: можно ли подключить файл PHP в HTML (<?php include('folder/file.php'); ?> - не работает)? Если есть способ, тогда сообщите мне, пожалуйста!
источник

L

Lesh4Lesh in HTML/CSS — русскоговорящее сообщество
Я бы цифру изначально делал бы абсолютом, скорее всего.
источник

BB

Bogdan Bida in HTML/CSS — русскоговорящее сообщество
Незачем там абсолют
Просто отрицательным марджином или транслейтом поднять вверх можно форму
источник

L

Lesh4Lesh in HTML/CSS — русскоговорящее сообщество
И тогда просто дал бы всему блоку отступ слева на ПК , а на мобиле дал бы отступ у текста и спозиционировал бы цифру
источник

L

Lesh4Lesh in HTML/CSS — русскоговорящее сообщество
Либо так
источник

R

Roderen in HTML/CSS — русскоговорящее сообщество
Переслано от Roderen
Не могу сделать такую штуку при наведении, помогите пж))
https://codepen.io/roderen/pen/ExZOabP
источник

И

Илья in HTML/CSS — русскоговорящее сообщество
как в хроме убрать рамочку вокруг кнопки после нажатия?
источник

L

Lesh4Lesh in HTML/CSS — русскоговорящее сообщество
outline:none;
источник

ТК

Татьяна Каравайцева ... in HTML/CSS — русскоговорящее сообщество
outline:none;
источник

ТК

Татьяна Каравайцева ... in HTML/CSS — русскоговорящее сообщество
Синхронизация)
источник

И

Илья in HTML/CSS — русскоговорящее сообщество
помогло, спасибо
источник

VK

Vitaliy Kirenkov in HTML/CSS — русскоговорящее сообщество
Ага, и сейчас набегут адепты доступности и настучат вам по головушке))
источник

L

Lesh4Lesh in HTML/CSS — русскоговорящее сообщество
За что?)
источник

y

yanovich in HTML/CSS — русскоговорящее сообщество
источник

y

yanovich in HTML/CSS — русскоговорящее сообщество
За то что вы лишаете контроли через таб
источник

L

Lesh4Lesh in HTML/CSS — русскоговорящее сообщество
Извиняйте)
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
адепты доступности будут рекламировать keyboard-only навигацию в своём канале :)
источник

C

Combot in HTML/CSS — русскоговорящее сообщество
🌟 Sergey Bekharsky получает новое звание мастер!
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
Telegram
Будни верстальщика
​​#ссылка дня
#css #focus #a11y

Ну что же, мы ждали этого с момента первого явления CSS народу.

Не только же меня одного раздражает фокус на кнопках, не правда ли? Да, он помогает при навигации с клавиатуры, но он вообще не нужен по клику.

Создатели браузеров (особенно Firefox) делают всё, чтобы усложнить разработчикам сбросить стили фокуса по-умолчанию. Но заказчики-то, оказывается, тоже фокус не любят. И дизайнеры.

В итоге начинается… борьба умов. Попытки скрыть фокус по клику, но оставить по Tab-у. Скрипты, стили, лишние элементы.

На помощь приходит псевдокласс :focus-visible! Уже доступен в свежем Chrome 86, а в Firefox существует под именем :moz-focusring. Что он делает? Даёт доступ разработчику к управлению необходимостью применения стилей фокуса!

Сложно как-то получилось. Короче говоря, теперь можно прямо указать браузеру: примени эти стили только когда используется клавиатура.

Пример: https://codepen.io/matthiasott/pen/LYZEwBJ

А и собственно статья Маттиаса Отта (Matthias Ott): https://matt…
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
не будьте мудаками, не удаляйте навигационные подсказки
источник