pagination_8_9_13_mini
Красивое оформление постраничной навигации

Добрый день, уважаемые читатели! Сегодня я хочу рассказать вам, как сделать красиво оформленную кроссбраузерную постраничную навигацию для сайта. Итак, приступим.   Разметка <div class="pagination"> <div class="prev"><a href="#">Предыдущая</a></div> <!— страницы —> <div><a href="#">1</a></div> <div><a href="#">2</a></div> <!— текущая страница —> <div><a class="active"…

CSS
Необычные шрифты

Скриптовые шрифты намного более гибкие, чем вы думаете. Они не только для женщин. И не только для свадебных сайтов или посвященных дню святого Валентина. Шрифты вам помогут выделить интересный фрагмент, акцентировать внимание на каком-либо заголовке, но не стоит ими злоупотреблять….

css_31_8_13_1
Прозрачность в web-дизайне: да или нет?

Эксперименты с прозрачностью могут значительно улучшить дизайн вашего сайта. Как и многие другие эффекты, используйте эту технику в нужном месте и проверяйте результат, чтобы убедиться, что прозрачность работает и выглядит, как вы хотели. Использование прозрачности может как улучшить дизайн сайта,…

transition-duration_9_8_13_mini
Минимальный код для CSS Transition

Вероятно, вы знаете, что transition определяется в CSS следующим образом: .example { transition: background-color .5s ease-out; } Или может быть использовали длинную форму записи: .example { transition-property: background-color; transition-duration: .5s; transition-timing-function: ease-out; } В обоих случаях мы явного определяли три…

css_21_6_13_mini
CSS3: селекторы атрибутов

Три селектора в CSS3 позволяют вам проверить значение указанного атрибута. Они могут открыть огромные возможности, так что я думаю, что полезно знать их. Эти селекторы поддерживаются даже в IE7, так что они совершенно безопасны для использования во многих текущих проектах….

em-unit-css_mini
Понимание em-значений в CSS

Добрый день, уважаемые читатели! Т.к. разработчики в основном используют пиксельные значения, я думаю, что многие их них до конца не понимают, что такое em и как оно работает в CSS. Я надеюсь, что данная статья послужит хорошим помощником для понимания…

css_24_03_13_mini
Разбираемся с CSS свойством vertical-align

«Vertical-align не работает!», — закричит web-разработчик. Vertical-align является одной из тех особенностей CSS, которая звучит довольно очевидно, но может вызвать проблемы у начинающих разработчиков. Я думаю, что даже многие ветераны CSS сталкиваются с проблемами с этим свойством время от времени….

css
Clearing Floats — почему это важно даже в современных браузерах?

Контент, помеченный свойством float будет выровнен по указанной стороне, при этом остальные элементы будут обтекать его с другой. Чтобы запретить обтекание элемента с какой-либо стороны следует использовать свойство clear. Основная проблема со свойством float — разрушающийся контейнер в котором лежит этот…

zindex_17_3_13_mini
Детальный взгляд на z-index

Большинство CSS свойств, которые web-разработчик использует регулярно, мгновенно появляются на странице. Например, когда вы добавляете background-color или font-size к элементу на странице, вы увидите результат сразу же после обновления страницы. Но некоторые другие свойства CSS не относятся к «подключи и…

menu_mini3_8_3_13
Красивое меню на CSS

Добрый день! Сегодня я хотел бы рассказать о том, как сделать красивое меню, как показано на картинке: Приступим!   HTML РАЗМЕТКА <!— основной контейнер для меню и иконок —> <div class="navbar-inner"> <!— разметка меню —> <ul class="nav"> <li class="first"> <a…