Твит

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

Я был действительно приятно удивлен этими вещами. И сначала поверить не мог что это действительно сделано на чистом CSS. Но оказалось всё действительно так. Правда на все эти вещи у их авторов ушло немало сил и времени, но это стоило того, чтобы создать их.

Твит

В данной статье я хочу рассказать Вам об одном важном параметре - высота строки. Но отедьно данный параметр рассмотреть не получится, потому что он очень тесно связан с рамером текста, длиной строки и еще одним параметром.

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

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

Твит

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

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

Свойства, которые с рассмотрел содержат описание и реальный пример, чтобы Вы смогли легко понять для чего и где его необходимо использовать.

Твит

Всё ли Вы знаете о CSS3? Думаете что добавление тени у текста, блока, создание градиента и создание закругленных углов - это всё что может такая мощная технология как CSS3? На самом деле есть еще свойства, которыми веб-мастера пользуются реже и о которых мало кто пишет. С помощью этих свойств можно править такие нюансы как рендеринг (не пугайтесь этого слова, это просто отображение) текста на странице. Можно выбрать либо быструю скорость загрузки, но качество похуже, либо качество получше, но скорость загрузки странице несколько меньше.

Твит

Что делать если сайт грузиться не очень быстро и при этом оставить хорошее впечатление у посетителя? Я сейчас больше говорю о продающих страницах, потому что мало кто применит данный эффект на своём блоге. Ведь показать пользователю уже красиво загруженную страницу и избавить его от просмотра постепенно загружающихся элементов, где сайт "строится" на его глазах. Я говорю о индикаторах загрузки, которые можно показывать пользователю как только он зашел на сайт, скажем, в течение 3-5 секунд (если уж действительно плохо со скоростью). За это время сайт успеет полностью подгрузиться.

Твит

Когда вы набираете текст в программе Microsoft Word там присутствует такая возможность, как создать автоматический перенос слов. Когда вы пишете статью на собственном сайте - такой перенос отсутствует по умолчанию. Но его можно сделать, и сделать действительно очень просто!

После того, как вы примените данное свойство на своём сайте, вашим посетителям станет удобнее читать ваши тексты. Потому что ваши на сайте будут похожи на книгу. Ведь все читают книги, а в книгах конечно же есть переносы слов.

Твит

Поэтому в данном уроке я хочу рассказать об еще одной возможности, которая предоставляет нам технология CSS3. Я имею в виду градиент. Я думаю многие знают что можно использовать специальное свойство, с помощью которого без использования изображений можно создать переход от одного цвета к другому. Но это еще не всё что можно сделать!В статье описаны 2 способа создания границ, которые созданы с использованием свойства градиента. Такие границы выделюятся на фоне остальных и создаются буквально несколькими строчками кода. Вам лишь остается скопировать и вставить себе на сайт!

Твит

Наверняка вы когда-нибудь создавали ли вы презентации в PowerPoint. Но эти презентации вы могли либо заснять на видео и выложить в таком виде или же дать на скачивание своим посетителям. А что если есть еще один вариант: дать возможность своим посетителям самостоятельно и не спеша просматривать созданную вами презентацию?

Таким образом вы можете сделать обзор какой-нибудь статьи или урока и его изучение станет значительно легче, если урок разбить на несколько слайдов. Также таким образом можно оформить галерею и выглядеть она будет действительно оригинально!

Твит

В сегодняшнем уроке рассмотрим набор красивых эффектов при наведении на изображение. Эффекты очень красивые. Каждый чем-то оригинально отличается от других. Всего в статье 2 набора эффектов по 15 вариантов каждый. То есть 30 креативных эффектов при наведении. Вам лишь нужно зайти в статью, выбрать понравившийся эффект и следовать инструкция, которая состоит из 2 шагов, чтобы установить понравившийся эффект на свой сайт.

Твит

От более простых вещей, таких как вращение изображения (вокруг оси Y), карусель новостей (несколько новостей вращаются вокруг оси Y), мы переходили постепенно к более сложным, типо вращающегося куба или прыгающего мяча.
Если вас заинтересовал какой-то из данных примеров вы можете найти соответствующий урок на сайте.
Но сегодня мы создадим управляемую галерею изображений. А почему управляемую? А потом что чтобы просматривать изображения необходимо нажимать на кнопки вперед-назад.

Твит

Думаете эффекта сложнее чем в прошлом уроке уже не сделать? Напомню, в прошлом уроке мы делали карусель новостей, которая вращалась и останавливалась при наведении. Эффект получился интересный. Ссылки на предыдущие 2 урока вы также найдете в этом уроке. Пару слов об эффекте, который рассмотрен в этом уроке: куб, вращается и останавливается на каждой из своих сторон на некоторое время. И да, это все делается без использования javascript, а лишь с ключевыми кадрами.