Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2327 topics in this forum
-
- 7 replies
- 2.7k views
Прошу оценить мой вариант небезызвестного макета Bislite http://bislite.esy.es/. Присутствуют страницы Portfolio и Contact us. Я пытался все сделать адаптивно - ресайзинг окна браузера приветствуется. Что еще:
Last reply by swandev, -
- 12 replies
- 2.7k views
Всем доброго времени суток, пожалуйста посмотрите на код(небольшой кусочек работы) и оцените, хотелось бы услышать что правильно что нет, что можно было бы по другому, как можно детальней и дотошнней, семантика пространство имен и прочее прочее, в общем чем больше критики(желательно конструктивной и обоснованной) тем лучше, я специально выкладываю маленький кусок что бы, было не напряжно его изучить! http://codepen.io/Kamzed/pen/rrqJJz Заранее благодарю всех добрых людей которые согласятся помочь.
Last reply by andrey7287, -
- 14 replies
- 2.7k views
ВСЕМ СПАСИБО - ТЕМА ЗАКРЫТА!
Last reply by malsyst, -
- 3 replies
- 2.7k views
www.okinfo.ru
Last reply by Игорь Ермаков, -
- 7 replies
- 2.7k views
Верстал этот макет полгода назад. И вот решил сделать верстку заново. Верстка Жду жесткой критики по верстке и коду.
Last reply by ZI DAN, -
- 14 replies
- 2.7k views
Здравствуйте, попытался сверстать один из выложенных здесь макетов. Укажите на мои ошибки в вёрстке. http://www.testx.96.lt Спасибо.
Last reply by Catherine, -
- 9 replies
- 2.7k views
Сайт www.iskateli.org Заходите в раздел ФОТО, там название альбома с миниатюрами, жмете на любую, и появляется страница просмотра фотки по этой миниатюре. Возврат к просмотру миниатюр сейчас сделан по клику на название альбома. Но, ИМХО, в таком дизайне это не очень понятно посетителю... Собственно, вопрос. Как понятней для посетителя сделать ссылку возврата к просмотру миниатюр?
Last reply by Searcher, -
- 9 replies
- 2.7k views
Здравствуйте! Оцените мою первую работу по верстке, интересует код-ревью. http://dennyjuice.zz.mu/pechi ссылка на гитхаб -> https://github.com/dennyjuice/aquaterm_pechi Код на гитхабе смотреть наверно лучше, потому что использовал Sass, он там есть. Ширина фиксированная. IE вроде как с 10 версии только полностью поддерживает (у меня мак, смотреть проблематично) Дизайн сам делал, дизайн оценивать не надо p.s. Делал CSS-сетку по видео Sorax'а, для практики и потому что макет по точно такой же сетке делал. Заранее спасибо!
Last reply by dennyjuice, -
- 12 replies
- 2.7k views
Всем привет. Оцените, пожалуйста , сайт www.nowbook.ru Интересует в первую очередь общее впечатление от дизайна , так как прошлый мой дизайн был порван в клочья "местными" ))за что им спасибо))) Также интересны замечания по вёрстке. Спасибо за внимание.
Last reply by sasha^, -
- 13 replies
- 2.7k views
Собственно, вот Тема с макетом тут Не проходите мимо, жду ваших критичных или хвалебных отзывов
Last reply by Vin, -
- 10 replies
- 2.7k views
Привет. Вот сверстал страничку и хотелось бы услышать ваши критерии. Особенно на счет кода критерии нужны. Потому что мне кажется тут очень много ошибок именно со стороны кода, незнаю пока где какой тег именно применять. Вот http://vacations.besaba.com/
Last reply by amelice, -
- 3 replies
- 2.7k views
Моя очередная поделка: http://realcode.ru/regexptester/ . Прошу критики.
Last reply by Игорь Ермаков, -
- 10 replies
- 2.7k views
http://romansite.tmweb.ru/
Last reply by Zverushka, -
- 15 replies
- 2.7k views
Адрес сайта http://befocus.ru/ Что требуется оценить. - первое впечатление - понятность навигации - необходимость тех или иных элементов дизайна, оформления и самое важное(!) Хочу услышать именно критику, т.е. если не нравится то что именно и если есть идеи, то как это поправить. пожелание: Критика может быть жестокой, но не грубой и тем более без не нормативной лексики
Last reply by Gold Dragon, -
- 6 replies
- 2.6k views
Здравствуйте. Постараюсь коротко. Это мой второй проект, просто тренировочный макет. Нет адаптива, нет css-рюшек, вроде плавных переходов, нет js и даже нет половины состояний для элементов (но это потому, что их не было в макете). Html и css. Их и прошу оценить. Понимаю, что нормальным людям лень оценивать, поэтому у меня есть несколько более или менее конкретных вопросов. Надеюсь, не слишком странных: Меня беспокоит организация маргинов и паддингов. По-моему, она "некрасивая". Есть такое понятие "красивая организация отступов"? Мне кажется, что я нашла не лучшее решение для огромных тортов на фоне. Дивы с абсолютным позиционированием, из-за чего пришлось пр…
Last reply by vladmih, -
Привет всем .Может кто-то сможет помочь, я не знаю как подвинуть span А. сделать его круглым и поставить по центру картинки , как в премере на картинке.Спасибо за ранее.https://jsfiddle.net/m05gfxqb/1/ css DZ.zip
Last reply by Govt_sm80, -
- 16 replies
- 2.6k views
http://ЛокоГест.рф Прошу оценить верстку и дизайн. В типографике я дуб, буду плюсовать за каждый дельный совет. Обязательно логиньтесь, тестовый аккаунт Test 1111 Без логина мало что видно
Last reply by paracelso, -
- 9 replies
- 2.6k views
http://akorshun.e3w.ru/01913/
Last reply by moslem, -
Ну здравствуйте критики гадские. Я вас на долго запонил и дизайн сайта поменял радикально! так что отценивайте))) allprograms.ucoz.ru
Last reply by Victor Ananiev, -
- 6 replies
- 2.6k views
Вёрстка под все современные браузеры. Адаптивная вёрстка под устройства: desktop, mobile, tablet. Страница с поддержкой тач и клик. Без поддержки клавиатуры. Соблюдение логики работы страницы: при нажатии на цифры заполняется поле с номером телефона; стрелка “Назад” удаляет последнюю введённую цифру; форма не позволяет вводить более 10 цифр; пока номер телефона не введён полностью зелёная кнопка с галкой неактивна; при вводе всех 10 цифр зелёная кнопка с галкой становится кликабельной; остальные элементы интерфейса, присутствующие на макете, должны присутствовать и на странице, но без интерактива. Отсутствие ограничений на и…
Last reply by fiver, -
- 6 replies
- 2.6k views
http://vadimgrigorev.ru/ Уже выкладывал этот сайт сюда на обсуждение. С тех пор переделал сайт с нуля, постарался учесть все озвученные замечания и рекомендации. Прошу оценить верстку, код, оформление ссылок и организацию фотоальбома на javascript.
Last reply by sum41, -
- 17 replies
- 2.6k views
Всем привет. Оцените пожалуйста качество верстки, укажите на недочеты. http://falard.org/ Спасибо!
Last reply by klierik, -
- 11 replies
- 2.6k views
Только начинаю учиться, интересно мнение бывалых верстальщиков. http://mega11.comze.com/ или вот эта https://mega22.000webhostapp.com/ И в интернет не знаю как выложить, первая попытка
Last reply by BrusSENS, -
- 0 replies
- 2.6k views
Всем привет! Можете, кто разбирается в HTML подсказать где я накосячил. Я прохожу курс обучения на FrutCode, там в ходе обучения мы делаем сайт. На первой странице такоё Header который нужен, на второй так как сделал я (у меня кнопка главная в нормальном положении а другие выше чем надо. На 3 сам код и на 4 стилизация CSS. За рание спасибо!!!
Last reply by Vlad_PEl, -
- 11 replies
- 2.6k views
Сверстал свой первый макет,прошу оценить верстку, код, а так же указать на ошибки. http://sharmuta-tuta.narod2.ru/good/index.html
Last reply by PanSoul,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-