23 сервиса и сайта для лёгкого начала качественной вёрстки » Techno-Co — Всё для вебмастера, для создание сайтов с нуля. {title}

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

1. pagecolumn.com Позволяет создавать разнообразные заготовки от 1 до 5ти колонок.

Интерфейс с удобными ползунками и минималистичным дизайном.

2. blog.html.it На странице есть 40 вариантов готовых заготовок без каких либо опций.

Не очень интересно, да и сервис староват уже.

3. builder.yaml.de Это практически полновесный визуальный редактор.Позволяет создавать практически полноценную XHTML страницу.

Очень удобно, если вы только только начинаете заниматься вёрсткой.

4. freecsstemplates.org

Почти 700 разных бесплатных CSS-шаблонов.

5. html5up.net Три адаптивных html5&CSS3 шаблона довольно привлекательного вида.

Отлично подойдут для модификации под свои нужды.

6. html5templates.com

И ещё 17 бесплатных (в т.ч. для коммерческого использования) адаптивных html5&CSS3 шаблонов.

7. intensivstation.ch/templates 25 готовых вариантов расположения блоков и колонок в заготовке с возможностью скачать каждую на странице-примере.

Настройки параметров отсутствуют.

8. 960.gs Думаю этот сайт не нуждается в представлении.

В одном наборе и css и PSD и печатный шаблон, action для photoshop (пользуюсь регулярно для быстрого построения сетки) и много чего ещё.

9. designinfluences.com Знаменитая сетка 960px, но в резиновом исполнении.

Возможность выбрать из нескольких готовых вариантов заготовок с библиотеками jQuery или MooTools.

10. csseasy.com

8 разных вариантов заготовок для вёрстки. 4 — фиксированной ширины и 4 — резиновых.

11. csscreme.com 20 разных бесплатных CSS-шаблонов.

Доступно только скачивание и небольшие картинки-превьюшки

12. andreasviklund.com 50+ разных css-шаблонов.

Ничего особенного — но доступны предпросмотр детальное описание шаблонов и скачивание.

13. generateit.net Схожий по функционалу с csstemplater.com генератор css-шаблонов.

Отличие в том, что есть возможность сразу добавить место блок под горизонтальное меню и выбор цвета заливки блоков.

14. freewebtemplates.com

Почти 3500 бесплатных и платных шаблонов. Бесплатные так себе, основной упор сайт делает на продажу premium-шаблонов по приемлемым ценам.

15. cssgrid.net Отличная адаптивная сетка, рассчитанная на среднюю ширину мониторов 1280px.

Так же можно скачать и PSD c сеткой.

16. mollio.org Старенький но не плохой набор готовых css-шаблонов.

На ыбор доступны 6 вариантов расположения блоков, а так же представлена основная типографика.

17. nuviotemplates.com Несколько однотипных шаблонов в разных цветовых решениях.

Возможно кому то будет полезно.

18. caniuse.com Сервис, на котором вы можете узнать о поддержке того или иного html5-тега или css3-свойства различными браузерами.

Одозначно должен быть в закладках у любого верстальщика и веб-программиста.

19. csstemplater.com На мой взгляд лучший из всех представленных генераторов.Во первых — на русском языке.Во вторых — простая в понимании структура кода и ничего лишнего.

В третьих — мне просто нравятся полезные сервисы и плагины Dimox`a, они качественные и легко поддаются модификации.

20. html5boilerplate.com Лучший на мой взгляд готовый набор для быстрого старта правильной вёрстки на html5.Всё очень подробно документировано, начиная от отдельного faq и заканчивая подробными комментариями в кода.Единственный минус (вероятно для некоторых) — английский язык, но минус легко устраняется с google translate.

В сочетании с csstemplater.com получается отлично.

Ну а если уж совсем хочется избавить себя от лишней работы по вёрстке:

21. initializr.com На выбор три варианта готовых наборов на основе html5boilerplate.

Второй я использовал при созданиии wtf.net.ru, сайт был запущен за день, включая регистрацию домена и его делигирование.

Ну и в довесок:

23. twitter.github.com/bootstrap Обойти вниманием бутсрап не возможно впринципе.

Рассказывать не имеет смысла — всё наглядно продемонстрировано на примерах.

24. foundation.zurb.com Так же отличный фреймворк для адаптивной вёрстки.

В сети уже достаточно много различных вреймворков, рассматривать их все не вижу смысла, достаточно этого и bootstrap.

На этом обзор можно считать завершенным, надеюсь он был действительно полезен и вы найдёте что-то новое для себя.