Рубрика

CSS

Выровнять последний ряд по сетке при justify-content: space-between

В последнее время все то и дело используют свойства flex в CSS. И это здорово. То, что раньше требовало от разработчика применения техники танца с бубном, и нескольких методик медитации, сейчас решается буквально 3-мя строчками кода. Сегодня рассмотрим как выровнять последний… Continue Reading →

512 простых иконок на чистом CSS

Люди, которые вырезали все иконки отдельными картинками, а потом вставляли их в нужное место HTML (да-да, именно так делали до того, как придумали иконочные шрифты), наверняка будут в восторге, от удобных и простых иконок на чистом CSS. Всё сделано средствами… Continue Reading →

Иконка меню анимированная в крестик на CSS

В продолжение поста про то, как сделать крестик на чистом CSS, публикуем пример кода, как сделать другой элемент интерфейса: Иконка меню анимированная в крестик на CSS. Иконка меню – это незаменимый элемент интерфейса сегодня. Они прочно вошли в нашу жизнь… Continue Reading →

CSS list-style-image выравнивание по-вертикали

Часто бывает так, что нужно сделать стиль ненумерованного списка не подходит под дизайн страницы, и тогда используется list-style-image, который позволяет сделать так, чтобы вместо точки/диска/квадратика выводилась произвольная картинка. Но частенько, эта картинка позиционируется не правильно, особенно, если она чуть больше,… Continue Reading →

Как сохранить изменения стилей из консоли chrome

Несмотря ни на что, не многие знают, как сохранить изменения стилей из консоли chrome. Об этом кратко сегодня и расскажем. Вообще говоря, это стандартная возможность Chrome, доступная ещё с 11-го года, но малоизвестная и по сей день. Chrome позволяет связать… Continue Reading →

Скрыть картинку только на iOS на CSS

Привет. Сегодня маленький секрет CSS, как скрыть картинку/изображение <IMG> только для iOS, без каких-либо display: none, и media-query. Без посредников в виде media-query можно скрыть изображение, если в стиле для него указать img {content:””;} Удивительно, но на iOS, если задан content,… Continue Reading →

CSS анимация свойства content

Идея анимировать свойство контент через keyframe пришла не так давно, в ходе работы. И как оказалось это возможно, но только в Google Chrome. Что влечет за собой большие неудобства, но в тоже время, позволяет сделть некие “пасхальные” сюрпризы для пользователей… Continue Reading →

Крестик закрыть на чистом CSS

Привет. Сегодня рассмотрим как сделать Крестик закрыть на чистом CSS, то есть нарисовать иконку закрытия/удаления без картинок. Сразу напомню, что если вы не хотите разрабатывать сайт самостоятельно, то обратитесь к профессионалам: http://alex-it.pro/razrabotka-sozdanie-saytov-v-zhitomir/, которые помогут вам разработать сайт быстро, качественно и без написание… Continue Reading →

CSS отобразить стандартный scrollbar слева

Сегодня о не совсем привычных штуках, которые можно применить в жизни. Представьте себе страницу, у которой левая колонка прокручивается скроллом и занимает всю ширину страницы, и правая колонка (основной блок) тоже прокручивается скроллом. Можно сделать так, чтобы у левой колонки scrollbar… Continue Reading →

awsm.css – красивый семантический html без классов и id

Бывает так, что нужно создать примитивную страницу, но при этом не хочется парится с оформлением страницы, наведением красоты в CSS и т.д. AWSM.CSS – вот что поможет в этом случае. Это небольшая (приблизительно 2Кб) CSS библиотека, которая позволяет за считанные секунды… Continue Reading →

CSS media-query определить Windows

Как на CSS media-query определить Windows. Этого сделать нельзя! Но сегодня расскажу вам как сделать это максимально удобно, и “поддерживаемо” с точки зрения CSS. Как на CSS media-query определить Windows? Способ очень простой. Суть его в том, чтобы на JS,… Continue Reading →

© 2018 HTMLer.ru

Наверх ↑