Твит

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

Но основная суть статьи не в том. Если помните, вчера я создал Микки Мауса на чистом CSS с нуля. Надеюсь Вы посмотрели видео. Так вот сегодня я решил его немножко оживить. А сделать я это решил в виде двигающихся зрачков глаз.

Твит

После смурфика, которого я создал на чистом CSS, не было времени сделать еще что-нибудь красивое только с помощью этой технологии. И вот время появилось, мой выбор пал на Микки Мауса. Безобидны герой мультфильмов из детства.

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

Твит

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

Из сегодняшней статьи Вы узнаете как изменить на сайте стандартный вид выпадающего списка (или select) на свой собственный. Тот стиль, который представлен в примере подойдет практически под дизайн любого сайта. Поэтому, возможно, Вам и не придется изменять цвет списка, а только взять уже готовый.

Твит

Вы наверняка видели много различных слайдеров, но часто ли Вам попадались слайдеры на чистом CSS, в которых не применяется Javascipt? А ведь они и у них преимущества перед обычными слайдерами, которые созданы с использованием JS.

Одним из преимуществ является скорость загрузки. Так как стили меньше по объему, чем JS-скрипт, поэтому и загружаться они будут быстрее. К тому же слайдеры адаптивны, и хорошо смотрятся на разных устройствах. Будь компьютер, планшет или смартфон. А это очень важно в нынешнее время.

Твит

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

Твит

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

Один из элементов, который можно изменить прямо сейчас - это кнопки на сайте. Но кнопки, которые рассмотрены в этой статье - на чистом CSS. Поэтому цвет с легкостью можно изменить. А также, при хорошем знании CSS, можно изменить любое свойство на своё усмотрение.

Твит

Эта статья содержит примеры персонажей, многие из которых анимированы, а на некоторые из них необходимо навести курсор мыши, чтобы они зашевелились. Здесь Вы не увидите ни единой строчки кода на javascript - что, я думаю, является плюсом, так как многие очень бояться языков программирования и думают это что-то очень сложное и непонятное. Вот кого из персонажей Вы увидите: летаюющую птичку, маленького и злого Гриффина, оригинальное оформление страницы 404, анимированную овечку и многих других не менее привлекательных!

Твит

После множества статей на тему "Невероятного CSS", я решил создать своего персонажа на чистом CSS без использования изображений. Выбрал я для этого - смурфиков. Я подумал если создали Гомера Симпсона на CSS, то почему я не могу создать своего собственного смурфа.

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

Твит

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

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

Твит

Я решил разбавить все эти статьи по сайтостроению и приготовил для Вас архив с красочной новогодней графикой, которую можно брать и вставлять на собственный сайт. Как Вы думаете, когда необходимо украшать свой сайт в новогоднюю тематику? Да прямо сейчас! До Нового Года осталось не так много времени на сайте необходимо создать эту предпраздничную атмосферу.

Много писать не буду, потому что очень подробно всё описал на сайте. Вкратце о том, что найдете в архиве: новогодние ёлки, иконки соц. сетей, кнопки, шапки и другие элементы.

Некоторые элементы я подобрал, а некоторые создал самостоятельно с нуля. Поэтому для всё что создано мною - будет с исходниками в формате PSD. Поэтому любой элемент Вы сможете самостоятельно изменить с помощью программы Adobe Photoshop.

Твит

Прошлая часть статьи о возможностях CSS многим понравилась. Там я рассказал о 9-ти сайтах, на которых можно посмотреть что можно создать при помощи только технологии CSS и креативном мышлении. И это действительно впечатляет, хотя я столько всего перечитал и видел в этой теме.

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