В последнее время все то и дело используют свойства flex в CSS. И это здорово. То, что раньше требовало от разработчика применения техники танца с бубном, и нескольких методик медитации, сейчас решается буквально 3-мя строчками кода. Сегодня рассмотрим как выровнять последний… Continue Reading →
В продолжение поста про то, как сделать крестик на чистом CSS, публикуем пример кода, как сделать другой элемент интерфейса: Иконка меню анимированная в крестик на CSS. Иконка меню – это незаменимый элемент интерфейса сегодня. Они прочно вошли в нашу жизнь… Continue Reading →
Часто бывает так, что нужно сделать стиль ненумерованного списка не подходит под дизайн страницы, и тогда используется list-style-image, который позволяет сделать так, чтобы вместо точки/диска/квадратика выводилась произвольная картинка. Но частенько, эта картинка позиционируется не правильно, особенно, если она чуть больше,… Continue Reading →
Идея анимировать свойство контент через keyframe пришла не так давно, в ходе работы. И как оказалось это возможно, но только в Google Chrome. Что влечет за собой большие неудобства, но в тоже время, позволяет сделть некие «пасхальные» сюрпризы для пользователей… Continue Reading →
Привет. Сегодня рассмотрим как сделать Крестик закрыть на чистом CSS, то есть нарисовать иконку закрытия/удаления без картинок. Сразу напомню, что если вы не хотите разрабатывать сайт самостоятельно, то обратитесь к профессионалам: http://alex-it.pro/razrabotka-sozdanie-saytov-v-zhitomir/, которые помогут вам разработать сайт быстро, качественно и без написание… Continue Reading →
Сегодня о не совсем привычных штуках, которые можно применить в жизни. Представьте себе страницу, у которой левая колонка прокручивается скроллом и занимает всю ширину страницы, и правая колонка (основной блок) тоже прокручивается скроллом. Можно сделать так, чтобы у левой колонки scrollbar… Continue Reading →
Бывает так, что нужно создать примитивную страницу, но при этом не хочется парится с оформлением страницы, наведением красоты в CSS и т.д. AWSM.CSS – вот что поможет в этом случае. Это небольшая (приблизительно 2Кб) CSS библиотека, которая позволяет за считанные секунды… Continue Reading →
Как на CSS media-query определить Windows. Этого сделать нельзя! Но сегодня расскажу вам как сделать это максимально удобно, и «поддерживаемо» с точки зрения CSS. Как на CSS media-query определить Windows? Способ очень простой. Суть его в том, чтобы на JS,… Continue Reading →
Порой бывает необходимо, обратиться к какому-либо элементу страницы, у которого не прописан class или ID, не имея возможности добавить class или ID в html. CSS Обратиться к любому элементу по атрибутам – вот выход из ситуации. Часто такие ситуации складываются,… Continue Reading →
Привет. Многим эта статья может показаться достаточно примитивной, и очевидной. Как сделать круглую картинку на CSS? Для этого не нужно делать ничего особенного, читайте далее. Под круглой картинкой я понимаю картинку, которая вписана в круг. Есть старые подходы, когда картинка… Continue Reading →
Многие слышали, что можно сделать треугольники на CSS. Для этого есть прекрасный хак со свойством border, который можно использовать, чтобы сделать треугольники на CSS без единой картинки. Как сделать треугольники на CSS Как по вашему должен отображать границы браузер, если… Continue Reading →