Веб-дизайн программы.

Существуют ли идеальные программы для веб-дизайна?
Для меня главное в любой программе, которую я использую, - это надежность, выполняемые функции и удобство использования.
А как насчет пользователя этих программ? И каким он должен быть? Естественно, что разные программы для веб-дизайна сделаны для разного уровня пользователей. Есть программы, которые делают сайты сами :) Есть громадные комбайны, которые требуют от пользователя лишь поверхностных знаний html+css и вместе с тем жрут очень много системных ресурсов. А есть иной вид программ, которые ничего не делают за разработчика, а просто являются отличными помощниками, а не "заменой мозга". К классу таких программ относится любой хороший редактор кода, к примеру textmate для Mac или e-texteditor для PC.

Вот мой список программ для веб-дизайна:
Adobe Photoshop
Adobe Illustrator
e-texteditor
Mozilla Firefox + firebug

Взять к примеру Adobe Photoshop. Лучшего редактора растровой графики я не знаю. Он может делать с изображениями все. Единственное ограничение - мозги пользователя.
Illustrator - лучший редактор векторной графики. Если рисуешь логотип или любую другую илюстрацию - это лучший выбор.
e-texteditor - винодовый textmate. Если знаешь html+css и любишь простоту и скорость работы.
Mozilla Firefox + firebug - лучший друг веб-разработчика. Firefox - браузер, который поддерживает в полной мере веб-стандарты. firebug - надстройка для Firefox, позволяющая быстро и эффективно находить ошибки и не только.

А что используте вы?

Hаучиться веб дизайну

Как вы думаете можно ли научиться веб дизайну?

И как? Что необходимо делать?

И  что главное в веб дизайне?

Все таки дизайн - это решение конкретных функциональных задач. Это решение задачи взаимодействия с пользователем. Дизайн - это не красота. Вернее сказать, дизайн - это не только красота. Это забота о пользователе. Сегодня прочитал интересную мысль, что дизайнер должен выступать адвокатом пользователя перед своим заказчиком. Очень часто заказчик хочет "просто красиво". Как много можно вместить в это слово "красиво". Или еще "Хочу такой же дизайн как на сайте [...]" Абсурд. Что, полностью передирать дизайн? Немножко изменить, немножко подправить и все? В этом что ли задача дизайнера? Не думаю. Дизайнер создает связь, создает коммуникацию с пользователем. Вот так.

И еще немного о вкусе. Конечно, у каждого он свой. Но иногда... возникает такое ощущение что над дизайном некоторых сайтов потрудился всем известный стилист "небритая мальвина в унтах" парикмахер Сергей Зверев.

Надо все таки развивать чувство вкуса. Избегать вульгарности. А вкус развивать можно - просто смотря на работу профессионалов и пытаясь следовать их идеям. Например на таких веб-галлереях:

Web Creme
FAVEUP
CSSREMIX
Design Shack
CSSelite.com
The FWA
Pattern Tap
Make Better Websites
Smashing Magazine
cssheaven.com
CSSline
CSS Mania
DesignBombs
The Best Designs
Best Web Gallery
siteInspire

Вернемся все таки к вопросу "научиться веб дизайну". Что для этого надо делать?

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

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

SEO. Топ 10 SEO-мифов.

1. SEO - секретные стратегии.

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

2. Плотность ключевых слов черезвычайно важна (критична). 

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

3. Контент, контент, контент.

Хотя контент имеет важное значение для сайта, но только он не позволяет достичь топа выдачи. Много других факторов влияют на выдачу.  Более ста факторов присутствуют в алгоритме гугла. Один из этих факторов - хороший уникальный контент. Но он не единственный!

4. Регистрация сайта в поисковых системах.

Это все "байки из склепа", в прошлом эффект от этого телодвижения был, но не сейчас. Не беспойтесь о регистрации в поисковиках, сосредоточьте усилия на получении качественных ссылок с релевантных сайтов. Это будет не только сигналом для поисковых систем о появлении нового сайта, но и поможет в получении хорошей выдачи.

5. Гарантированный СЕРП.

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

6. Ссылки для топ СЕРПа.

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

7. Ваилидный HTML.

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

8. Поисковые системы предпочитают статические страницы динамическим.

Раньше динамические сайты имели страшные урлы из которых и были проблемы с индексацией. А теперь другие времена и урлы у всех красивые. И поисковому боту пофигу статическая у вас страница или динамическая. Главное чтобы урл выглядел как статический. 

9. Метатэги важны.

В прошлые времена - да, активно использовались. Но сейчас необходимо - активно использовать title, description, h1.

10. Для хорошего СЕРПа нужен высокий Page Rank.

В настоящее время в топ выходят страницы даже с маленьким Page Rank.

оригинал здесь.

