Блог для вебмастеров

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

Если вы хотя бы немного знаете основы языка PHP, то нам с вами не составит труда  реализовать использование CSS переменных уже сейчас. Все довольно легко и просто, как пишет нам Крис Койер в своей статье.

( Read the rest of this entry » )

Originally published at . Please leave any comments there.

Совсем недавно во всемирной паутине появился свежий российский биржевой проект с эксклюзивным контентом www.PayText.ru. Сами владельцы проекта называют свое детище Магазин эксклюзивного контента, но никак не биржей, потому что все статьи на сайте размещены от имени их владельцев.

Закладок, в которых должны размещаться статьи, довольно таки много ( Бизнес и финансы, Авто и мото, Работа и учеба, Дом и семья, Медицина и здоровье, Общество, Развлечения, Отдых и спорт, Культура и искусство, Хай-Тек, Наука и техника, а также Разное), плюс под каждой закладкой находятся еще несколько подпунктов, всего их около шестидесяти. Количество статей, размещенных и выставленных на продажу в магазине около 400, но с каждым днем их становится все больше и больше, появляются новые подпункты и так далее, то есть сайт растет.

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

Цены на статьи умеренные, в пределах 0.5 WmZ за тысячу символов, в среднем за статью размером три тысячи символов вы заплатите 1,5 WmZ, что в наличном эквиваленте равно 1,5 долларам США.

Кроме всего этого, в интернет- магазине в соответствующих закладках на панели сайта можно заказать рерайт или копирайт статей размера от одной до пяти тысяч символов и на любую тему. Цены заказов очень, ну просто невероятно низки! За рерайт статьи вы выложите всего-то 0.4 WmZ за тысячу символов, а за копирайт приблизительно 0.7 WmZ, эта информация размещена на самом сайте биржи текстового контента. К тому же на сайте предусмотрена целая система скидок как для обычных, так и для постоянных покупателей. При этом владельцы сайта всегда готовы уменьшить цену, повысив скидки всем постоянным покупателям.

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

В общем, www.PayText.ru – молодой, амбициозный проект, которому еще есть куда расти.

Originally published at . Please leave any comments there.

Сегодня я рада вам представить обзор интереснейшего, на мой взгляд, интеренет-ресурса psd.webtuts.ru. Вот, что рассказывает нам автор проекта…

Блуждая по просторам Рунета, можно отметить, что наиболее популярными являются статьи для вебмастеров и дизайнеров: советы по разработке логотипа, подборки оригинальных шрифтов, уроки CSS. Но так случилось, что в основном это одинокие статьи на seo-блогах. Настоящих же полноценных дизайнерских блогов на русском языке не так и много, другое дело буржунет, где подобные порталы очень популярны и востребованы. Именно поэтому, сегодня хотелось бы Вам представить Интернет-журнал, ориентированный именно на русскоязычную аудиторию. На нем вы сможете скачать кисти для Фотошопа, вдохновится, смотря на красивые сайты, либо загрузить несколько тем для WordPress.

Одни статьи пишутся авторами проекта, другие являются переводами англоязычных ресурсов. К сожалению, новые материалы появляются не так часто, как хотелось бы – в среднем один пост на 3-4 дня, но проект постоянно развивается, улучшается и набирает обороты. В скором времени также планируется возможность платного добавления статей. Каждый автор за опубликованный материал сможет получить достойное вознаграждение. Что еще выделяет ресурс из толпы, так это раздел с видео-уроками. Согласитесь, лучше один раз увидеть, чем сто раз услышать. Не нужно искать непонятные пункты меню в Photoshop или переводить английские слова на русский, достаточно просто повторять все действия за автором.

Одним словом, сайт должен стать популярным и полезным как для новичков, только приступивших к изучению веб-дизайна, так и для маститых профессионалов в этой сфере. Как только проект выйдет на достойный уровень, планируется запуск параллельных ресурсов (css.webtuts.ru – уроки верстки, seo.webtuts.ru – статьи по оптимизации, php.webtuts.ru – обучение программированию). Ну а пока милости прошу на psd.webtuts.ru

Originally published at . Please leave any comments there.

Перевод статьи «How to Design for Your Worst Client: You.«

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

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

Внутренняя борьба

Как показывает история доктора Джекила и мистера Хайда, дуализм человеческой натуры всегда вызывал глубокий интерес. Дуализм проявляется в отношении к добру и злу, или, в нашем контексте, во внутреннем конфликте творческой личности. Для дизайнера эта внутренняя борьба может стать очень мощным инструментом, если научиться ее контролировать.

