Веб-дизайн и дизайн сайтов
Рад Вас видеть на сайте MortWood Design Studio. Данная страничка является портфолио моих работ в сфере компьютерной графики и веб дизайна. Также тут выложены и будут в дальнейшем выкладываться иные работы, связанные с дизайном и веб-разработками, которые мне приходится выполнять по стечению обстоятельств. В последнее время стало популярным вести блоги и всех чему-то обучать, вот и я решил начать писать статьи на тему создания дизайна сайтов и им подобные.
Не судите строго - я не претендую на профессионализм и звание самого-самого в создании дизайна веб-сайтов. Всё моё творчество - это личные достижения, попытка самовыражения и выживания в нашем трудном и неспокойном мире.
В создании дизайна сайта нет ничего простого, но и сверхсложного мало. Понятиевеб- дизайн каждый воспринимает по-своему. Для одних определяющим является мнение какого-то дяди, для других советы друзей или портал, увиденный где-то в Интернет, но лучше иметь своё собственное мнение. И вот тут открывается самая большая трудность – как угодить клиенту, создавая дизайн сайта, и не пойти в противовес со своими принципами. В итоге приходится изобретать нечто новое, совмещать своё видение и видение клиента, аккуратно направлять мысль клиента в нужное русло для достижения поставленной цели, ведь результат должен радовать не только заказчика, но и автора.
Я не буду писать красивые слова о том, как много я вкладываю в при разработке дизайна для сайтов – это будут просто напыщенные слова, не имеющие под собой нормальной обоснованной базы. Я просто пытаюсь сделать дизайн таким, каким бы он нравился мне либо многим моим знакомым. За основу я беру свой опыт и примеры других – все мы учимся как на примерах так и на ошибках. Не зря кто-то из великих изрёк, что кто не ошибается – тот не живёт. Истина открывается только в конце пути, полного ошибок.
Но как бы не был тернист путь, а пройти его приходится. На выходе же получается то, что Вы можете лицезреть на данном сайте. Да – не шедевры, но иногда смотрятся ничего :) Оглядываясь назад мне хочется что-то перечеркнуть, но это история и в ней записаны мои шаги, рост и падение, достижения и провалы. Надеюсь Вы найдёте здесь что-то полезное и для себя.
Последние работы
Полезные статьи
Красивая кнопка для сайта с использованием CSS и псевдоклассов. Создание кнопки в один тег. Дизайн кнопки с минимумом HTML
В одной из первых своих статей я описывал вариант создания кнопки. Но проходит время и оно же ставит перед нами некоторые иные задачи. Конструкция кнопки получилась довольно громоздкая. Для описания её понадобилось 3 тега, что довольно много, да и постоянно держать в голове, что и зачем идёт и какой тег за каким следует – это довольно проблематично. Вот по этой банальной причине я решил задаться целью создать кнопку с использованием лишь одного тега вида:
Всё просто и понятно, но как же сделать кнопку с прозрачными краями и радиусами, с динамически изменяемой шириной в зависимости от контента да ещё и с ис...
Убираем рамку отступ в Firefox у кнопок input и button с помощью CSS. Убираем состояние фокус (:focus), рамку фокуса в Firefox
Чаще всего в процессе создания сайта приходится создавать кнопки определённого стиля для всего сайта. Кнопки должны всецело соответствовать дизайну сайта и быть строго одинакового вида во всех браузерах. Казалось бы всё просто, но как всегда есть ряд подводных камней.
Одним из таких является стилизация input и button и обнуление их стилей по умолчанию.
В своей практике я предпочитаю использовать конструкции, описывающие и ссылки и кнопки одновременно и применять их ко всем элементам сразу. Проще говоря – создаю оболочку вокруг базовых элементов вида:
Псевдокласcы в CSS и их использование. Совместное или вложенное использование псевдоклассов. Псевдоклассы :before , :after, :hover.
В данной статье хотелось бы затронуть важную тему для верстальщиков – псевдоклассы. Слово казалось бы страшное, но любой верстальщик использует их постоянно в той или иной степени. Что же мы понимаем, говоря Псевдокласс. Псевдоклассы в CSS определяют условие или состояние и то, как будет выглядеть наш элемент в зависимости от него.
Самым простым и наиболее часто используемым псевдоклассом является :hover. Данный псевдокласс определяет состояние элемента в процессе наведения на него указателя мыши и наиболее часто применяется для описания динамического поведения ссылок (мигание, подчёркивание, изменение цвета и т.д.). Также его можно применить и для ячеек таблиц, да и вообще много...
Создаём сайт. Как не сделать ошибку и создать успешный ресурс
Неоднократно в своей практике приходилось сталкиваться с ситуацией, когда заказчик сам не знает, чего хочет. Обычно в его голове просто винегрет мыслей, которые требуют неспешной структуризации. В процессе последней становится понятно, что многие из его желаний просто-напросто нелогичны да и вообще противоречят друг-другу.
Пока клиент не определится сам и не поставит мне конкретные цели и задачи я предпочитаю не браться за проект (но есть и исключения). Но даже после создания сайта наступает этап, когда хочется улучшить функционал, разнообразить сайт, да и просто его развить. Вариантов множество, а если ещё и подсмотреть у кого-то. А ещё хочется подзаработать деньжат на рекламе. ...