Слайдер «аккордеон» для сайдбара с помощью CSS3

В сайдбаре блогов или сайтов часто не хватает места для всех информационных блоков с текстами, которые вы, возможно, бы хотели там разместить. Часто для этого используются табы — это что-то вроде закладок, которые переключают несколько страницы контента. Метод работает отлично и экономит место в сайдбаре. Сегодня предлагаю рассмотреть еще одну похожу по назначению разработку — слайдер «аккордеон» (Accordion). Визуально он выглядит приблизительно так: То есть…

Подборка креативных прелоадеров для flash-сайтов

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

Мое вдохновение как дизайнера — все возможные источники

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

Немного экшенов Photoshop — часть 3

Нет более простого способа автоматизировать рутинную работу по обработке фотографий в Adobe Photoshop, чем использование «Экшенов» (Actions). Это весьма быстрый вариант когда нужно обработать фотки — во-первых, есть много готовых решений, во-вторых, не нужно долго думать какой же эффект лучше реализовать — можно за пару минут попробовать их все. Вкратце напомню, что «Экшены» (не путать со сценариями) — это записанная последовательность действий (например фильтры применяемые…

ПереводыСтатей.рф — полезный проект для дизайнерского сообщества

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

Фоновое слайдшоу изображений на весь экран с помощью CSS3

Технология CSS3 становится все более популярной, а вещи которые с ее помощью реализуются, все более впечатляющими и захватывающими. Сегодня пост об одном из таких приемов. Если вы помните, некоторое время назад я рассказывал про сервис красивых HD картинок для вдохновения Bepic.ru  — меня там очень сильно впечатлил вывод изображений на весь экран браузера. При выборке «эпических» и масштабных HD картинок высокого качества эффект создавался очень…

Редизайн: несколько индикаторов того, что его время пришло

Редизайн. Одно это слово может заставить содрогнуться любого веб-дизайнера и разработчика. Надвигающаяся опасность в виде постоянных пересмотров и доработок проекта, а также акционеров с их непременными «мнениями», погружают команду сайта в пучины отчаяния (тем большего, чем больше вариантов редизайна рассматривается). Но несмотря на эти реалии, необходимо признать: редизайн является неотъемлемой частью жизненного цикла любого он-лайн ресурса. Мы рассмотрим несколько основных индикаторов, которые явно сигнализируют о…

DVD видеокурс для вебмастеров — от создания сайта до заработка

Создание сайтов это задача весьма разносторонняя и всеобъемлющая, включает в себя сразу важных несколько этапов: дизайн, верстку и веб-разработку (это если грубо говоря). Если уточнять и рассматривать процессы более подробно, то понятно, дизайнер должен уметь еще и разрабатывать логотипы, а веб-разработчик кроме языков программирования должен ориентироваться в современных CMS системах и т.п. В идеале всеми этими задачами должны заниматься отдельные люди, но иногда случаются уникальные…

Как сделать сайт удобным. Юзабилити по методу Стива Круга

Заглянув как-то вечером в свою почту, обнаружил там интересное письмо от издательского дома «Питер». Если бы мне кто-то сказал о чем-то подобном в далекие институтские годы, когда почитывал некоторые их книги на компьютерную тематику, никогда бы не поверил. А сейчас, учитывая мою блоггерскую профессию и авторство проекта Дизайн Мания, мне предложили немного посотрудничать и заодно рассказать читателям блога про одну интересную книгу. Практика, в принципе,…

Инструменты и сервисы для создания набросков дизайна

С чего начинается разработка любого сайта? Правильно, с идеи, но, что потом? Потом у всех по-разному, кто-то сразу включает свой любимый HTML-редактор, кто-то ищет похожий шаблон и так далее. Подходы у каждого свои, но многие дизайнеры (реже разработчики) часто схожи в одном — они зачастую игнорируют стадию «наброска». В то время как это очень важная стадия — я уже подчеркивали этот момент в статье 6…

Полезные советы по HTML верстке. Часть 2

Последние несколько лет наметились положительные сдвиги в вопросе веб-стандартов. Сейчас уже не тот разброд и шатания что на заре интернета. Браузеры подравниваются в плане совместимости, современные CMS так же в большинстве своем так же прислушиваются к рекомендациям W3C. В общем, потихонечку дело идет к тому что когда-нибудь (возможно через много лет) мы, может быть, будем жить в хорошо стандартизированном и всецело совместимом интернет-мире. Ну, а…

6 основных этапов разработки сайта

Мне тут недавно в комментариях сказали, что некоторые посты не соответствуют формату блога, который позиционируется полезным ресурсом именно для веб дизайнеров. С одной стороны, действительно немало внимания уделяется графическим редактором, например, photoshop, но с другой — это ведь тоже часть работы, причем немаловажная. Тем не менее, сегодня решил опубликовать пост, который бы отчасти удовлетворил желающих почитать нечто о создании сайтов. При этом одним веб дизайном…

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

Сегодня в Дизайн Мании гостевой и очень практичный пост от веб-дизайнера Сергей Мишалов, который ведет дизайн блог о своей работе, делится опытом, советами и не только. Урок на самом деле не сложный и ориентирован на новичков. Пентул (Pen Tool) — подручное средство каждого дизайнера, поэтому рано или поздно вам все равно придется осваивать инструмент. Можете воспользоваться данным руководством сразу после того как научились начать рисовать…

Страница 4 из 812345678