Приклеенный подвал (Sticky Footer) на jQuery или CSS

Бывают такие проекты, когда требуется, чтобы подвал сайта был приклеен к низу окна браузера. В этой статье мы покажем вам, как это можно сделать на чистом CSS или с помощью jQuery.

SlickMap CSS

SlickMap CSS — это простая таблица стилей для отображения готовой карты сайта из неупорядоченных списков HTML. Эта таблица подходит для большинства сайтов, так как с помощью нее можно строить трехуровневые списки навигации по страницам и, дополнительно, ссылки на утилиты. Кроме того, все это легко изменяется и...

Стили CSS3 для изображений

Сегодня речь пойдет о стилях CSS3, которые можно применить к изображениям (код предоставлен в виде сниппетов, поэтому эти данные вы можете использовать в своих проектах). Стоит отметить, что основные свойства, которые мы будем использовать — это box-shadow, border-radius и transition. Просто посмотрите на пример и увидите...

CSS градиенты

CSS градиенты — это еще один шаг навстречу во взаимодействии дизайна и программирования. CSS градиенты сейчас поддерживаются следующими браузерами: и поэтому их смело можно реализовать в вашем сайте. Давайте посмотрим на основы CSS градиентов: их синтаксис, поддержка браузеров и примеры.

JavaScript и CSS спиннеры со spin.js

Мы с вами уже занимались CSS анимацией, создавали эффектные тени для текста и даже рисовали боке. Кажется пришло время для более сложных эффектов, таких как спиннеры. И в этом нам поможет такой грандиозный проект, как spin.js, позволяющий создавать спиннеры на CSS. В Internet Explorer для...

Красивая слайд-шоу галерея в стиле Apple на CSS & jQuery

Когда речь идет о компании, которая собаку съела на дизайне, то вы скорее всего вспомните Apple. Просто посмотрите, как оформлены ее новые продукты, каталог, ее сайт — есть чем полюбоваться. На этой неделе мы делаем красивую галерею слайд-шоу, похожую на ту, что Apple использует в своих...

Прокачиваем таблицы с помощью CSS3

Сегодня мы вам покажем, как использовать некоторые полезные свойства CSS3, чтобы облагородить вид ваших таблиц. И это возможно, благодаря новым селекторам, которые могут обращаться к конкретным записям, ячейкам, столбцам. Таким образом, мы сможем создавать уникальные стили таблиц, без использования дополнительных классов в верстке.

Сниппеты популярных социальных медиа закладок

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

Стикеры на CSS3

Сегодня мы попробуем построить на CSS3 стикеры-заметки и стикеры-таблички. И так, поехали...

Красивый способ отображения социальных иконок на CSS3

Идея с таким способом отображения иконок была взята с сайта Pubwich. Общий дизайн сайта выглядит довольно хорошо, но часть сайта, где расположены социальные иконки, заслужила особого внимания. Когда вы наводите мышкой на иконку, появляется подсказка с именем социалки, а все остальные иконки становятся полупрозрачными.