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

Существуют ли идеальные программы для веб-дизайна?
Для меня главное в любой программе, которую я использую, - это надежность, выполняемые функции и удобство использования.
А как насчет пользователя этих программ? И каким он должен быть? Естественно, что разные программы для веб-дизайна сделаны для разного уровня пользователей. Есть программы, которые делают сайты сами :) Есть громадные комбайны, которые требуют от пользователя лишь поверхностных знаний 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/

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

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

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