Веб DLE Шаблон

[IndigoGG]

Выкладываю свой шаблон на майнкрафт, сделал его на HTML, CSS и JS.
Делал его для одного проекта но потом передумал и хочу залить его тут бесплатно.
Шаблон адаптирован под CMS DLE (DataLifeEngine).
Вот отдаю вам шаблон, пользуйтесь, жду ваших мнений.

Спойлер: Скриншоты

 

[Negezor]

Ужасно.

 

[IndigoGG]

Ужасно.

Объясните в чём моя/мои ошибка/ошибки.

 

[anigami]

Походи посмотри по проектам, как там зделано, и поймеш что реально ужасно.

 

[Negezor]

Объясните в чём моя/мои ошибка/ошибки.

Первая и самая сильная ошибка никакой уникальности, что то я не верю в мышечную память игроков везде. Шрифт ужасно читаем, неправильные padding/margin'ы, поля входа вообще не видно, различия стилей в разных блоках, а это говорит об отсутствии договоренности UI. Это я пока только говорю о самих скриншотах.

Спойлер: Момент из регистрации

Я уже просто не пойму, тебе самому понятно что тут сделано?
Кнопка вообще хрен пойми где, звёздочки не указывают что информация обязательно, а только мешают (для приличия хоть красным бы выделил), текст на кислотном цвете.

В новостях и ЛС автор не выделяется в блок, но за то в комментариях выделяется блоком. Да да, такой стиль...

----------- Критика дизайна закончена, хотя я мог бы начать придираться, перейдём к коду.
Main.tpl так сказать перейду откуда змеи растут, а именно начну с самой DLE шаблонизации. {AJAX} стоит размещать до </body> так как там подгружаются JS-ы DLE, а под ним свои и того 5 загружаемых скриптов (2 DLE и 3 твоих). Ты наверняка не слышал про такие крутые штуки как Webpack, Gulp или Grunt, а так же зачем 325-байтный файл подключать отдельно? В сумме у тебя вместо 1 подключения сразу 3. Так же стоит заметить что у HTML есть такие удобные атрибуты как defer и async.

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

<nav id="nav">
    <ul>
        <li><a href="/">Главная</a></li>
        <li><a href="/forum.html">Форум</a></li>
        <li><a href="#">Кабинет</a></li>
        <li>
            <div class="dropdown">
                <div class="dropbtn">Сервера</div>
                <div class="dropdown-content">
                    <a href="#">Techno-Magic</a>
                    <a href="#">SandBox</a>
                </div>
            </div>
        </li>
    </ul>
</nav>

Как бы я сделал разметку (учитывая сам HTML и возможности CSS)

<nav class="navigation">
    <a href="/" class="navigation__link">Главная</a>
    <a href="#" class="navigation__link">Форум</a>
    <a href="#" class="navigation__link">Кабинет</a>
    <span class="navigation__dropdown__button">Сервера</span>
    <div class="navigation__dropdown">
        <a href="#" class="navigation__link">Techno-Magic</a>
        <a href="#" class="navigation__link">SandBox</a>
    </div>
</nav>

После моего примера ты наверное скажешь что такое сложно реализуется, но нет смысла нагромождать код лишним, а данная структура может терпеть сколько угодно изменений.
Думаю я объяснил о каком пространстве имён я имел ввиду. Скажу сразу, не используй ID вместо классов, они не для того, ты не можешь переиспользовать стили.

Спойлер

Ах да, ты же вроде хотел Bootstrap использовать

У тебя малость вёрстка поломалась и CSS в HTML таким небрежным образом) (Существуют селекторы). Не нужно CSS вставлять в HTML без надобности.

Слишком много шрифтов, зачем так много? Да и ещё одни regular с отсутствием bold поведения.

В CSS стайлгайд ужасный, отступы между блоками отсутствуют, на дворе 2017, а ты не используешь PostCSS, flexbox, box-sizing: bordex-box. Классы с непонятными действиями .green, .red, а что они там они ещё сделаю тоже неизвестно. Повсеместный !impromant, селекторы тэгов вместо классов, классы вариются от snake_case, kebab-case до camelCase. Всё, у меня нет желания дальше в этом копаться, думаю ты понял.

 

[Vale]

Добавь хоть ДЕМО, а то мне страшно ставить этот шаблон..

 

[IndigoGG]

UP!

 

[Kimato]

Как бы я сделал разметку (учитывая сам HTML и возможности CSS)

<nav class="navigation">
    <a href="/" class="navigation__link">Главная</a>
    <a href="#" class="navigation__link">Форум</a>
    <a href="#" class="navigation__link">Кабинет</a>
    <span class="navigation__dropdown__button">Сервера</span>
    <div class="navigation__dropdown">
        <a href="#" class="navigation__link">Techno-Magic</a>
        <a href="#" class="navigation__link">SandBox</a>
    </div>
</nav>

А чего не - .navigation a {}?

 

[Djstim]

Я хуже не видел..
Удачи в изучений!

 

[Negezor]

А чего не - .navigation a {}?

Потому что это плохая практика. Необходимо точное соблюдение HTML иначе выйдет не тот результат, а так же подобные селекторы медленней.

 

[CnoWes]

Шаблон сделан из 3 строчек css

 

[AzbukaMorza]

Походи посмотри по проектам, как там зделано, и поймеш что реально ужасно.

Иди походи по русским форумам ты поймешь какой у тебя ужасный русский язык.

 

[anigami]

Иди походи по русским форумам ты поймешь какой у тебя ужасный русский язык.

Не хотел обидеть Вас.
Например мне сейчас рисует художник в фотошопе, после заказывать изготовление шаблона для DLE. Как мое мнение проше заказать чем мучить себе мозг очень долго.

 

[Spark108]

Здравствуйте не можете ли мне помочь
Я купил плагин Murder Mystery но он не ставиться на spigot
Либо я что-то не правильно делаю,или там нужны дополнительные плагины

Для начала кто-то ошибся разделом форума. Тут обсуждают (кривую) DLE верстку, а он с плагином лезет.

 

[IndigoGG]

Вы всегда будете делать такие шаблоны? Где тысячи цветов? Минимализм никто не пробовал? Единственные шаблон которые мне нравятся это отMythicalWorld и RedServer вот они реально крутые.... Я свои ошибки признаю, Negezor. В будущем я учту мои ошибки, эта была моей первой работой на DLE, возможно попробую еще раз. Но вот других не понимаю, что вам в минимализме на нравится?

 

[Negezor]

Вы всегда будете делать такие шаблоны? Где тысячи цветов? Минимализм никто не пробовал? Единственные шаблон которые мне нравятся это отMythicalWorld и RedServer вот они реально крутые.... Я свои ошибки признаю, Negezor. В будущем я учту мои ошибки, эта была моей первой работой на DLE, возможно попробую еще раз. Но вот других не понимаю, что вам в минимализме на нравится?

Flat не везде подходит, хоть и можно его сделать. Я использую очень часто Flat, Material Design или новый Fluent Design.

 

[IndigoGG]

Flat не везде подходит, хоть и можно его сделать. Я использую очень часто Flat, Material Design или новый Fluent Design.

Можно увидеть твои работы?

 

[Negezor]

Можно увидеть твои работы?

Они не на тематику mc.