Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2327 topics in this forum
-
- 6 replies
- 2.5k views
Вёрстка под все современные браузеры. Адаптивная вёрстка под устройства: desktop, mobile, tablet. Страница с поддержкой тач и клик. Без поддержки клавиатуры. Соблюдение логики работы страницы: при нажатии на цифры заполняется поле с номером телефона; стрелка “Назад” удаляет последнюю введённую цифру; форма не позволяет вводить более 10 цифр; пока номер телефона не введён полностью зелёная кнопка с галкой неактивна; при вводе всех 10 цифр зелёная кнопка с галкой становится кликабельной; остальные элементы интерфейса, присутствующие на макете, должны присутствовать и на странице, но без интерактива. Отсутствие ограничений на и…
Last reply by fiver, -
- 14 replies
- 2.5k views
http://mygallery.x7p.ru/ как-то так, как вам взгляд со стороны? что добавить ? что не так?
Last reply by Andrey447, -
- 10 replies
- 2.5k views
http://fs-marketing.ru - заранее благодарен.
Last reply by ZhenevyevaN, -
- 9 replies
- 2.5k views
Здравствуйте! Оцените мою первую работу по верстке, интересует код-ревью. http://dennyjuice.zz.mu/pechi ссылка на гитхаб -> https://github.com/dennyjuice/aquaterm_pechi Код на гитхабе смотреть наверно лучше, потому что использовал Sass, он там есть. Ширина фиксированная. IE вроде как с 10 версии только полностью поддерживает (у меня мак, смотреть проблематично) Дизайн сам делал, дизайн оценивать не надо p.s. Делал CSS-сетку по видео Sorax'а, для практики и потому что макет по точно такой же сетке делал. Заранее спасибо!
Last reply by dennyjuice, -
- 15 replies
- 2.5k views
Выбрал просто макет, для своей первой вёрстки и тут-же есть появились ошибки.. Вот сам макет.. Вот что у меня получилось http://artur33.s1.webhost1.ru (только при первой загрузки шапка выше,но если перезагрузить всё ок) Что можете сказать7 что исправить?? для первого раза как,получилась вёрстка? Не знаю как сделать, точки на шапке, также непонятно как сделать отступ в 3-4 пкс в Featured works:.
Last reply by artur33, -
- 6 replies
- 2.5k views
Прошу конструктивную критику для сайта www.kpecmuk.ru
Last reply by Searcher, -
- 14 replies
- 2.5k views
ВСЕМ СПАСИБО - ТЕМА ЗАКРЫТА!
Last reply by malsyst, -
- 11 replies
- 2.5k views
Только начинаю учиться, интересно мнение бывалых верстальщиков. http://mega11.comze.com/ или вот эта https://mega22.000webhostapp.com/ И в интернет не знаю как выложить, первая попытка
Last reply by BrusSENS, -
- 2 replies
- 2.5k views
Всем привет! Занимаюсь версткой 3 месяца, без наставника, просто просматривая обучающие ролики и читая источники по этой теме. На данный момент сверстал 6 макетов: 2 фикс, 2 на бутстрап, 1 адаптивный без фреймворка и 1 резиновый-адаптивный без фреймфорка. Выкладываю последний. Всю сложность можно оценить путем изменения области просмотра браузера, как ведут себя элементы на разных брейкпоинтах. Все иконки svg-спрайты (с ними помучился). В этой верстке немного пытался реализовать именования классов по БЭМ. Немного парился с кроссбраузерностью. Не тестировал на ie9 и ниже, такой задачи не было. https://schamil74.github.io/Mishka/
Last reply by Schamil74, -
- 0 replies
- 2.5k views
Добрый день У меня есть вопрос, на который я не могу найти ответ.У меня не работает якорь,а именно на сайте (горит синим,но при нажатии не переносит),код прописан.Якорь находится на фиксированном блоке. Если кто может помочь с решением проблемы,жду ответа.
Last reply by Geist, -
- 11 replies
- 2.5k views
Все привет. Хоть и с большим опозданием, но все-таки пришло время вникать в идею и логику работы адаптивных дизайнов. Первая серьезная работа, которая совершенно непродуманна для других разрешений (додумывал все логически, сам), получилась косячная, однако прошу ее оценить на предмет явнейших багов. http://falard.org/ Кроме того, прошу ответить на 2 очень волнующих меня вопроса: 1) Я понимаю логику работы em для шрифтов, именно его рекомендуют использовать в адаптивных сайтах, однако пока что не было ни одного весомого аргумента, использовать его, а не пикселяи. em как и пиксели динамически не меняются при ресайзе. Просто вычисляются относительно родителя, пиксе…
Last reply by CroaToa, -
- 9 replies
- 2.5k views
Добрый день. Вот тренирую себя в верстке. Вот впервые попробовать сверстать на Grid https://l4legenda.github.io/ - Сама верстка код - https://github.com/L4legenda/l4legenda.github.io/ Psd макет - https://drive.google.com/open?id=1B_9VGfC5eyE3Su8FPRGH-XHznDvcpmnt
Last reply by Дмитрий Афанасьев, -
- 6 replies
- 2.5k 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, -
- 10 replies
- 2.5k views
Привет. Вот сверстал страничку и хотелось бы услышать ваши критерии. Особенно на счет кода критерии нужны. Потому что мне кажется тут очень много ошибок именно со стороны кода, незнаю пока где какой тег именно применять. Вот http://vacations.besaba.com/
Last reply by amelice, -
- 10 replies
- 2.5k views
http://romansite.tmweb.ru/
Last reply by Zverushka, -
- 15 replies
- 2.5k views
Сайт мебельного салона. Что-то меня в нем не устраивает, вот только не могу понять что именно. Требуется ваша помощь.
Last reply by kvant, -
http://15-shop.ru
Last reply by wildhind, -
-
Менюшка :<
by Etaro- 1 reply
- 2.5k views
Я не понимаю, в чём проблема в вертикальном выпадающем меню. Где я мог напортачить? Нужно сделать, чтобы колонки были по вертикали, а не по горизонтали.
Last reply by npofopr, -
Ну здравствуйте критики гадские. Я вас на долго запонил и дизайн сайта поменял радикально! так что отценивайте))) allprograms.ucoz.ru
Last reply by Victor Ananiev, -
- 12 replies
- 2.5k views
Всем доброго времени суток, пожалуйста посмотрите на код(небольшой кусочек работы) и оцените, хотелось бы услышать что правильно что нет, что можно было бы по другому, как можно детальней и дотошнней, семантика пространство имен и прочее прочее, в общем чем больше критики(желательно конструктивной и обоснованной) тем лучше, я специально выкладываю маленький кусок что бы, было не напряжно его изучить! http://codepen.io/Kamzed/pen/rrqJJz Заранее благодарю всех добрых людей которые согласятся помочь.
Last reply by andrey7287, -
- 12 replies
- 2.5k views
Всем привет. Оцените, пожалуйста , сайт www.nowbook.ru Интересует в первую очередь общее впечатление от дизайна , так как прошлый мой дизайн был порван в клочья "местными" ))за что им спасибо))) Также интересны замечания по вёрстке. Спасибо за внимание.
Last reply by sasha^, -
- 4 replies
- 2.5k views
Здравствуйте. Прошу оценить верстку и указать на ошибки. Макет без адаптивности. http://www.testwebtest.h1n.ru
Last reply by Victor-ru, -
- 14 replies
- 2.5k views
Здравствуйте, попытался сверстать один из выложенных здесь макетов. Укажите на мои ошибки в вёрстке. http://www.testx.96.lt Спасибо.
Last reply by Catherine, -
- 6 replies
- 2.5k views
Разбейте в пух и прах: http://khasandivers.co.cc/ Просто интересно, так уж ли безнадежен этот сайт, или он все же имеет право на существование p.s. Снежинки у верхнего края страницы — явление, понятное дело, временное.
Last reply by GooDMeister, -
- 14 replies
- 2.5k views
Жду критики
Last reply by Vlad,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-