Pull to refresh

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

Reading time7 min
Views14K
Original author: DesignVitality
В этой статье, опубликованной позавчера на 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: Не много оформлений для блогов высокого качества.
Tags:
Hubs:
Total votes 56: ↑51 and ↓5+46
Comments42

Articles