Архив рубрики: Дизайн

Дизайн сайта — от зарисовки в тетрадке до готового макета

Приветствую вас мои дорогие читатели.
Сегодня мы с вами поговорим о создании макета для своего сайта, но мы будем говорить не обо всём процессе в целом, а об отдельной его части.
А точнее о двух частях.
1 — Черновик;
2 — Photoshop;

kot risyet

Сначала давайте ка обсудим часть статьи под названием «Черновик».
Да-да, именно черновик.

Вот смотрите, когда вы заказываете дизайн, в какой либо web-студии, то первым делом дизайнер рисует макет на бумаге, потом его же он перерисовывает в Photoshop и отдаёт готовый дизайн верстальщику, который в свою очередь натягивает этот дизайн на сайт.
Но почему же нельзя пропустить пункт с черновиком и перейти сразу к Photoshop’у?
Всё очень просто!
Читать далее

Как проверить отображение сайта в разных браузерах, да ещё и с разными размерами экранов — онлайн

такие разные браузеры

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

Добавляем в WordPress новые варианты Gravatar’ов, а затем выводим их в комментариях

Всем привет.
Хочу показать вам одно изображение:

gravatar
 

Знаете что это такое? Уверен, что знаете! Но я всё равно должен немного поумничать.
Это изображение ставится по умолчанию, если у комментатора нет граватара. С каждым днём комментаторов без граватара становится всё меньше, но покуда они есть в комментариях будут проскальзывать подобные изображения:

комментарии до

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

список граватаров

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

Эффект прозрачности при наведении на ссылку и наоборот

Всем привет.
Сегодня мы немного поработаем над дизайнами своих проектов.
При помощи небольшого css кода мы будем создавать эффект прозрачности.

Эффект прозрачности

Этот эффект можно использовать двумя способами:
- при наведении на ссылку/картинку она становится прозрачной
- ссылка/картинка прозрачная пока на неё не наведён курсор

Давайте-ка рассмотрим каждый способ поподробнее, а заодно поговорим, как и где его лучше использовать. Читать далее