Упражнение для молодых веб дизайнеров

CSStricks предлагает такое незатейливое упражнение, чтобы продвинуться непродвинутому веб-дизайнеру:

1. Найти сайт, дизайн которого вам нравиться больше всего. Для этого можно погулять по дизайн галлерее какой нибудь.
2. Откройте вашу любимую дизайнерскую программу (в нашем случае конечно же Photoshop) и попытайтесь скопировать сайт полностью. Сделав скриншот любимого сайта, сверяйтесь с ним. 
3. Во время копирования вам будут приходить в голову свои собственные дизайнерские идеи. Не сдерживайте себя.
4. Конвертируйте свой псдэшник в хтмл-цсс.
5. А теперь внимание - повторите.

5 советов при изучении веб-дизайна

1. Делать ошибки нормально. Вообще то, это может быть хорошо.
   
2. Будьте терпиливы.
3. Если не получается - отдохните.
4. Делайте страницы, делайте сайты, практикуйтесь.
5. Не сдавайтесь.

killersites.com - об этом подробнее и по-английски.

Веб-дизайн. Вкусности CSS - 25 продвинутых CSS техник.

Заголок этого поста не нуждается в  расшифровке. Встречайте Вкусности CSS - 25 продвинутых CSS техник. (англ)

Веб-дизайн. Flash.

Судьба свела меня с Flash. 

Много уроков по Flash здесь (англ.)

Веб-дизайн. SEO. Плотность ключевых слов.

Читал вот сегодня неплохой сайт по SEO devaka.ru, а именно статью "Забудьте о плотности ключевых слов", которая в свою очередь написана по материалам статьи  DailySEOTip: Forget about Keyword Densityи SeoMoz: Keyword Usage & Targeting. 

Так вот, ближе к делу, как говориться. Утверждается, что поисковые боты умнее чем кажуться и им пофигу плотность ключевых слов. Чему же уделять внимание в таком случае? А вот чему:

1. Включите вашу ключевую фразу в заголовок страницы и тег H1.
   
2. Добавьте текстовую аннотацию к странице (как бы введение) в самом начале контента, упоминающую вашу ключевую фразу.
   
3. Используйте только грамматически правильные фразы (как известно, люди стараются употреблять упрощенные фразы, которые не всегда корректны. Вы можете натолкнуться на такие комбинации слов при проведении исследований, однако не стоит их использовать на своих страницах).
   
4. Используйте синонимы ключевых слов (синонимы являются одним из параметров естественного и полезного контента)
   
5. Используйте производные от ключевого слова термины (это сделает ваш контент богаче и более разнообразным, а также привлечет больше поискового траффика)
   
6. Убедитесь в том, что ваша страница легко просматривается – посетитель моментально поймет о чем идет речь (добавьте жирных шрифтов, списков, заголовков). И конечно же вы должны использовать вашу ключевую фразу (или связанные термины) в заголовках и жирном шрифте (таким образом и люди и поисковые боты могут быстро ассоциировать страницу с ними).
   

И, кстати, нашел классный сайт по SEO

Twitter сегодня упал. Twitter is currently down for database maintenance

Вот такая креативная картинка красовалась на twitter в 9 утра по Киеву.

Веб-дизайн. Отличное видео по jQuery.

Ben Nadel (честно говоря, первый раз слышу, но написать надо) представил классное видео о jQuery. Для начинающе-продолжающих самое то. 

Обновился CodeIgniter (1.7.1)

Итак 10 февраля сего года, а именно 2009, обновился PHP фреймворк CodeIgniter. Подробно об изменениях можно почитать здесь. В основном это баг-фиксы и небольшие изменения.

Веб-дизайн. Дизайнер Twitter.

Vitor Lourenço - 21 летний чувак, который делал дизайн для Твиттера. Вот его твит. Вот его сайт. В разделе work его портфолио. Мне очень нравиться такой легкий и понятный дизайн.

Twitter. Далай Лама

Теперь на всеми любимом твиттере есть и Далай Лама. Фоловьте же его.

Работа для дизайнеров и разработчиков

Всеми любимый Wed Designer Wall опубликовал громаднейший список сайтов, где можно найти работу дизайнерам и разработчикам. Смотрите здесь.

Веб-дизайн. SEO. Первое место в Google.

Итак, свершилось! По запросу "веб-дизайн для всех" мой сайт на первом месте.

Добился я этого только внутренней оптимизацией, причем белой, чистой и пушистой.

Веб-дизайн. 57 галлерей, слайд-шоу, всплывающих окон.

Запишу... а то забуду, а вещь полезная - http://www.1stwebdesigner.com/resources/57-free-image-gallery-slideshow-and-lightbox-solutions/

10 сайтов для облегчения тяжелой жизни веб-дизайнера

