Быстрое создание простых веб страниц?

Question

[des1roer]

Какими компонентами обычно пользуются веб разработчики для создания простых страниц.

для создания такого пришлось подключать highstock, jquery, bootstrap-datepicker, обновление идет с помощью ajax, соответсвенно есть еще один файл с подкдючением к бд. а округлость кнопок за счет не помню где найденного css файла.
как это можно оптимизировать?
фреймворки - мне кажется жирно. пробовал понять bootstrap, но запутался в css

Answer 1

[Валерий Рябошапко]

Попробуйте ещё раз Bootstrap, он не так страшен, как кажется на первый взгляд. Только начните сначала с чтения документации. Особое внимание уделите идее сетки, тогда всё на свои места встанет.

Ну, ещё есть Material Design от Google. Его очень хвалят, но я пока знаком только шапочно, кроме того, что симпатичный, сказать ничего не могу.

Comments

[des1roer]

я вообще от бутстрапа в отторопи. копирую код с сайта. получаю i.imgur.com/YbvCkAN.png почему все влево съехало? а кнопки почему не по центру. наверно на нем при умении можно делать прикольные вещи (yii 2 для примера). но вот хочется сразу готового чтобы только названия поменяли поехали. имеет ли смысл в таком случае начать изучение с готовой темы? или тема в данном случае избыточна? но там хоть css уж готовый есть ironsummitmedia.github.io/startbootstrap-sb-admin-...

[Валерий Рябошапко]

des1roer: практика показывает, что если «поменять названия и поехали», то под капотом такое дермище, что ой-ой-ой. Так что лучше потратить пару часов на документацию, а потом с удовольствием клепать свои поделки.

[Валерий Рябошапко]

А des1roer: то есть, лучше сначала документация по диагонали, а потом по вкусу либо готовая тема, либо самому писать.

[Валерий Рябошапко]

des1roer: кстати, спасибо за ссылку на тему, симпатичная. Пороюсь на досуге.

[des1roer]

да не за что. я скачал бутстрап. закинул в папку. создал index.php с сайта с hello world. затем полез на getbootstrap.com/examples/sticky-footer-navbar скопировал исходный код и получил i.imgur.com/H8LCQAQ.png.
так примерно и стоит обучаться?

[Валерий Рябошапко]

des1roer: учитывая другие Ваши комментарии, начать стоит с учебника по CSS и HTML. Всё остальное будет мучением для Вас и для Тостера.

[des1roer]

нет ну хтмл куда ни шло. но вот css это ж вообще изобретение дьявола. может есть способ срезать углы? какой нит css препроцессор попроще? или проще из фотошопа css извлекать?

[Валерий Рябошапко]

des1roer: да ну, CSS прост и очевиден как белый день. Есть свойства, есть значения. Берёшь свойство и указываешь ему значение. Препройессоры рассчитаны на то, что Вы уже неплохо понимаете CSS и надо избавиться от рутины.

[des1roer]

я от этой вложенности дивов впадаю в уныние. куда как интересней на js писать. но каждому свое

[Валерий Рябошапко]

des1roer: если дивов слишком много, то это плохой код. Каждый должен обозначать конкретный слой и конкретную функцию.

[des1roer]

пример из темы

[des1roer]

i.imgur.com/MEf44YG.png

[Dmmitry]

Валерий Рябошапко bootstrap не страшен, bootstrap почти бесполезен в нормальном дизайне

[Валерий Рябошапко]

Дмитрий Чередниченко: про нормальный дизайн спорить не могу, я ни дизайнер, ни верстальщик. Но вот склепать более-менее симпатичную страницу, которая будет отображать, например, данные мониторинга, он более чем подходит.

[Валерий Рябошапко]

des1roer: это повод таки начать с написания своего, а не с готовой темы.

Answer 2

[Loligan]

Блокнот и голый html. быстрее не бывает

Comments

[Денис Инешин]

Ну только в блокноте лучше не писать, можно умереть на синтаксических ошибках и без автокомплита никуда. Пусть будет https://atom.io/ например

[des1roer]

оно сейчас так и сделано. но быстрее бывает

[des1roer]

notepad++ при более менее среднем понимании идеи куда ни шло. но jetbrains имхо лучше

Answer 3

[Алексей Уколов]

Веб-разработчики для создания простых страниц пользуются готовыми инструментами - ну, там, bootstap, jquery, highstock.

Comments

[des1roer]

ну вы и описали жизненную линию моей страницы )))