Мой первый шаблон что не так покритикуйте?

Question

[Zadavajka]

Недели 2-3 назад увидел у одноклассника книжку на планшете по JavaScript'у и спросил что да как, ну а я как бы давно уже хотел выучить хоть какой-то язык, но руки не доходили, так вот скинул он мне 2 книжки "Сила CSS 3" и "пуленепробивной веб дизайн" и ресурс w3schools и я начал читать много,и вот буквально 2 дня назад надоело читать и приступил к делу вот что вышло :) скажите что не так, исправьте,направьте итд.

Answer 1

[Karetski]

Шрифты подключены не верно. Ни в Firefox ни в Safari нет твоего Roboto. Картинки имеет смысл сжимать, а не отдавать их размером в мегабайт. По поводу кнопки "вверх" уже сказали. Добавлю что ее стоит реализовывать так, как это сделано в VK или на Хабре. Bootstrap лучше не использовать, хотя со мной явно многие поспорят.

Comments

[Zadavajka]

Спасибо, буду исправлять.Bootstrap заюзал чисто чтобы попробовать что это, мне не понравился тоже :)

[Karetski]

Zadavajka: да дело не в том что он понравился тебе или нет. Он много умеет и много делает за тебя. А так как ты учишься, тебе лучше делать то, что делает за тебя Bootstrap самому. Ну а потом уже и желания особого не будет его использовать.

[Karetski]

Zadavajka: и еще лучше не хоститься на hostinger. Есть же GitHub Pages. Заодно и разберешься с Git.

[Zadavajka]

Enoxy: да я согласен, мне так друг и сказал что лучше чистый css разобрать от А до Я а потом уже и бс по желанию юзать можно :) и ещё как правильнее подключить шрифт ? на локалке и с телефона робото грузит в чем проблема может быть ?

[Karetski]

Zadavajka: Проще всего подключить отсюда https://www.google.com/fonts

Answer 2

[Ivan]

css - это не язык программирования.
А по сабжу - все норм.

Answer 3

[sergey]

Как для начинающего - неплохо. В глаза бросается: пустота вокруг заглавия и button. Насчет li уже написали.

Comments

[Zadavajka]

спасибо, я думал туда картинку залить но я все таки уклон делал на flat design и решил что она испортит внешний вид :D

[sergey]

Zadavajka: можно фон, и отцентрировать по вертикали заглавие, а то липнет вверх, а кнопка внизу

[Zadavajka]

а что скажете по поводу html кода ? лично мне он не нравится, что можно в нем исправить ?

[sergey]

Zadavajka: я не вникал в код сильно, нету времени.

Answer 4

[Илья Белобородов]

main.css, media.css, fonts.css - лучше объеденить

А когда закончишь верстать, файл css нужно закешировать, делается это так
<link rel="stylesheet" href="css/main.css?v=1">

файлов .js это тоже касается, работать будет быстрее и гугл этот любит

Comments

[Zadavajka]

А для чего это ? чтобы грузило быстрее ? типо меньше запросов ?

[Илья Белобородов]

да)

[Karetski]

Так уж лучше gulp/grunt/webpack изучить