Пользователь
0,0
рейтинг
20 июля 2007 в 12:18

100 OpenSource инструментов для Web-мастера. перевод

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


Лучшие порталы с открытыми шаблонами сайтов


В сети есть множество бесплатных шаблонов, но искать подходящий часто может быть очень долго, поэтому мы предлагаем вам посетить сначала следующие четыре портала:
  1. OSWD: Более 2?000 бесплатных шаблонов сайтов. Возможность подобрать шаблон по цвету, направлению и структуре.
    OSWD
  2. OpenWebDesign: Большое сообщество дизайнеров, которые бесплатно выкладывают свои шаблоны. Часто проводятся внутренние соревнования. Удобная система поиска.
    OWD
  3. Open Designs: Портал принадлежит некоммерческой организации. Содержит более 600 шаблонов, отобранные сообществом. Так же имеет активный форум, где дизайнеры делятся опытом и советами.
    OD
  4. CSS Tinderbox: CSS Tinderbox советует не «изобретать колесо», если вам необходим простой CSS/XHTML шаблон, который вы можете взять с этого портала.
    CSST

Открытые дизайнерские программы


Зачем платить за программы, если есть бесплатные аналоги. Многие считают, что бесплатный софт, не может быть качественным, но это не так. Дальше представлены лучшие открытые программы для дизайнера.
  1. Nvu: Программа для верстки страниц — конкурент FrontPage и Dreamweaver. (Linux, Windows, and Mac)
  2. Cssed: Редактор CSS, снабженный авто-заполнением, выделением синтаксиса и проверкой. (C, C++) (Linux)
  3. Quanta Plus: Отличный HTML редактор для KDE.
  4. Bluefish: Среда разработки для программистов и вэб-мастеров. © (GNU/Linux, Unix)
  5. GIMPShop: Отличная замена Photoshop. (Mac, Linux, and Windows)
  6. Inkscape: Открытый векторный редактор, по возможностям схожий с Adobe Illustrator.

Готовые дизайнерские шаблоны


Если вы хотите скорей запустить свой сайт, то вам нуден шаблон, не требующий тонкой настройки. В этом разделе представлены лучшие порталы предлагающие полностью готовые шаблоны.
  1. TemplateNavigator: Самый большой выбор бесплатных Web и Flash шаблонов, сопровождаемых качественными демонстрационными снимками.
  2. TemplateBox: Более 300 бесплатных шаблонов, логотипов и баннеров.
  3. Template Monster: Небольшая, но качественная коллекция шаблонов для сайтов, Flash? а и блогов.
  4. Art for the Web: 75 бесплатных шаблонов. Отличное место, если вы ищете что-то простое и оригинальное.
  5. Free CSS Templates: 206 шаблонов. Часто обновляемый портал.
  6. Effex-Media: Free website templates designed by designers, this massive list is categorized by website type and includes user reviews of many of the templates.
  7. DotcomWebDesign: Сотни бесплатных шаблонов, некоторые из которых действительно отличного качества. К сожалению категории немного разбросаны, так что будьте готовы потратить время на поиск того, что вам нужно.
  8. Themebot Design Templates: Не очень много шаблонов для сайта, но зато хороший выбор оформлений для форумов, блогов и др.
  9. Groovy Lizard: Шаблоны для персональных страниц. Для коммерческого использования необходимо купить лицензию.
  10. Interspire: Неплохой выбор бесплатных шаблонов.
  11. Joyful Heart Designs: Интересный портал. Большинство шаблонов здесь связанны с цветами.
  12. OpenSourceTemplates: Бесплатные CSS и XHTML открытые шаблоны для Web 2.0 дизайна.
  13. Ricky?s Web Templates: Более 50 бесплатных шаблонов, картинок и кнопок. *Не понимаю, что этот сайт здесь делает. Бесплатные экземпляры просто ужасны, а для получения доступа к остальному контенту нужно иметь премиум.
  14. Free CSS Templates: Много функциональных шаблонов на CSS.
  15. FreekTemplates.com: Коллекция шаблонов для бизнеса, хостинга, сайтов о машинах и мотоциклах и пр.
  16. Template Perfection: Более 200 бесплатных шаблонов.
  17. TemplateWorkz: 48 бесплатных шаблонов, подходящих для сайтов-визиток.
  18. Zymic: 80 бесплатных шаблонов (HTML Pages + CSS + Images + PSD Files + Blank Images Files).
  19. OpenSourceTemplates: Шаблоны CSS и XHTML разметок страниц.
  20. Freelayouts: HTML и Flash шаблоны.
  21. FreeCSSTemplates.org: Более 100 бесплатных CSS шаблонов.
  22. Free Layouts: Сотни готовых HTML, Flash и CSS шаблонов.
  23. Free Templates Online: Десятки легко настраиваемых шаблонов, разложенных по категориям.
  24. Free Website Templates: Большая база шаблонов, не требующих ссылки на автора.
  25. Six-Shooter Media: Бесплатные CSS и XHTML открытые шаблоны.
  26. Free Flash Template: Бесплатные шаблоны и презентации во флеше.
  27. Layouts4Free.com: Хорошая коллекция бесплатных шаблонов, упорядоченных по категориям.
  28. Solucija: Бесплатные XHTML / CSS шаблоны для сайтов, готовые к использованию.
  29. MasterTemplates: Профессиональные бесплатные шаблоны для сайтов и PowerPoint.
  30. TemplateWorld: Бесплатны шаблоны, разработанные дизайнерами из Template World.
  31. Painted Pixels: Бесплатные шаблоны, кнопки и фоновые изображения для некоммерческого использования.
  32. CSSFill: Отобранные CSS / XHTML шаблоны от Michael Strand.
  33. ThemesBase: Большая коллекция оформлений для форумов, блогов, движков и др.
  34. Arcsin Design Templates: 22 бесплатных XTML и CSS шаблонов
  35. Snakeye Web Templates: 20 шаблонов, сделанных в Dreamweaver или Fireworks.
  36. Steve?s Templates: Десятки шаблонов. *Очень некрасивые бесплатные шаблоны
  37. GordonMac.com: Бесплатные шаблоны и скрипты. Выбор небольшой.
  38. Web Design Helper: Неплохой портал с бесплатными шаблонами и графикой.
  39. Webmaster Resources: 25 бесплатных шаблонов.