У тебя тяжелая жизнь? Устал? Подумываешь о смене профессии? Используй эти десять сайтов и все будет хорошо:

1. Patterrific - паттерны, кисти и даже больше... Чтобы создать прикольный бэкграунд, дервяный. оловяный, стекляный и т.п. - иди на этот сайт.
   
2. Lisandru - блог, на котором можно скачать кучу высококачественных иконок, волпепперов, графики и т.п. 
3. Textureking - текстуры, текстуры, текстуры по различным категориям.
4. Forwebdesigners - это ни больше ни меньше google для веб-дизайнеров.
5. Fordesigners - PSD, векторы, темплейты, флэш. Очень трудно найти ссылки для скачки среди моря рекламы. Теперь внимание, - ссылка на скачку посередине страницы.
6. Whatsitscolor - хочешь выяснить что за цвет используется на картинке или сайте? Сайт поможет тебе.
7. Skycsstool - Sky CSS позволит тебе создавать CSS классы без кодирования.
8. Webcolor.webmaster-kit - симпатичная тулза для того, чтобы посмотреть цвета сайта, линков и т.п.
   
9. CSS Generator - легко генерируй CSS для любого сайта, странички без нервотрепки.
10. HTML Goodies - кучечка подсказок, трюков CSS, JavaScript и т.д.
    

Читай полную англоязычную версию http://desizntech.info/2009/02/10-web-resources-to-make-web-designers-life-easy/

Веб-дизайн. Приклейка (прибивка) футера.

CSSStikyFooter - целый сайт посвященный пиклееному футеру.

Мини SEO учебник

http://pr-cy.ru/mini-tutorial/

Памятка дизайнеру сайтов.

Хабр в очередной раз порадовал полезной статьей. Не просто полезной, а действительно полезной статьей. В комментариях, даже есть мнение, что эта статья намного полезней всего "Ководства" Самизнаетекого.

Читайте же, не ждите "Памятка дизайнеру сайтов".

Дмитрий Медведев на twitter

Дмитрий Медведев на twitter. Неужели правда, ведь Обама есть?

Веб-дизайн. 8 БЕСПЛАТНЫХ онлайн сервисов для построения сайта.

Если кроме браузера у дизайнера ничего нет, то он все равно голодным не останется. Потому что он не пальцем делан и использует:

1. Wix  - простая и в то же время мощная платформа для создания Flash сайтов и всякого разного. Куча шаблонов дизайна, анимационные эффекты, фотоальбомы, Google maps и RSS. Можно также импортировать фотографии из Fliсkr и видео из YouTube. Созданные сайты можно там же и хостить, но для этого надо платить бабулесы.
2. Weebly - драг анд дроп интерфейс позволяет добавлять видео, картинки, карты, текст. Для начала нужно выбрать любой из стандартных шаблонов дизайна и потом его приспособить для себя.  Сайты будут иметь вид pagename.weebly.com, но также есть возможость использовать свой домен.
3. Webs (в Одессе известный также как FreeWebs) - это вообще жесть в самом лучшем смысле этого слова. Много, много, очень много функций. Вплоть до интеграции сайта с платежными системами. Пару кликов - и у вас полноценный сайт для электронной коммерции. Можно также создать свою собственную социальную сеть. Круто? Единственный недостаток - это не самый легкий сервис для пользователя. Более 20 миллионов сайтов было создано с помощью этого сервиса. 
4. Webnode - Вордовский интерфейс, легкий в использовании, есть что-то вроде CMS. Самый интуитивно понятный сервис.
5. Jimdo - тот же Webnode , только в профиль.
6. Sprout Builder - для быстрого создания мультимедийных сайтов. Мощный дизайн-интерфейс, но, опять таки, не такой простой и понятный рядовому пользователю. Для уникального дизайна.
7. Viviti - это больше похоже на CMS с меньшим закосом под дизайн.
8. SynthaSite - тот же Microsoft Publisher, только в онлайне.

Все это, дорогой читатель, я прочитал на WebDeigner Depot.

Веб-разработка. Изучение Ruby и Ruby on Rails.

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

5 из 12 веб-приложений для дизайнера.

Six Revisions написал про12 веб приложений для дизайнеров. Подробно об этом можно почитать здесь. Мне понравились вот такие штуки:

• Typetester - прикольная онлайн штука для сравнения шрифтов.
  
• Dummy Text Generator | Lorem ipsum for webdesigners |  - очередной генератор рыбы, но в этот раз много видов текста.
  
• BgPatterns - создание своих узорчиков для бэкграунда.
  
• http://www.favicon.cc/ - создание фавиконов.
  
• http://wellstyled.com/ - создание цветовых схем для сайта.
  

Веб-дизайн. Twitter. Монетизация.

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