Правило №1: Конечное назначение

Когда вы садитесь в машину, вы же не начинаете просто куда-то ехать, надеясь как-нибудь попасть в пункт назначения? Нет, вы точно знаете, куда вы хотите отправиться. То же и со своим сайтом. Спросите себя, какой результат вы хотите получить на выходе? Только не нужно расплывчатых ответов типа «Хочу клевый сайт». Возможно, назначением сайта будет показать потенциальным клиентам, что вы заботитесь о восприятии сайта пользователем. Возможно, вы стремитесь получить признание в ряде галерей. Возможно, вам просто нужно место для эксперимента и совместного творчества с другими дизайнерами. В вашем сайте должно прослеживаться концентрированное и сфокусированное понимание его общего назначения.

Правило №2: Составьте распорядок

В фильмах «Безумный Макс» не существует правил и все движется просто так. То же самое происходит, когда в вашем проекте нет распорядка. Первозданный хаос. Первым делом нужно поставить себе ограничения. Некоторые, например, задают себе определенный дедлайн. Я не считаю, что дедлайны, поставленные самому себе, работают. Они только ограничивают вас и обуздывают вашу творческую энергию. Вы будете больше озабочены сроком сдачи проекта, и велика вероятность, что начнете задвигать его, как только он помешает другим начинаниям. Так что об этом забудем.

Определяйте для себя задачи в рамках поставленной цели. То есть, выделите конкретные страницы (например, главная, блог, портфолио, о себе, контактная информация). Поймите для себя, что вы хотите увидеть по завершении проекта.

Профессионально выполненные копии швейцарских часов вы можете приобрести только на baselshop.ru
Хотите узнать, какие сейчас самые стильные стрижки и модные прически?

Правило №3: Контент прежде всего

Как можно конкретнее определитесь, что должно быть на каждой из страниц. То есть, первым делом решите, каким будет контент. Понятно, что это дизайнерское портфолио. При этом вам нужно к чему-то приложить свои дизайнерские навыки. Сколько раз клиенты заказывали вам дизайн, не говоря, каким будет наполнение сайта, или обещая сообщить об этом в скором времени (читай: за день до запуска сайта). Не поступайте так с собой.

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

Правило №4: Хватит сравнивать

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

Хватит использовать другие сайты как «костыли», бесцельно бродя в поисках озарения. Если вы определили свои цели и желаемый контент, вы можете быстро двигаться вперед, пока не найдете элементы, которые помогут достичь вашей цели. А затем ПРЕКРАЩАЙТЕ смотреть по сторонам.

Правило №5: Вдохновение и труд

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

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

Правило №6: Пуленепробиваемый бренд

Это одна из самых главных вещей, которые я понял: в мире нет человека, такого же, как вы. Может быть, это звучит, как слова школьного психолога. Тем не менее, это правда.

Бренд, который вы создаете, не должен базироваться только на элементах дизайна (логотипе и цветах). Он должен отражать вашу индивидуальность и способ самовыражения. Бренд может быть дерзким и современным, с элементом неожиданности. Вы можете взять его и построить вокруг него дизайн. Ваш бренд является персональным, он должен исходить от вас, а не являться отражением чего-то вами виденного. Тренды обычно исчерпывают себя, поэтому избегайте их, во что бы то ни стало.

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

Проектор Optoma EP721i – лидер продаж! Лучшая цена только на finebuy.ru
Не секрет, что ноутбуки Asus сейчас самые популярные. Выберите модель, которая подходит вашим критериям.

Правило №7: Совершенство бесконечно

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

Признайте свои слабые и сильные стороны. Дизайнеры по натуре любят то, что они делают, и привязываются к своим творениям. Все, что вы делаете, вы делаете с полной отдачей. Вы не сможете дать больше, и если вы не оставите что-то за рамками, вы никогда не сможете получить «обратную связь» или увидеть результаты работы. Без такого опыта невозможно вырасти до более профессионального дизайнера. Не забывайте, что лучшим дизайнерам иногда не удавалось понять, что лучше оставить за рамками своей работы.

Правило №8: Самое то

Ну так как вы узнаете, что получилось самое оно? Когда было потрачено достаточно времени? Дайте вашему дизайну «перебродить» несколько дней и вернитесь к нему вновь. Если вы смотрите на работу и понимаете, что она все еще хороша, или даже лучше, значит, вы на правильном пути.

