Jump to content

оцените верстку


Mover87
 Share

Recommended Posts

1. Обычно в СС для ИЕ я включаю и 7 версию (у них есть несколько схожих багов, hasLayout, например).

2. <center> - за это тебе на палец надо наступить.

3. Стили в html - у тебя же xhtml 1.0, хоть и transitional.

Намеревался сделать подробный линч, давно уже не делал, но после <img alt="enteruptSlogan.png"> понял, что все слишком безнадежно.

<div id="searchInputTL"><div id="searchInputTR"><div id="searchInputBL"><div id="searchInputBR"> меня убило окончательно.

Советы:

1. Почитай про блочную модель построения html. Плюсы, минусы. Для чего вообще и почему используются блоки.

2. Почитай про DOCTYPE, зачем он нужен, какие виды бывают, для каких целей.

3. Уясни для себя всю мощь CSS (я, если честно, тоже не сразу смог осознать, насколько это мощный инструмент). Как только уяснишь, сразу поймешь, почему стили в html прописывать нельзя.

4. Каждый раз верстая, при создании новых классов, элементов, спрашивай себя:

а. Смог бы я разобраться в своем коде, если бы не был его автором?

б. Как может вести себя этот элемент в дальнейшем? Может ли у него изменяться контент, соседи? Прогнозируй и программируй дальнейшую жизнь верстки.

в. Можно ли это сделать другим образом? Лучше, компактнее?

Если не будешь постоянно спрашивать себя при работе, больших высот в верстке не добьешься. Harder, better, faster, stronger и все такое.

Edited by lavr-ik
Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share

  • Обсуждения

    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy