Еще один интересный пример навигации — из миниатюр. У него есть как минимум два преимущества — работает просто и выглядит эффектно. Сделать такую навигацию под силу любому пользователю, поэтому сегодняшняя статья, скорее похожа на заметку, чем на полноценную инструкцию.
Итак, как обычно взгляните на конечный результат, и если понравилось, читатайте далее.
«Какая корзина? И почему вдруг корзина?» — возможно удивитесь вы, прочитав заголовок. Так вот, корзина самая обычная — та, которую все мы используем, покупая что-нибудь в интернет-магазине. А опубликовать статью о ее создании, я решила по одной, единственной причине — не смогла устоять перед замечательным и красивым решением.
Не верите? можете посмотреть результат. А если вам интересно как это делается, читайте далее. Read more
CSS редакторы – это редакторы, которые предназначены только для создания Каскадных Таблиц Стилей. И хотя для этих целей можно использовать полнофункциональную среду разработки или другой редактор кода – CSS-редакторы могут предложить специализированные функции и особенности, для быстрого создания качественного CSS. В этой статье, вы узнаете о наиболее популярных CSS-редакторах, доступных к использованию. Read more
Большинство CSS-свойств довольно просты в использовании. Зачастую, применение CSS-свойства к элементу в разметке дает мгновенный результат – как только вы обновите страницу, набор значений свойства применится, и вы сразу же увидите результат. Другие CSS-свойства, однако, более комплексные и будут работать только после задания определенного набора условий.
Свойство z-index принадлежит к последней группе свойств. Это свойство так часто вызывало всеобщую путаницу и разочарование, как ни одно, из существующих CSS-свойств. По иронии судьбы, однако, когда вы поближе познакомитесь с z-index, вы поймете, что это свойство очень простое, и предлагает эффективный метод решения многих проблем верстки. Read more
Сегодня, я собираюсь поделиться одной замечательной CSS-техникой, о которой узнала совсем недавно. Она довольно простая, как все гениальное, и немного похожа на технику верстки блоков с закругленными краями. Вообще, термин «скользящая дверь», англ. sliding door, означает простой hover-эффект, с использованием изображения. До того, как я узнала об этой технике, я всегда использовала несколько различных изображений, для каждого пункта меню. Но в сегодняшней статье, я расскажу, как можно добиться такого эффекта, используя всего лишь одно изображение. Как обычно, вы можете взглянуть на результат. Итак, давайте начнем. Read more
В наши дни, слайд-шоу можно встретить практически на любом сайте. Большинство из них используют JavaScript для смены изображений, некоторые используют Flash. Проблемы с просмотром изображений могут возникнуть лишь в том случае, если браузер пользователя не поддерживает ни того ни другого. В сегодняшней статье вы узнаете, как можно создать слайд-шоу c помощью CSS и HTML.
Мы создадим простое слайд-шоу, с четырьмя табами справа и основной картинкой слева. При клике по одному из табов, справа появится новое изображение. Посмотреть как это будет выглядеть в конце, можно здесь.
На протяжении многих лет, Internet Explorer 6 (IE6) был несчастьем для веб-разработчиков во всем мире. Разработчики и пользователи стали использовать более предсказуемые, соответствующие стандартам, современные браузеры, такие как Firefox, Opera и Safari. Между тем, IE6 продолжает преследовать наши дизайны, скрываясь в темных местах, а умирает мучительно долго, в агонии. Поскольку мы ожидаем наступление того великого и светлого дня, когда IE6 окончательно умрет, так же как Netscape 4, давайте вспомним о некоторых пользователях, которые, по различным печальным причинам, продолжают мучиться с этим ужасным браузером.
Так что давайте отпразднуем последние дни IE6, с этим окончательным руководством по укрощению дикого зверя IE6. Read more
Какую бы тему вы не использовали в своем блоге, вряд ли вы каждый раз принимаетесь обновлять ее до текущей версии WordPress. Обновления WordPress, появляются постоянно, и если используемая тема продолжает нормально работать, нам, скорее всего, и в голову не придет что-то в ней изменить. А между тем, было бы не плохо знать, какие возможности становятся нам доступны, с новыми версиями движка.
И одной из таких возможностей, является новая, усовершенствованная система комментариев, которая доступна нам уже в версии 2.7. Поэтому, если вы используете тему, созданную для более ранних версий, читайте далее, как обновить ее систему комментариев до версии 2.7. Read more
Нередко творческие и поистине замечательные дизайнерские решения остаются неизвестными, потому что мы, дизайнеры просто не замечаем их. Будучи занятыми в своих собственных проектах, мы иногда, интуитивно пытаемся понять, за сложным нагромождением кода других дизайнеров, как они смогли осуществить свои дизайнерские идеи. На самом деле, просто рассматривая код других разработчиков, мы можем многому научиться у них, можем найти интересные идеи и повысить качество нашей работы.
Итак, давайте взглянем на 10 полезных CSS и JavaScript техник и примеров кода, которые могут оказаться полезными для вашего следующего проекта. Для понимания статьи вам понадобятся базовые знания CSS и JavaScript.
Read more
В сегодняшней статье мы собираемся создать страницу блога, используя техники нового поколения – HTML5 и CSS3. Статья продемонстрирует вам процесс разработки веб-сайтов, после того как окончательно утвердят спецификации и поставщики браузеров начнут их поддерживать. Если вы знакомы с HTML и CSS, то вам будет легко продолжить обучение. Read more
