Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2327 topics in this forum
-
Сайт Оцените его со всех сторон, пожалуйста. з.ы. страница "О нас" и "Главная" без контента пока, поэтому по воду можно промолчать)
Last reply by Golgi, -
- 23 replies
- 2.2k views
http://do-holiday.ru/funny/ Оцените, пожалуйста, со всех сторон.
Last reply by yarickyarick, -
- 0 replies
- 2.2k views
Всем привет! Оцените учебную верстку. Исходник PSD был отрисован только под десктоп. Пришлось делать адаптивность как есть desktop first. C SVG - анимацией сталкиваюсь первый раз. Вообще много с чем сталкиваюст первый раз на этом макете. Верстка выполнена на основе сетки бутстрап4. https://schamil74.github.io/Daisy
Last reply by Schamil74, -
- 20 replies
- 2.2k views
sfm.10401.aqq.ru Пока только одна страничка. Завтра буду внутряк пилить, был бы рад замечаниям =) IE 8 и ниже пока идут лесом, завтра буду их подкручивать сюда. Валидатор ругается на отсутствие альтов, ну да ладно. ЗЫ Спасибо psywalker'у за помощь с формой.
Last reply by psywalker, -
- 9 replies
- 2.2k views
дайте оценку хотя бы по 5 ти бальной шкале portfoliox.ru/test
Last reply by начинающий верстаг, -
- 3 replies
- 2.2k views
Оцените флеш-меню http://www.davidch.com/kz/planeta/index.html
Last reply by homm, -
- 4 replies
- 2.2k views
Добрый день! В общем вопрос такой. Я не верстальщик и не программист, но по работе иногда нужны небольшие знания HTML. Вопрос такой. Редактируя описание товара, создаю список через <ul>. На самом сайте в каждой из карточек товаров есть состав комплекта. Так вот, этот список <ul> будто бы прилипает к блоку с составом комплекта.. В общем приходится в один из списков прописывать style="margin-left", чтоб не прилипало к блоку с составом комплекта. Во вложении скриншоты. Через "просмотр кода" в браузере я вижу следующее: в блоке состава комплекта прописат стайл margin-right:25px. В чем тогда проблема, почему списки <ul> липнут к этому составу комп…
Last reply by shocked, -
- 7 replies
- 2.2k views
https://github.com/AlekseyPn/alekseypn.github.io/blob/master/index.html вот есть верстка, разметку делал по свеже изученым материалам по разметке БЭМ, кто уже давно пользуется даннлй методологией оцените, интересно ваше мнение, и правильно ли я понял как нужно размечать по БЭМ, можете потыкаться по репозитозиторию, там есть еще несколько файлов. Заранее спасибо.
Last reply by Endorphin, -
- 11 replies
- 2.2k views
Прошу Вас оценить верстку макета(найденного на просторах интернета) и самое главное указать на ошибки. — Верстка — Макет Я начинающий верстальщик. Тени реализовать получилось не все. Обратите внимание на то, что я не использовал плюшки html5 и css3 намеренно(такую задачу я себе поставил), так что прошу не писать об этом. Немного знаком с js, скрипты написаны мной, скорее всего они на уровне пещерного человека и сделать все, что я хотел, можно гораздо оптимальнее(в плане чистого js, без библиотек и конечно же самого алгоритма) и я бы очень хотел узнать примерный оптимальный алгоритм. Буду благодарен за Ваши замечания и советы. Спасибо всем, кто посетил эту тему.
Last reply by advokatua, -
- 8 replies
- 2.2k views
Здравствуйте. Страницу сверстал из бесплатного PSD-шаблона. Хотелось бы услышать критику по поводу качества вёрстки, а также по поводу javascript кода. JS писал сам, единственное для удобства работы с DOM'ом использовал jQuery. Страница: http://artemkajs.meximas.com/ jpeg шаблона: http://higgs.rghost.ru/53507945/image.png psd: http://rghost.ru/53508127
Last reply by ZondArt, -
- 2 replies
- 2.2k views
Всем привет! Имеется одна до безобразия простейшая веб-страница (http://www.cssdesk.com/FzRm2), созданная в процессе изучения азов HTML и CSS. Вопрос таков: что в HTML-коде и таблице стилей данной вёрстки можно было бы сделать грамотнее/иначе/правильнее/лучше? За банальный пример простите уж, да больно хотелось спросить... Спасибо!
Last reply by Mozzie, -
переверстал страницу, получилось вот что. хотел бы услышать что-нибудь про шрифты. удобно ли читать, не слишком ли длинные строки на больших разрешениях и т.п.? так же интересно какие заметны плюсы/минусы по сравнению с оригиналом. ps дизайн не мой
Last reply by cyklop77, -
-
- 6 replies
- 2.2k views
Всем привет. Собственно по сабжу: Верстка GitHub верстки
Last reply by tarthur, -
- 4 replies
- 2.2k views
Сайт для сбора вопросов, предложений, багов, проблем, похвал и всего такого. Функционал и идея близки к reformal.ru, getsatisfaction.com и тд. feedback.angeldesk.com Хочется услышать ваши мысли по поводу юзабилити, дизайна ну и собственно верстки. Дополнительно если интересно можно зарегистрировать похожую страничку на myangeldesk.com, на данный момент сервис в бета тестировании, так что если что не работает плиз скидывайте. ps: верстал без оглядки на IE6, имхо rip. В седьмом тоже может быть не все благополучно. Всем спасибо
Last reply by Синдром, -
- 6 replies
- 2.2k views
Добрый вечер. Не так давно начал изучать верстку. Вот моя первая страница. Легкая, конечно, но уверен и в ней есть немало ошибок. Прошу строгую, но адекватную критику. https://alex2033.github.io/
Last reply by WebNewbe, -
- 13 replies
- 2.2k views
Тема с макетом и вёрстка оного. Макет я не ужимал в ширину и верстал как есть. Наблюдал, что тут не приветствуют id, но я не вижу причин неприменения его для уникальных элементов, поэтому надеюсь, что не нанесу никому душевных травм. В шапке есть выворачивание кишок для того, чтобы "забор" занимал весь бэкграунд, а не только центральный враппер. Может я не прав, и это реализуется гораздо проще. Критика приветствуется. В заголовках h3 запихнул спан для того, чтобы выровнять текст в IE 7. Ваши варианты? На локальном серве трейлер проигрывается, а юкоз, наверно, не даёт., но пофиг, т.к. в текущем виде всё равно не подходил для достижения требуемой цели. Скроллбар не совсем…
Last reply by Boolat, -
- 17 replies
- 2.2k views
Всем привет. Оцените пожалуйста качество верстки, укажите на недочеты. http://falard.org/ Спасибо!
Last reply by klierik, -
- 5 replies
- 2.2k views
Здравствуйте, оцените, пожалуйста верстку. Делал с помощью Susy 2. Верстка адаптивная, резиновая. Макет взял с интернета. Ссылка на гитхаб; Демо; Есть также пара моментов: 1. Возможно как-то сделать чтобы при добавлении контента див этот растягивался и не выезжал текст 2. Социальные иконки идут в мобильной версии после блока с текстом, а в десктопной до и справа, флоатом и относительным позиционированием я этого добился, но порядок у них изменился. Есть другие решения? Спасибо!
Last reply by xzarxzes, -
Как слово эквилибриум сдвинуть немного вниз ? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> Эквилибриум </title> <link rel="stylesheet" href="/ecomapp/assets/css/style.css"> <meta name="description" content=""/> <meta name="keywords" content=""/> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"> </head> <body> <!-- Navigation --> <nav class="navbar navbar-expand-sm navbar-dark bg-dark fixed-top"> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-c…
Last reply by Ryzex, -
- 7 replies
- 2.2k views
http://ordered.esy.es Ссылка на сайт В макете не верстал оформление видео плеера,так как не умею это +Шрифт не такой как в шаблоне Верстал две странички,одна Blog,вторая Home,доступ к ним осуществляется через верхнее меню что в header Вот макетики Home https://cloud.mail.ru/public/3x7mBwusQcp1/Home.psd Blog https://cloud.mail.ru/public/237ZnSFNuMDU/Blog.psd Благодарю заранее!
Last reply by afdw, -
- 19 replies
- 2.1k views
Перевёл сайт http://art143.ru на CodeIgniter, переверстал на HTML5 и слегка подправил дизайн. У кого какие есть замечания и предложения по вёрстке и дизайну?
Last reply by Vlad, -
- 1 reply
- 2.1k views
Прошу оценить дизайн, юзабилити и общее впечатление https://ivanoffivan13.github.io/portfolio/
Last reply by npofopr, -
- 10 replies
- 2.1k views
не давно закончил сайт для магазина мебели, заказчик попросил сделать версткук резиновой, тк изначально верстал под статику не стал менять css а добавил JS скрипты для растягивания, какие косяки видите? и вообще как сама верстка? Скажу сразу что под Осла не верстал! собственно сама верстка
Last reply by sun-ks, -
- 5 replies
- 2.1k views
Добрый день, коллеги! Ничего особенного я вам не покажу - это мой первый сайт на html с применением css. Я постарался реализовать необходимые требования поисковых систем по качеству для его дальнейшего ранжирования - выполнил оптимизацию, структуризацию, добавил сайт в ПС гугл и яндекс. Если считать, что на этом этапе я выполнил все правильно, какие необходимо предпринимать дальнейшие действия, чтобы обойти конкурентов в поисковой системе?
Last reply by sigma77, -
- 0 replies
- 2.1k views
Учу HTML,CSS около 2-3 месяцев, укажите на проблемы и что можно было улучшить. MyModernPage.html cssmodernpage.css
Last reply by Davebell,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-