CSS Layouts


Если вам нужна простая бесплатная разметка страницы, то эти ресурсы — для вас. Вы можете использовать готовую разметку CSS, для своего дизайна
  1. Layout Gala: 40 CSS трехцветрых разметок. Наглядный интерфейс.
  2. AndreasVilkund.com: Бесплатные шаблоны от дизайнера Andreas Viklund.
  3. CSS Template Directory: Много CSS шаблонов, разработанных и распределенных множеством дизайнеров.
  4. BenMeadowcroft.com: Разметки высшего класса от Ben Meadowcroft.
  5. Mollio: Отличный ресурс, с несколькими очень функциональными шаблонами.
  6. Real World Style: Разметки CSS, разложенные по формату.
  7. Little Boxes: Шаблоны CSS с простым и понятным кодом.
  8. The Layout Reservoir: Простые двух и трехколонные разметки.
  9. Protagonist Web Resources: Список из 43 сайтов с разметками CSS, некоторые из которых рассмотрены здесь.
  10. Glish: «Голые» разметки от Eric Costello.
  11. FU2K: Размеки CSS, разработанные для корректного отображения в Netscape 4.
  12. Position is Everything: Содержит множество ссылок на ресурсы, посвященные CSS.
  13. ThreeColumnLayouts: Удобный список из 3х-колонных разметок..
  14. ssi-developer: Хорошо оформленный список разметок. На сайте много материалов для вэб-мастера.
  15. MIS Web Design: Необычные параграфы (<p>…</p>) с использованием CSS
  16. Ruthsarian Layouts: Хорошая коллекция разметок, готовых меню и нескольких шаблонов.
  17. A List Apart: CSS: Много советов для вэб-мастера, в том числе по CSS.
  18. Code-Sucks.com: Много CSS разметок содержащих от 1 до 4 колонок, и несколько готовых Вэб-шаблонов.
  19. Particle Tree: Динамичные разметки.
  20. Project Seven: Несколько простых CSS разметок.
  21. MyCelly: 16 простых шаблонов разметок.
  22. Ideas: 12 бесплатных CSS шаблонов.
  23. CSS Library: Динамичные «бестабличные» CSS разметки.
  24. IntensiveStation: Несколько простых новых CSS разметок.
  25. IronMyers: Коллекция разметок поддерживаемых самыми популярными браузерами, такими как IE6, IE7, Firefox, Opera, Safari и др.
  26. The CSS Playground: Примеры CSS разметок, оформления блоков, менюшек и др. *Очень понравился
  27. WordPress Theme Viewer: Стандартная база оформлений для WordPress. Отличная система поиска по критериям.
  28. Fluid 2-Column Template: Пример готового динамического шаблона. Растягивается по ширине окна.
  29. Avinash 2.0: 12 бесплатных CSS-шаблонов.

