Стили 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. Общий дизайн сайта выглядит довольно хорошо, но часть сайта, где расположены социальные иконки, заслужила особого внимания. Когда вы наводите мышкой на иконку, появляется подсказка с именем социалки, а все остальные иконки становятся полупрозрачными.

Создаем клевые текстовые эффекты теней с помощью text-shadow CSS3

Свойство text-shadow появилось в CSS3, благодаря Photoshop, для того, чтобы добавить тексту глубину, размер и подчеркнутость. И это еще не все, на что способно свойство text-shadow. С помощью него можно добавить креативности и красок, поиграть со смещением и размытием. Вот, что получилось сделать.

Создаем текст “slide to unlock” как в iPhone на WebKit/CSS3

Текст “slide to unlock” является, по сути, одним из отличительных черт iPhone. В этой статье мы постараемся сделать данный виджет/девайс на CSS3 и jQuery.