Даниэль: «Но как я узнаю, что моя картина хороша?»

Мияги: «Если она исходит из тебя, то она всегда хороша».

- Из Карате Кид

Правило №9: Вы не творческий гений

Даже лучших дизайнеров иногда «заклинивает». Я недавно видел беседу о творческих способностях на TED. Автором была Элизабет Джилберт. Она говорила о том, что творческое вдохновение или «гений» может не исходить изнутри нас, а скорее быть данным нам извне. Что-то вроде музы в греческой мифологии. С этой точки зрения, творческим личностям не стоит быть столь требовательными к себе, стараясь каждый раз достигать блестящего результата. Это действительно изменило мой личный взгляд на творчество и такие ситуации, когда дизайнерские идеи не бьют из тебя ключом.

- Элизабет Джилберт о взращивании творческих способностей.

Правило №10: Используйте силу

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

Например, если вы увидели ссылку на классный сайт, после того, как вы прекратили смотреть и начали творить, используйте нечто вроде вашего Пуленепробиваемого Бренда. Подумайте о назначении того классного сайта. Он работает на того дизайнера, а не на ВАС. Цели того дизайнера, скорее всего, очень сильно отличаются от ваших. Просто посмотрите и продолжайте двигаться по пути к своему отличному дизайну.

В добрый путь

Эти правила помогут вам преодолеть внутреннюю борьбу при создании дизайна для себя. Я использовал эти правила и понятия, чтобы справиться с собственными трудностями в дизайне и надеюсь, что другим они тоже будут полезны.

Originally published at . Please leave any comments there.

Перевод статьи «Understanding Web Safe Colors«

Существует палитра из 216 цветов, поведение которых мало предсказуемо при использовании разного железа и программных платформ. Она называется web-безопасной (или просто безопасной) палитрой, и эти цвета распознаются всеми браузерами и системами (ну, за исключением совсем уж древних систем). Хотя эти цвета и не выглядят точно один в один из-за особенностей разных мониторов, они хотя бы однозначно распознаются всеми системами.

Web-безопасные цвета были выбраны математически, а не в силу того, что эти цвета используются чаще всего. RGB-коды для безопасных цветов состоят из нуля и других шестнадцатеричных цифр, делящихся на три: 3, 6, 9, C (12) и F (15). Кроме того, эти цифры всегда используются попарно.

Профессиональная  разработка интернет-магазинов в Перми.
Нужна раскрутка сайта? Заходи на www.kokoc.com

Например:

• #3366FF является безопасным цветом, потому что состоит из парных цифр, делящихся на три.
• #2255AA не является безопасным, поскольку числа не делятся на три.
• #3693CF не является безопасным, поскольку цифры хоть и делятся на три, но не являются парными.

Повышение значений парных цифр, например от 33 к 66, означает 20% повышение насыщенности данного тона.

Многие цвета помимо шестнадцатеричных кодов имеют имена. Например, в таблице стилей можно написать «color:red». Загвоздка в том, что только десять из этих имен цветов соответствуют в точности одному и тому же коду во всех браузерах. Казалось бы, нечто такое очевидное, как «red» должно бы всегда соответствовать коду #FF0000, но, к сожалению, это не всегда так. Например, имя цвета «brown» соответствует коду #A52A2A в Navigator 7.2 и коду #993333 в Internet Explorer 6. Хотя новые версии Internet Explorer и Firefox лучше согласуются между собой, все равно безопаснее использовать шестнадцатеричные коды, а не имена.

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

Грамотная регистрация в каталогах Рунета
Веб-студия Юнима. Создание сайта в Саратове.

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

Есть несколько алгоритмов дитеринга. Один из самых ранних и самых популярных по сей день — алгоритм Флойда-Штейнберга, разработанный в 1975 г.

Одним из преимуществ данного алгоритма является минимизация помех изображения, благодаря диффузному процессу; с помощью диффузных алгоритмов обычно удается получить изображение, которое намного ближе к оригиналу, чем изображение, полученное с помощью более простых алгоритмов дитеринга.

—    Wikipedia

Из-за этой проблемы некоторые специалисты до сих пор советуют придерживаться web-безопасной палитры. Однако, она налагает серьезные ограничения: 216 цветов это не так уж много для большинства дизайнеров (вроде меня). Неизбежно, в точности такого цвета, как нам представляется, просто не оказывается в безопасной палитре.

