Здравствуй, дорогой друг. В 2011 г. произошло множество различных событий, некоторые из них были приятные, некоторые — не очень. 20 самых запоминающихся из них были собраны воедино. Итак, «20 событий 2011 года» — изумительная иллюстрация 20 фактов, имевших место в прошлом году, и ваша задача заключается в том, чтобы их отгадать.
Под катом процесс создания иллюстрации (внимание, много картинок).
Loading ...Здравствуй, дорогой хабрадруг! Сегодня мы научимся создавать объемные кнопки CSS3! Они основаны на популярной PSD фриби от Orman Clark для его веб-сайта Premium Pixels. Мы постараемся создать копию этих кнопок с помощью CSS с минимальным количеством кода HTML.
Заметка автора: Orman любезно разрешил нам кодировать любую из его фриби, так что в будущем ждите еще туториалы!
В связи с изменением дизайна сайта YouTube поменялся и стиль кнопочек, расположенных в подвале. И в сегодняшнем туториале мы научимся делать точно такие же!
В интернете можно найти множество примеров отличного применения трансформаций и переходов в CSS3. В этой статье мы обратимся к основам основ CSS3 и научимся создавать что-то вроде этого. Данный туториал будет полезен тем, кто только начал знакомиться с CSS3. Давай-те же начнем!
Я думаю, многие из вас знают приложение Instagram, с помощью которого из обычных фотографий можно создавать истинные шедевры. Instagram — бесплатное приложение, которое объединило в себе качества социальной сети, сервиса хранения картинок и программы для обработки фотографий. Однако на каждого пользователя можно «нажаловаться», то есть отправить жалобу о том, что та или иная фотография либо оскорбляет кого-то, либо что-то еще. Это может привести к незамедлительной блокировке аккаунта. В этой статье я расскажу вам, как это исправить.
Собственно вот сам код:
<div style="position:fixed; left:0%; bottom:6%; z-index:100500"> <img alt="trololo" src="<a href="http://fc09.deviantart.net/fs71/f/2010/189/d/f/trollface_by_deniskaPWNZ.png">http://fc09.deviantart.net/fs71/f/2010/189/d/f/trollface_by_deniskaPWNZ.png</a>" width="128" height="250" border="0" /></div>
Его можно вставить в любой части общего кода.
Чтобы изменить расположение картинки, меняйте параметры left и bottom. Вот, что должно получиться: http://lectures.shimansky.ru
Стилизованный в мрачных тонах Хеллоуина постер студии «MintLeaf», описывающий наиболее распространенные ошибки начинающих веб-дизайнеров. Подходит для распечатки и вывешивания в видном месте для назидания.
Под катом длинный постер (900х5750), png, 625 кб.
В веб-дизайне многие элементы могут быть расположены в неправильном месте лишь из-за маленькой ошибки. Все мы совершаем их, это естественно. Будь то плохо подобранный шрифт или неровные поля, когда даже один пиксель может навредить всему дизайну. К счастью, если дизайнер может определить, где он ошибся, то с помощью нескольких щелчков мышки он может спасти тонущий дизайн. Сейчас мы рассмотрим основные ошибки, которых каждый дизайнер должен остерегаться.
Как-то раз я попал на неплохую статейку о том, как создать стильную кнопочку в Фотошопе. Но я подумал, что ведь можно применить этот эффект с помощью CSS, и вот, что у меня получилось.