Инструменты и генераторы для CSS стилей.


Если вы не очень сильный кодер или вы ищете простое решение для стандартного стиля, то обратитесь к следующим инструментам. Эти ресурсы позволят вам в считанные секунды, получить CSS который вам нужен.
  1. CSS Creator: Выберете цвета, задайте количество колонок, версию HTML и нажмите на кнопку. Получите CSS шаблон вашей страницы.
  2. Inknoise: Выберете настройки для вашего стиля и просто скачайте страницу себе на компьютер.
  3. Strange Banana: Интересное решение. Просто обновляйте генерируемую страницу, пока не получите то, что вам надо.
  4. Nidahas: Пример формы сделанной при помощи CSS.
  5. Maketemplate: Генерирует шаблон сайта с использованием PHP, HTML, CSS, каждый блок которого подгружается из отдельного файла при помощи php.
  6. IBDjohn: Генератор CSS разметки для сайта из 3х колонок.
  7. CSS Creator: Простой генератор CSS разметки с выбором фиксированной или динамической ширины и количества столбцов. *Повторение пункта 79. Ошибка автора.
  8. PsycHo: «Ваш дизайн — ваш характер». Удобный инструмент для создания шаблонов.
  9. Firdamatic: Генератор бестабличных двух- или трех-колонных разметок.
  10. WordPress Theme Generator: Онлайновый генератор оформлений для WordPress.

Оформления для блогов.


Оформление для блогов стало очень популярным направлением в вэб-дизайне, так что мы не могли не уделить внимание этим ресурсам. Сюда мы поместили лучшие открытые шаблоны для вэб-блогов.
  1. SmashingMagazine: 83 замечательных оформлений, которых вы, возможно, еще не видели.
  2. Kaushal Sheth: Красивые оформления для WordPress.
  3. ErraticWisdom: Коллекция оформлений для Textpattern.
  4. Scribez: 10 лучших оформлений для WordPress..
  5. pinkdesign: Бесплатные оформления для блогов.
  6. Textgarden.org: Официальный сайт оформлений для Textpattern.
  7. Blogger Templates: Множество разнообразных оформлений для Blogger.
  8. Blogfashions: Коллекция оформлений для блогов Movable Type.
  9. FinalSense: Оформления для Blogger хорошего качества.
  10. WP Themes: Оформления WordPress разработанные Sadish Bala.
  11. Drupal Theme Garden: Оформления для движка Drupal.
  12. Weblog Design: Не много оформлений для блогов высокого качества.
Перевод: DesignVitality
@Michael_P
карма
42,8
рейтинг 0,0
Реклама помогает поддерживать и развивать наши сервисы

Подробнее
Реклама

Самое читаемое

