5 Chrome расширений для веб-дизайнера

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

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

A Book Apart, серия книг для веб-дизайнеровA Book Apart, серия книг для веб-дизайнеров

A Book Apart — это издательство, специализирующееся на узкоспециализированных книгах, каждая из которых затрагивает узкую сферу деятельности. Книги не большие по объёму, но переполнены полезной информацией. Концентрат полезности достигнут путём «отжима воды», только нужное, только по теме. При этом каждая книга написана живым, интересным языком, с уместным юмором. Ну, почти все книги из серии написаны таким […]

13 трюков для вёрстки сайта. CSS-шпаргалка.13 трюков для вёрстки сайта. CSS-шпаргалка.

Столкнувшись с задачей создать новый сайт, мы обязательно прибегаем к процессу создания каскадных таблиц стилей, или, проще говоря – CSS. Пускай это и повседневная работа, из разряда «рутины», каждый новый CSS-файл – индивидуальное решение. В последнее время, если затрагивается тема CSS, то, как правило, разговор сводится к нововведениям в CSS3: градиенты, анимация, поддержка нескольких бекграундов […]

Генеральная уборка на блоге. Нужно ли?Генеральная уборка на блоге. Нужно ли?

Данная запись частично взаимосвязана с прошлой. Собственно, вопросом «как удалять и настраивать ревизии» я задался по причине генеральной уборки своего блога. Как написано в той записи, мне нужно было отсортировать старые записи. Хотелось удалить рубрики, в которые больше не собирался писать. Также появилась мысль, что многие записи утеряли актуальность. По разным причинам: устарели технически и […]

Как выводить случайный текст на сайте?Как выводить случайный текст на сайте?

Я уже делился решением, как выводить случайное изображение на сайте, теперь хочу рассказать, как выводить случайный текст. Хотя, определение «текст» — не совсем правильное, выводить можно любой html-код. В качестве примера, как работает данный механизм, можно посмотреть на блоге «жизнь на максимум», на котором, в шапке, отображаются различные мотивирующие цитаты. Итак, непосредственно сам код:

Создание промо-сайтаСоздание промо-сайта

Была разработана ещё одна версия промо-сайта, на этот раз приуроченная к празднику 8 марта, который в рамках рекламной кампании позиционировался, как «праздник весны». В связи с этим эксплуатация замечательной восьмёрки, красиво обыгранной графически — вариант невозможный. В отличие от сайта для дня Св. Валентина, нужный вариант был «пойман» практически сразу.

В день Святого ВалентинаВ день Святого Валентина

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

Новый проект «Жизнь на максимум»Новый проект «Жизнь на максимум»

Здравствуй, дорогой читатель. Давно не списывались ;) Я вернулся из затяжного офф-лайн отпуска и хочу поделиться с тобой новостью. Не смотря на то, что долгое время не было новых заметок, я не сидел без дела, а занимался разработкой нового проекта. Проект не коммерческий, а новый авторский блог твоего покорного слуги. Имя ему &laquoжизнь на максимум». Обновление: проект выполнил свою задачи и закрыт. Сайт только запущен и информации, разумеется, на нём минимум. […]

Элементы сайтаЭлементы сайта

Когда берёшься за создание дизайна сайта, то в каждом проекте приходится использовать одни и те же базовые элементы. У каждого сайта есть кнопки, курсоры, чекбоксы, формы для заполнения и т.д. Гораздо проще и разумнее не прорисовывать их каждый раз заново, а иметь отдельный файл, в котором собраны все основные графические элементы сайта. Каждый дизайнер собирает […]

Про оформление номера телефона на сайтеПро оформление номера телефона на сайте

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

Как выводить случайное изображение на сайте?Как выводить случайное изображение на сайте?

Бывают моменты, когда хочется разнообразить внешний вид своего сайта и необходима возможность замены каких-то графических элементов. Да так, чтобы это происходило автоматически, без личного участия в этом процессе. Цели, для чего это необходимо, могут быть абсолютно разными: разнообразить дизайн сайта, привлечь посетителя к какой-то конкретной части сайта, чтобы тот обратил внимание на какую-то информацию или, […]

Дизайн сайта для проекта RUbloggersДизайн сайта для проекта RUbloggers

Сайт: http://rubloggers.com/ Задача: создание дизайна для коллективного блога, в котором будут размещаться статьи различной тематики, разными авторами. Инструмент: Adobe Photoshop CS3. Пусть кто и говорит, что Фотошоп для ретуши, а макеты для сайта нужно проектировать в Ин Дизайне или Иллюстраторе, а я по старинке работаю. Корал тоже не признаю в этом плане. Авторам коллективного разума не сидится на месте. Успешно запустив параллельный блог, который сразу же зажил самостоятельной […]

Polart: студия анимации и школа программистовPolart: студия анимации и школа программистов

Сайт: http://www.polart-studio.ru/ Задача: Редизайн. Создание нового дизайна для сайта, на основе прошлого варианта, сохраняя цветовую гамму, расположение блоков информации и логотип. Сверстать из утвержденного макета шаблон для WordPress. Инструменты: Adobe Photoshop CS3, Macromedia Flash 8, PSPad Как видно из списка инструментов, при создании сайтов начал использовать технологии флеша.

Дизайн для сайта «Путеводитель по Интернету»Дизайн для сайта «Путеводитель по Интернету»

Сайт:http://it.sander.su/ Задача: создание дизайна сайта Инструменты: Adobe Photoshop CS3 Это вторая работа, в которой от меня требовалось предоставить только макет сайта, без дальнейших разработок. Должен признаться, мне такой подход к задаче очень нравится. Я верстаю статические страницы и шаблоны для CMS, но не получаю удовольствия, как от процесса рисования. Возникло желание перейти в узкое направление […]