Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2327 topics in this forum
-
- 3 replies
- 2.3k views
Доброго времени суток, давно не делал сайты, по работе пришлось сделать. Сделал простенько, но явно есть не правильные моменты. Подскажите пожалуйста где они, ну и собственно как их исправить!? Desktop.rar
Last reply by npofopr, -
- 22 replies
- 2.3k views
Уважаемые коллеги, обратите внимнаие на данный сайт http://karandash.it/. Сделано круто и профессионально. Но самое главное код страницы невозможно посомотреть. Как разрабочики добились такого эффекта? Неужели это будущее разработчиков - скрывать код? Что вы думаете по этому поводу?
Last reply by sigma77, -
- 6 replies
- 2.3k views
Нашел тут свою старую статью (перевод), где-то годичной давности и удивлением смотрю на её исходники. В голове просыпается вопрос "Как же можно было так плохо верстать?". Не суть дело - решил перевестать. До Как выглядит: http://game-time.ucoz.ua/publ/cs_podbot_3_...ration/2-1-0-35 Подсвеченные исходники: http://dumpz.org/18061/ После Как выглядит: http://download-cs.3dn.ru/publ/1/nastrojka_podbot/1-1-0-1 Подсвеченные исходники: http://dumpz.org/18063/ Оцените пожалуйста второе. С удовольствием почитаю и прислушаюсь к практическим советам, как сделать статью не столь монотонной и немного оптимизировать seo. __________ Прошу не ругать за использование uCoz
Last reply by Justnewone, -
- 11 replies
- 2.3k views
Делал сайт, для себя, что бы потренироваться в верстке. Оцените пожалуйста, указывайте на любые ошибки и недочеты. Спасибо! В опере, мозилле, хроме и в IE 8 работает отлично, в других браузерах не проверял. Сайт полностью валидный (CSS и HTML) Ссылка на сайт
Last reply by BassEast, -
- 12 replies
- 2.3k views
Макет взят отсюда. Макет в jpg. PSD-исходник. Ну и сама вёрстка IE7+. Комментарий: макет включал в себя платный шрифт Droid Sans, поэтому в баннере (в верхней области) и в блоке с полем email вставил картинками, в верхнем меню заменил, так как предполагается, что пункты в меню могут меняться после интеграции в движок. Доктайп выбрал html5, но новые теги не использовал для кроссбраузерности. Фоны страницы тянутся до ширины в 1200px, как в исходном макете.
Last reply by Vin, -
- 8 replies
- 2.3k views
http://hosting0.narod.ru/ Оцените пожалуйста мою первую вёрстку
Last reply by sm0k, -
http://15-shop.ru
Last reply by wildhind, -
-
- 10 replies
- 2.3k views
http://fs-marketing.ru - заранее благодарен.
Last reply by ZhenevyevaN, -
- 14 replies
- 2.3k views
ВСЕМ СПАСИБО - ТЕМА ЗАКРЫТА!
Last reply by malsyst, -
- 19 replies
- 2.3k views
http://pstyga.pusku.com сверстал 5 страниц из PSD-макета http://fasttut.com/d...jtov-besplatno/ (второй сверху). Из html5 использовал только доктайп, верстал обычными div. Оцените пожалуйста качество верстки, какие недочеты, на что обратить внимание, что желательно исправить. Это моя первая крупная верстка, до этого верстал отдельные части различных psd-макетов.
Last reply by Zverushka, -
- 10 replies
- 2.3k views
http://romansite.tmweb.ru/
Last reply by Zverushka, -
- 23 replies
- 2.3k views
http://parkes.org.ua Посмотрите, пожалуйста, сайт. Первостепенно интересуют баги, недочеты, глюки связанные с разрешением. Если найдете ошибки, буду признателен.
Last reply by apexis, -
- 6 replies
- 2.3k views
Вёрстка под все современные браузеры. Адаптивная вёрстка под устройства: desktop, mobile, tablet. Страница с поддержкой тач и клик. Без поддержки клавиатуры. Соблюдение логики работы страницы: при нажатии на цифры заполняется поле с номером телефона; стрелка “Назад” удаляет последнюю введённую цифру; форма не позволяет вводить более 10 цифр; пока номер телефона не введён полностью зелёная кнопка с галкой неактивна; при вводе всех 10 цифр зелёная кнопка с галкой становится кликабельной; остальные элементы интерфейса, присутствующие на макете, должны присутствовать и на странице, но без интерактива. Отсутствие ограничений на и…
Last reply by fiver, -
- 18 replies
- 2.3k views
оцените пожалуйста уровень вёрстки. это моя лучшая работа на настоящий момент. буду очень признателен за замечания. страница страница, переполненная контентом psd-исходник prozaik.16mb.com/resume/projects/red_corporation/sources/red-portal.rar верстал под виндовые и линуксовые браузеры. ie7,8 уже выслушал замечание по поводу использования неудобночитаемых классов L, R, C. но по моему это параноя. я знаю, что блоки могут переместиться слева направо(или наоборот), но выигрыш от лаконичности и отсутствия необходимости придумывать осмысленные названия всяким уголкам по моему более значителен. профессионалы, рассудите насколько это критично. одна из основных задач - попиксельн…
Last reply by dersmoll, -
- 1 reply
- 2.3k views
Проблема с товарами. Не получается перенести товар так, чтобы он был справа от первого, а не под ним И да, float:right; переносит вообще в самое право самой страницы
Last reply by Codingildi, -
- 7 replies
- 2.3k views
Моя первая работа - www.miroslava.nm.ru. Сайт рекламирует мою живопись. Хотелось бы узнать мнение о дизайне, верстке, впечатления от сайта и чего в нем нехватает. Не получаетса найти урок как сделать надпись в шапке, но не стандартным шрифтом, а перенести с нарисованного эскиза. Учусь раскручивать сайт, но меня пока невидно, может текста мало на главной.
Last reply by mira, -
- 4 replies
- 2.3k views
Здравствуйте. Прошу оценить верстку и указать на ошибки. Макет без адаптивности. http://www.testwebtest.h1n.ru
Last reply by Victor-ru, -
Ну здравствуйте критики гадские. Я вас на долго запонил и дизайн сайта поменял радикально! так что отценивайте))) allprograms.ucoz.ru
Last reply by Victor Ananiev, -
- 12 replies
- 2.3k views
Вот ссылка http://ordered.esy.es/ Хотел бы узнать как бы нужно было сверстать правильно
Last reply by psywalker, -
- 1 reply
- 2.3k views
Почему пожно не закрывать тег </li> ?
Last reply by Vlad, -
- 7 replies
- 2.3k views
Всем привет! В первый раз сверстанный макет натянул на Wordpress. Хотелось бы услышать ваши комменты о качестве верстки. Вот сам блог на хостинге PROFKATALOG.RU Обязательно пишите все недочеты которые увидите, рад буду замечаниям и советам. Заранее всем спасибо!
Last reply by prof88, -
Менюшка :<
by Etaro- 1 reply
- 2.3k views
Я не понимаю, в чём проблема в вертикальном выпадающем меню. Где я мог напортачить? Нужно сделать, чтобы колонки были по вертикали, а не по горизонтали.
Last reply by npofopr, -
- 3 replies
- 2.3k views
Оцените верстку и скажите, что не так.Заранее спасибо. https://zamporezke.github.io/
Last reply by ZAMPOREZKE, -
- 13 replies
- 2.3k views
Самая первая работа, шаблон нашёл на просторах сети. Представления о HTML и CSS получил из курсов Попова, хотя его здесь, как я понял, не любят. Прошу оценить качество работы, очень интересно ваше мнение, жду критики) Ссылка на сайт http://firstvirst.e3w.ru/
Last reply by Songbird, -
- 10 replies
- 2.3k views
Привет. Вот сверстал страничку и хотелось бы услышать ваши критерии. Особенно на счет кода критерии нужны. Потому что мне кажется тут очень много ошибок именно со стороны кода, незнаю пока где какой тег именно применять. Вот http://vacations.besaba.com/
Last reply by amelice,
-
Обсуждения
-
Актуальные контакты: 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/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-