Сегодня появилась новая функция на twitter - suggestions. Расположена она здесь http://twitter.com/invitations/suggestions. Что это и для чего? Twitter для нас составляет список пользователей, за которыми нам было бы интересно следовать. Мне, например, сразу предложили следовать за американским политиком Гором. И чем это он мне интересен? Думаю тем он мне интересен, - что Гор и другие продвигаемые начали монетезировать твиттер. Всем кушать же хочеться. Немного денег и вас предложат другим. Кстати неплохая идея монетизации. Хотя, возможно я и ошибаюсь. 

Так что, дорогие веб-дизайнеры, - пользуйтесь twitter и да пребудет с вами Сила.

SEO. Внутренняя оптимизация сайта для дизайнера. Семантическое ядро.

Раз я уже начал писать о SEO, то продолжу эту хорошую традицию. Я давно искал информацию о том, как составляется семантическое ядро для сайта. Правда не так упорно, как надо было бы, но искал. И вот нашел интересный цикл статей, который вполне подойдет для новочков в SEO, для дизайнеров и т.п. Очередная статья из этого цикла описывает как раз создавание семантического ядра для сайта. Для тех кто не в курсе, объясню - "семантическое ядро" - это набор слов по которым продвигается сайт.  Итак, в двух словах:

• Составляем список всех слов и словосочетаний подходящих под тематику сайта
• Список слов корректируем в соответствии со статистикой предоставляемых Яндексом или подобными сервисами
• Записываем в Excel таблицу с указанием запроса и его частотой
• Выбирам частоту, по которой будем продвигать (низкочастотные запросы или высокочастотные). Рекомендуется брать для начала низкочастотные запросы (с частотой не более 1000)

Вертикальный ритм в дизайне (типографика).

"Пустое пространство - это как время в музыке", - говорит Ричард Руттер здесь. Полезная и интересная статья (англ.) для дизайнеров, интересующихся типографикой.

200 уроков по Photoshop

http://www.photoshoplady.com/the-100-most-popular-photoshop-tutorials-2008/ - там 200 уроков по Photoshop. Любому начинающему дизайнеру пригодится.

Прочитал на http://dirty.ru/

CSS orgy

CSS оргия. Это просто обалдеть. Как можно додуматься до такого линка. Всего ожидал в этот вечер, но не сайта с таким названием. Я понимаю, что это классное название. Понимаю, что количество ресурсов по CSS уже зашкаливает, но назвать сайт "cssorgy.com" - это уж слишком. Хотя конечно запоминается. И это главное. Рекламу вон на сайте продают. Кто то даже один купил. Осталось еще пять мест. Офигеть... Ну что я еще могу сказать. Молодцы. Креативненько поступили с урлом. Задели за живое так сказать. За секс. А секс в настоящее время - самая важная часть рекламы, потому как человек являет собой социальное животное и кроме социума активно жаждет секса. И тут тебе - не секс, не оргия - а каскадные таблицы стилей. И трахайся с ними.

Веб-дизайн и SEO. Поисковая оптимизация глазами начинающих оптимизаторов.

Сколько блогов в блогосфере посвящены SEO? Наверное несколько тысяч только в рунете. Даже есть "Каталог SEO-блогов и SEO-форумов". Полезных - единицы. По крайней мере для начинающих. Серфишь эти блоги в надежде найти хоть каплю понимания. Не информации, а именно понимающего рассказа. И ничего обычно не находишь. Но не сегодня. Сегодня я случано, а может и не случайно читал в ридере подборку лент по теме SEO, в который раз убеждаясь в своей правоте, что все SEO-посты в них - переливание из пустого в порожнее. Особенно в канун Нового Года. И тут среди этого кошмарного пустословия натыкаюсь на оазис здравого размышления о SEO. Причем есть статья для начинающих SEO-шников "Поисковая оптимизация, раскрутка и продвижение нового сайта глазами начинающих оптимизаторов". В ней подвергаются сомнению распространенные методы продвижения сайта путем регистрации в каталогах, прогон по доскам объявлений и форумам. И объясняется почему. Мне блог очень понравился.

Раз - два - три - четыре - пять - я иду писать!

Стамблил интернет. Набрел на http://onetwofiver.com/. Очень такой простой сайт. Невольно возникает непонятка: "Для чего сей сайт?" И вот что я выяснил... Этот сайт сделан прежде всего для самого автора и сделан самим автором. Ему вроде как хотелось что-то писать, но никак он расписаться не мог. И вот он придумал. Сначала написать одно слово. Потом два, потом пять, потом десять... и так до пятисот. Таким образом он расписывался. Не знаю правда, что у него получалось в итоге. Надеюсь, что что-то интересное - потому что сайт сам интересный. Сейчас я сижу на отметке 100 слов и думаю что бы еще написать... Конец...