Метка: CSS

Простая карусель на в несколько строк на CSS

CSS сегодня настолько мощный инструмент!!! Если вам нужна простая карусель, то можно использовать только его 🙂 Использование CSS более простое, доступное, более естественное, а браузеры поддерживают прокрутку с привязкой(CSS Scroll Snap). Вы только взгляните на этот минималистичный пример: See the Pen Super simple CSS carousel by Pawel Grzybek (@pawelgrzybek) on CodePen.

При смене ориентации экрана в Google Chrome на iOS слетает верстка

Проблема: при смене ориентации экрана с портретной в горизонтальную, а потом обратно — едет верстка (у меня iPhone XR) Решение: зайтие в chrome://flags -> найти настройку «Fullscreen Smooth Scrolling» -> Disabled Данное решение мне помогло.

Результаты опроса: Как вы группируете(сортируете) CSS свойства?

Более 10000 человек участвовали в опросе «Как вы группируете CSS стили». Самым популярным способом группировки оказалась группировка свойст по типу. Результаты опроса: Пожалуй расшифрую =) Группировка по типу, заняла первое место. Набрала 45% В случайном порядке, на втором месте. 39% было заработано Гораздо менее популярным оказалась группировка по алфавиту 14% И совсем не популярным способом группировки… Читать далее Результаты опроса: Как вы группируете(сортируете) CSS свойства?

Раздвижные ссылки как на GitHub. Style Sliding Links Like GitHub

Заметил на GitHub прикольный эффект раздвижных ссылок.По умолчанию ссылки имеют усеченный текст, а при наведении на ссылку, появляется полностью его содержимое. Для реализации этого эффекта можно использовать один лищь CSS. Итак позвольте мне показать вам как это делается.

Размер шрифтов. Что чему равно

Points Pixels Ems Percent 6pt 8px 0.5em 50% 7pt 9px 0.55em 55% 7.5pt 10px 0.625em 62.5% 8pt 11px 0.7em 70% 9pt 12px 0.75em 75% 10pt 13px 0.8em 80% 10.5pt 14px 0.875em 87.5% 11pt 15px 0.95em 95% 12pt 16px 1em 100% 13pt 17px 1.05em 105% 13.5pt 18px 1.125em 112.5% 14pt 19px 1.2em 120% 14.5pt 20px 1.25em… Читать далее Размер шрифтов. Что чему равно

Генератор HTML+CSS шаблонов

Не могу упустить возможность, чтобы не упомянуть про замечательный генератор HTML+CSS шаблонов. Очень сильно понравилось, а главное очень просто в использовании!

Exit mobile version