Архив автора: RohViktor

Веб-дизайн \ Статьи по веб-дизайну

Баланс в веб-дизайне

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

Когда мы представляем себе баланс, то проще всего его сравнить с понятием веса. Физический вес и вес элементов дизайна на самом деле очень похожи — физический объект может быть маленьким, но очень тяжелым, независимо от массы, так же, как визуальный элемент дизайна может быть очень небольшим, но очень привлекающим внимание. Тяжесть физического объекта можно сравнить с визуальной яркостью элементов дизайна, и каждый элемент взаимодействует с другими элементами дизайна так же, как и физические объекты.

Читать далее

Премиум \ WordPress \ Темизация WordPress. Cоздание и установка уникальной темы

Звездный рейтинг статей для сайта

От автора: Курс «Темизация WordPress. Cоздание и установка уникальной темы» — это уникальный для Рунета курс. Уникальный по нескольким причинам: это был первый видеокурс в Рунете по созданию тем для WordPress, аналогов курса по комплексности подхода и качеству материала в Рунете просто нет.

В курсе «Темизация WordPress. Cоздание и установка уникальной темы» показано создание темы для WordPress с нуля.

В первых двух частях был создан макет в Фотошопе и из него сверстан шаблон сайта на тему комиксов. В этой части мы, по многочисленным просьбам в комментариях, создадим, используя шаблон из второй части, готовую тему для WordPress (WP).

Читать далее

SEO \ Внешняя оптимизация

wordpress seo

От автора: WordPress считается одной из тех систем управления контентом, которая быстро поднимет ваш блог в SERP (Search Engine Result Pages – страницах результатов поиска) Google’а, но подъем на вершину – это совсем другая история. Вебмастера постоянно находятся в поиске Святого Грааля по SEO оптимизации WordPress и это (прямо как в случае с настоящим Граалем) никогда не закончится благодаря присутствию великана – поисковика Google.

Читать далее

Верстка \ HTML&CSS

закругленные углы css

От автора: Не редко случаются ситуации, что нужно сделать меню с закругленными краями в CSS и с последующей интеграцией с CMS. А чем проще разметка страницы, тем проще интегрировать в любую CMS.

В данном уроке мы создадим элегантное меню с закругленными краями в CSS, при наведении на него курсора мыши. HTML разметка будет такой же простой, как и у любого меню, реализованного с помощью списков. А все исполнение по закругленным углам в меню мы передадим во внешний CSS файл.

Читать далее

Сайтостроение \ Статьи по сайтостроению

как сделать сайт

Нас постоянно атакуют письма новичков, о том что сегодня очень трудно научиться, самостоятельно сделать сайт с нуля. Многие пеняют на то, что материалы не совсем понятны начинающему сайтостроителю. Многие просто не знают с чего начать и как сделать сайт самостоятельно.

Читать далее

Премиум \ WordPress \ Создание интернет-магазина на CMS WordPress

создание интернет-магазина

От автора: итак, мы задались целью создать интернет-магазин. Но сделан он будет не на специализированном движке, а на CMS, которая изначально не создавалась для подобных целей. Да что там говорить — эта CMS изначально представлялась исключительно блоговым движком. Сейчас же под ее управлением создаются полноценные сайты. Ну что же, приступаем к созданию интернет-магазина под управлением CMS WordPress.

Для наших целей нам потребуется плагин WP–Shop (или любой другой). Собственно, основное время урока посвящено доработке указанного плагина под наши цели.

Читать далее

Премиум \ WordPress \ Создание интернет-магазина на CMS WordPress

создание интернет-магазина

От автора:Сегодня мы рассмотрим первый урок, а именно верстку макета.

В первом уроке я покажу, как можно из шаблона Photoshop сверстать макет интернет магазина. Фоновые картинки будут растягиваться на всю ширину экрана, при этом содержимое будет оставаться по центру. Также рассмотрим, как вырезать фоновые прозрачные картинки, чтобы при их совмещении в верстке все выглядело аккуратно. Научимся делать нестандартные поля для формы поиска с закругленными углами. Так же сделаем подсказку для поля поиска, подключив к странице javascript. Установим меню, оформим вывод категорий товаров, сделаем вывод товаров с их названием и ценой, создадим постраничную навигацию по каталогу. Все это сверстаем, не используя ни одной таблицы.

Читать далее

Javascript & Ajax \ Ajax

сортировка меню

От автора: в данном уроке мы рассмотрим создание динамического меню, с помощью технологии AJAX. Если Вы работали с CMS WordPress, то, наверное, знакомы с такой штукой, как виджеты WordPress. В данном случае виджеты — это блоки, которые можно перемещать в режиме Drag and Drop («тащи и бросай»). При этом, после перемещения блока, он сохраняет свою позицию, т.е., к примеру, в сайдбаре сайта у нас имеется блок поиска, под которым размещен блок с произвольным текстом… мы захотели поменять их позиции… нет ничего проще — перетащили блок с поиском под блок с текстом и… вуаля — на сайте эти изменения расположения блоков вступили в силу. Согласитесь, динамическое меню — это быстро, удобно и эффектно.

Читать далее

Веб-дизайн \ Статьи по веб-дизайну

выбор шрифта

От автора: типографская разметка – обширное поле деятельности. Люди посвящают годы своей жизни этому древнему ремеслу, и всегда найдется что-нибудь новое для изучения. В этой статье, я сделаю обзор основных моментов, которые следует обдумать при выборе шрифта для своего сайта и гарнитуры (набор из одного или нескольких шрифтов). После чего вопросы на подобие «Какой шрифт выбрать?» у вас отпадут сами по себе.

Практическая типографская разметка

При создании дизайна для Сети вам нужно принять к сведению, что контент будет меняться. О том, чтобы тратить время на кернинг (подгонку пробелов между отдельными буквами) каждого заголовка большого вебсайта, вопрос даже не стоит. Другими словами, вы отказываетесь от контроля.

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

Читать далее

Верстка \ HTML&CSS

создание слайдшоу

От автора: из этого исчерпывающего учебника по веб-разработке вы узнаете, как создать удобный и доступный виджет слайдшоу для своего сайта с помощью HTML, CSS и JavaScript (jQuery). В процессе создания вы увидите в действии концепцию Progressive Enhancement (прогрессивное улучшение).

Читать далее