Это ставит нас перед дилеммой: следует ли ограничиться безопасной палитрой из 216 цветов, чтобы быть уверенными, что наши цвета не изменятся и не подвергнутся дитерингу у тех пользователей, чьи браузеры не могут распознать большее количество цветов? Или радостно и безоглядно выбирать из 16,8 миллиона великолепных, изумительных и выразительных цветов, которые все же могут увидеть на экране многие, пусть и не все, пользователи?

Заключение

Фактически, старых компьютерных систем с цветовым диапазоном из 256 цветов осталось так мало, что большинство специалистов уже объявляют, что web-безопасная палитра осталась в прошлом. И все же, ответ на вопрос, стоит ли использовать безопасную палитру, звучит как: «Зависит от обстоятельств». Зависит от того, насколько значительную долю вашей потенциальной аудитории составляют пользователи со старыми компьютерами, поддерживающими только 256 цветов. Зависит от того, будут ли заходить на сайт с коммуникаторов или сотовых телефонов, которые могут поддерживать только 256 цветов. Даже для таких пользователей использование безопасных цветов наиболее важно на больших поверхностях сплошного цвета в графических элементах и фонах HTML-страниц, где больше всего заметны дитеринг или смена цвета. Если ни одно из этих условий, вроде бы, не влияет на большую часть вашей аудитории, то вы можете спокойно использовать любые цвета, которые поражают ваше воображение.

Originally published at . Please leave any comments there.

Перевод статьи The Deming Cycle: an application to web design.

В данной статье, я хочу проилюстрировать вам применение цикла Деминга – так же известного как круг PDCA (Plan, Do, Check, Act) – в веб-дизайне. Если вы никогда не слышали об этом, цикл Деминга – это модель (разработанная Эдвардом Демингом), которая описывает итеративный (повторяющийся) процесс, направленный на поддержание непрерывности совершенствования разработки, обычно используемая в бизнес-процессах реинженеринга и  в менеджменте качества. Эта модель включает 4 основных этапа:

- Plan: установить цели и определить методы их достижения;
– Do: осуществить запланированное;
– Check: сравнить полученный результат с ожидаемым;
– Act: улучшить полученный результат.

А для вас постинг это заработок или каторга?
Скоро осень, пора выбрать отопительные приборы. Советую обратится в компанию Гольфстрим.

Проще всего представить круг Деминга можно следующим образом:

( Read the rest of this entry » )

Originally published at . Please leave any comments there.

Сразу уточняю, что речь пойдет о разработке именно сайта, а не очередного блога. Т.е. задача в следующем: есть дизайн сайта – нужно натянуть его на CMS Wordpress. Что необходимо учесть в первую очередь и с какимим проблемами придется столкнуться? Давайте разберемся.

Не верите, что желания исполняются? Просто создайте свой вишлист на JustParty.ru

( Read the rest of this entry » )

Originally published at . Please leave any comments there.

Хочешь получить денежный приз? Заходи на SEO блог – угадай дату апдейта тИЦ.

Перевод статьи Four Methods to Create Equal Height Columns

Раньше, когда все верстали с использованием таблиц, создать колонки одинаковой высоты было очень просто.  Достаточно создать таблицу, например, с 3мя колонками и все они автоматически будут иметь одинаковую высоту.  Но в блочной верстке не все так просто.

В этой статье я расскажу вам о некоторых способах создания колонок равной высоты и о совместимости этих методов с браузерами (включая IE6). Все эти способы описывают создание 3х колоночного макета.

( Read the rest of this entry » )

Originally published at . Please leave any comments there.

Начиная со второго полугодия 2008 года на рынке браузеров произошло несколько ярких событий: выход в свет долгожданного Google Chrome, релиз IE8 и Opera 10. Однако в общую долю популярности использования браузеров они не внесли много изменений. Рекомендую для начала вспомнить статистику на конец первого полугодия 2008 года:

Рис. 1. Статистика использования браузеров на конец I полугодия 2008 года (по миру в целом)

( Read the rest of this entry » )

Originally published at . Please leave any comments there.

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

“Привычный взгляду” интерфейс и удобная функциональность, при всех положительных отличиях INDEK.Биржи, позволяет работать на площадке в привычном режиме, поэтому освоение данной системы не займет много времени. Но все же, интерфейс выглядит пока сыровато: не работают некоторые ссылки, форма регистрации мало соответствует правилам юзабилити. Думаю, что разработчики торопились с запуском, поэтому все будет дорабатываться в процессе.

( Read the rest of this entry » )

Originally published at . Please leave any comments there.