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

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

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

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

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

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

Веб-дизайн. 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 - целый сайт посвященный пиклееному футеру.

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

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

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

Веб-дизайн. 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 и да пребудет с вами Сила.

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

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

Классный медиаплейер

http://uppod.ru/

Загрузка изображений в tinyMCE

http://www.jstoolbox.com/2008/12/05/zagruzka-izobrazhenij-v-tinymce/ - очень хорошая статья про загрузка изображений в tinyMCE

Google Analytics on Desktop (локальная версия Google Analytics)

Очень и очень крутая штука - Google Analytics, 

Еще удобней она смотрится не в браузере, а как десктопное приложение. 

Скачать можно здесь. (справа внизу). 

Для работы этой программы понадобиться Adobe AIR.

Скрин прилагается.

Еще раз про "Lorem Ipsum"

Смотрел статистику посещений блога на Google Analytics - 33% посещений это посещение статьи "Он-лайн генератор рыбы", где рассказывается вообще про  Lorem Ipsum и дается ссылка на сам он-лайн генератор рыбы. Кто бы мог подумать, что эта статья так привлечет внимание. Без Google Analytics бы не додумался, что это так.