Комментарии (42)

  • +3
    полезная статейка, спасибо за перевод.
    Предлагаю пополнить список, под linux есть векторный редактор Xara Xtrime, на данный момент бесплатный, пользвал его под виндой лет пять, теперь пользую под linux
    • +1
      Только Xara Xtreme, www.xaraxtreme.org
    • 0
      Xara Xtreme существует только в версии Light и давным давно не обновляется. Из векторных редакторов под Linux стоит отметить sk1, который умеет открывать файлы Corel Draw(.cdr)
      • 0
        Xara Xtreme существует только в версии Light и давным давно не обновляется.


        Неправда :)
  • –7
    Еще один сайтик добавлю от себя:
    http://www.google.com/search?q=templates+free
  • +3
    удобный редактор для верстальщиков и программистов - PSPad.
    http://www.pspad.com
    • 0
      Тоже использую PSPad. Возможностей именно столько, сколько нужно. Лучше из невизуальных пока не нашел.
      • 0
        Не ожидал, что так много кодеров (и не только) пользуются этим редактором.
    • 0
      Только с отступами у него конкретные проблемы :(, а так замечательный редактор.
    • 0
      Только начал его использовать. Раньше юзад RulNote. По сравнению с ветераном в PSPad t хватает возможности работать с KOI-8. Можно ли как-то добавить в него кодировку?
      • 0
        Например вот так:
        http://www.pspad.com/files/pspad/rozsireni/28-koi8r.zip
    • 0
      и я, и я! Милый редактор, только скорость на 30 меговых файлах расстраивает..
  • 0
    Длинный список, достойный уважения.
  • +1
    В разделе Открытые дизайнерские программы забыли:
    1. vim
    • 0
      0. emacs
      :)
  • 0
    Ничего себе... DesignVitality лег. Видимо зря я использовал прямые ссылки на картинки...
  • 0
    Спасибо
    • 0
      Пожалуйста
  • НЛО прилетело и опубликовало эту надпись здесь
  • 0
    Спасибо :)
  • 0
    Спасибо тебе добрый человек.
    помог.
    • 0
      Спасибо за такие теплые слова!
  • –3
    Все это конечно здорово, но никакае программы еще не смогли заменить мне Dreamwiever и Photoshop.
    • 0
      Я уверен что это дело привычки.
      • –1
        И привычки, но дело в другом — другие программы неудобны и дают меньше возможностей. Точно также фирмы не любят всякие OpenOffice.
        • 0
          Потому, что не понимают, что им и не нужно "столько возможностей", сколько есть в Микрософтовском детище... Обычно всем и ОО.о хватает с головой.
    • 0
      поставил минус за категоричность. Для "домашнего" использования за глаза хватит Nvu, Gimp и Inkscape. Я не понимаю зачем мне покупать дорогие дримвивер,фотошоп и корел дро для создания простеньких сайтов.
      • 0
        Знаете, вот существует обратная проблема. Фирма в год штампует по 100 коммерческих сайтов один другого круче, а начальство убедить поставить хотя бы триалы Дримвивера верстальщикам ну совершенно невозможно. Типа, придут «серые» и весь бизнес нам на корню завалят. А по хорошему, для промышленной продуктивности Dreamweaver - идеал. Никаких баксов не жалко - всё равно больше заработаем!
        Я же пока обхожусь Eclipse (хотя «обхожусь» неверно передает эмоциональное отношение к Eclipse - это же гениально!)
  • 0
    Спасибо, отправляется в del.icio.us :)
  • 0
    38 и 40 знаю и использую, плюс, кажется, 31 - все очень неплохие.
    Интересные и нисколько не засвеченные вещи получаются, если их скрещивать и собирать собственные шаблоны из нескольких публичных.
  • 0
    От себя добавлю:
    Дизайнерам: http://docs.drupal.ru/doc/poleznye_ssylki_dlya_dizainerov
    Сервисам и службам: http://docs.drupal.ru/doc/poleznye_ssylki_po_servisam_i_sluzhbam
    Класика: http://www.alexa.com
    Ну и закладки(классика): http://www.alvit.de/handbook
  • 0
    спасибо
  • 0
    скромно добавлю Notepad++, которым всегда пользуюсь при редактировании CSS, HTML, Javascript и простых проектов с PHP. Очень быстро грузится, красиво все подсвечивает и вобще очень удобная штука.
    • 0
      Присоединяюсь! Сам пользуюсь - и только радуюсь! :)
  • 0
    coda под mac очень нравится
    cssedit от macrabbit без нее никуда
  • 0
    Спасибо, особенно за шаблоны для блогов!
  • 0
    Отлично! То, что нужно! Особенный респект за готовые шаблоны разметок.
  • 0
    А как же Aptana? Я вообще пользуюсь Komodo, но она платная. А до этого юзал аптану.
  • 0
    кармаплюс за статью!
  • 0
    а никто не подскажет какой-нибудь сайт с хорошими javascript примерами?
    А то учу, и хотелось бы найти что-нибудь, на чем разбираца с явой на практике =)
  • 0
    Дизайнеры любят ковыряться в коде? Нафига им OpenSource? :)
  • 0
    Amaya?

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.