Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2,327 topics in this forum
-
- 2 replies
- 3k views
Всем привет, коллеги. Я - начинающий в этом деле, поэтому сильно не разносите) Если кому не сложно - оцените пожалуйста мою работу, укажите ошибки. Жду Вашу критику. Вот свёрстанный макет - https://cleaning-company-001.000webhostapp.com/
Last reply by _dev_, -
- 2 replies
- 1.7k views
Здравствуйте! Вёрстка второго макета. Кнопка входа, элементы видеоряда активны. На странице "video" также кликабельны элементы видеоряда, кнопка "показать еще". На странице "drafts" Есть небольшое всплывающее окошко, появляющиеся при скролле. В header активна кнопка "Войти", и "регистрация". В подвале кнопка прокрутки наверх. Пожалуйста, "потыкайте" на все активные элементы(кнопки входа, регистрация), элементы видеоряда(на страницах "main" и "video"), я пытался сделать их через чистый js, хотелось бы узнать, возможна ли такая реализация функционала в реальной жизни... Не получилось: 1) На элементах видеоряда наложены before(их вы также могли заметить на pricin…
Last reply by Gotcha_Fish, -
- 1 reply
- 1.1k views
Верстал для себя, мой первый опыт в верстке результатом доволен, кроме адаптации для телефонов, очень мелкий текст, а вот как сделать иначе не понятно. Можно через мета теги, но я думаю есть и более простые способы. Благодарю за грамотный ответ. p.s. backend не дописан, ибо волнует верстка для теста можно использовать login: koletron password: 123456 Ссылка: https://gta5rp-store.000webhostapp.com/
Last reply by klierik, -
Как сделать так, чтобы при нажатии на ссылку из меню происходил переход и меню закрывалось?
by Tempest99- 0 replies
- 1.3k views
У меня есть адаптивное меню .menu и при нажатии на один из пунктов меню происходит переход на соответствующую ссылку, но само меню не закрывается и фон .bg не исчезает. Как сделать так, чтобы при переходе на страницу после нажатия на ссылку, меню пропадало вместе с темным фоном? Возможно ли это сделать через css или же только через JS?Весь код https://jsfiddle.net/dut2v5ws/Сам сайт ilyin1ib.beget.tech
Last reply by Tempest99, -
У меня есть вертикальное меню навигации .navbar в виде белых кружков. Как сделать так, чтобы этот блок прилегал к краю .wrapper-а (или хотя бы держался на краю) и никуда не уезжал при уменьшении экрана, несмотря на то, что он имеет свойство position: fixed? Или же единственный выход это каждый раз двигать его приблизительно к краю .wrapper-а через медиа-запросы?Весь код https://jsfiddle.net/dut2v5ws/Сам сайт ilyin1ib.beget.tech
Last reply by Tempest99, -
- 1 reply
- 1.2k views
При нажатии на один и белых кружков вертикальной навигации, активный должен гореть белым, но когда я нажимаю на второй кружок, который соответствует секции "О нас ", то осуществляется переход к этой секции, но почему-то кружок не становится белым и я не могу понять почему. Так же не понятно почему он не сменяет цвет при скроллинге страницы на следующую секцию, может где-то ошибка в js коде?Сам сайт ilyin1ib.beget.techВесь код https://jsfiddle.net/bhkjudvL/ <nav class="navbar"> <ul> <li> <a href="#main" class="dot active" data-scroll="main"> <span>Главная</sp…
Last reply by npofopr, -
- 2 replies
- 1.2k views
Здравствуйте! Может ли кто-то оценить вёрстку новичка(по первому макету)? Указать на конкретные ошибки/недочёты. Очень нужен code-review от более опытных товарищей. Ссылка на вёрстку код с файла main.js Заранее спасибо всем откликнувшимся!
Last reply by Gotcha_Fish, -
- 1 reply
- 1.5k views
Почему при адаптиве налазят блоки друг на друга?
Last reply by klierik, -
- 1 reply
- 1.8k views
Хочу Вам представить свой сайт - nexROM.ru Полтора года я работаю над сайтом, и уже переустанавливал много раз CMS, тк что то всегда не так, чего то не хватает, и какая то неопределённость приводит в тупик, и вот снова я переустановил движок, и уже не знаю стоит ли собственноручно наполнять контентом сайт, всё это выглядит как конвеерный процесс, и тем более прошлый опыт мне подсказывает, что нужно двигаться немного иначе, вот как идея - предоставить пользователям возможность вести свои блоги, выкладывать файлы и создавать клубы по интересам, но это ещё тяжелее с одной стороны чем просто привлечь посетителя на сайт, здесь пользователя должно заинтересовать создать запис…
Last reply by klierik, -
- 0 replies
- 1.5k views
тестировал в сафари и в хром. Оба на мобильных устройствах. Добавил разделение по колонкам, и последняя колонка, когда большой текст не выводится. Не работает только в хром. { -moz-column-count: 2; /* Для Firefox */ -webkit-column-count: 2; /* Для Safari и Chrome */ -webkit-column-width: 100vw; column-count: 2; column-width: 100vw; max-height: 100vw; font-size: 1em; }
Last reply by stick stan, -
- 1 reply
- 1.5k views
У меня экран width: 1920. И контент влазит отлично. Но как только я запускаю окно разаботчика и выставляю размер экрана 1920 получаеться вот такая ситуация и еще скрол: НО КОГДА Я ЗАКРЫВАЮ ОКНО РАЗРАБОТЧИКА СКРОЛА НЕТ И ВСЕ ВЛАЗИТ ПО РАЗМЕРАМ
Last reply by npofopr, -
- 2 replies
- 1.6k views
HTML <video class="post__audio-video" src="video/video.mp4" poster="img/video-poster.png" controls></video> CSS &__vimeo-video { width: 570px; height: 324px; Фотография "poster" меньше за видео. Хотя размер фото и ширина видео ОДИНАКОВЫ В чем проблема?
Last reply by Full-R, -
- 2 replies
- 1.5k views
Section - about получился в 0px высотой а все его вложения перенеслись в section catalog пожалуйста скажите посоветуйте как исправить. Первая моя робота, зарание спасибо:) <section class="about"> <div class="conteiner"> <div class="galery"> <img class="galeru-img" src="img/Frame 10.png" alt=""> </div> <div class="about-txt"> <H2>Насладись идеальным кофе у себя дома</H2> <p class="about-txt1" > STARBUCKS® HOUSE BLEND из отборных кофейных зёрен из Л…
Last reply by Роман Орос, -
Писал через hr почему то они все стоят в начале, а не как надо <TABLE ALIGN="RIGHT" BORDER="4" BGCOLOR="YELLOW" BORDERCOLOR="RED" WIDTH="85%"> <HR WIDTH= “50%” SIZE= "2" color="#ff00ff" /> <CAPTION ALIGN="RIGHT"><FONT COLOR="BLUE"> Такырып кестенын он жак жогаргы бурышына шыгады </CAPTION> <TR><TH COLSPAN="4" Багана такырыбы </TH></TR> <TR ALIGN="RIGHT" BGCOLOR="PINK"> <HR WIDTH= “50%” SIZE= "2" color="#ff0000" /> <TH> 1-багана </TH><TH> 2 : багана </TH> <TH> 3-багана </TH><TH> 4 : багана </TH></TR> <TR><TD> 1-багана малиметте…
Last reply by Igor Schnaider, -
- 3 replies
- 2k views
Здравствуйте, это моя первая вёрстка сайта, до этого верстал по частям макеты. Пока что изучаю только css и html к js не приступал, также адаптив под все устройства не изучал (для laptop кое как сделал ). Сайт: https://itachiuchih19.github.io/Silon-shop/ Код: https://github.com/itachiUchih19/Silon-shop
Last reply by Kirinayik Brutsamov, -
- 3 replies
- 1.7k views
Наша команда создала сайт в бело-коричневых тонах с множеством различных ярких слайдеров, изображений. На сайте показан множество товаров произведенные заказчиками сайта. Есть еще множество различных фишек. Думаю вам будет интересно посмотреть сайт. Но если вы найдете какие-нибудь недочёты, то напишите сюда и мы исправим заранее благодарные вам. Вот сайт https://toorkd.kz/
Last reply by Full-R, -
- 1 reply
- 1.7k views
Впервые начинаю верстат сайты, обучаюсь. Проблема в том что не понимаю откуда взялся эти пустые белые обводки. Думаю на фото четко видно, даже со стрелочками отметил. Помогите решить проблему
Last reply by npofopr, -
- 0 replies
- 1.4k views
Занимаюсь вёрсткой примерно 2 месяца, хотелось бы услышать оценку более опытных спецов. Ссылка на ГитХаб - https://plu33ha.github.io/TestPage/
Last reply by Davebell, -
- 1 reply
- 1.5k views
Скачал готовую тему для сайта и переделывал под свои цели. В шапке сайта использовалась анимация карусели. Когда перенес все файлы на хостинг, анимация пропала и появились просто картинки сверху вниз. В каких файлах может быть решение этой ошибки?
Last reply by npofopr, -
- 2 replies
- 1.9k views
Здравствуйте. Это моя первая самостоятельная верстка. https://svetlanasharkunova.github.io/AboutMe/ https://github.com/SvetlanaSharkunova/AboutMe Буду благодарна за общий feedback и ответы на конкретные вопросы, которые возникли у меня в процессе верстки. Насколько “сырые” версия desktop и версия для планшета? Макет desktop дан шириной 1920px, у меня ноутбук разрешением 1920х1080, однако при просмотре страницы (Chrome) возникала горизонтальная прокрутка. Проблема более менее решилась при замене конкретных данных по ширине - процентами. Прокрутка исчезла, но все равно страница выглядит не так как на макете. И вообще можно ли делать так, как сделала…
Last reply by Kirinayik Brutsamov, -
- 1 reply
- 1.4k views
У меня есть картинка снизу заглавие под ним маленький список потом цена и кнопка. Оно все должно быть обведено рамкой что я уже сделал. Как эти все объекты центрировать в этой рамке и чтобы список выглядел нормально и оно все было по центру.
Last reply by npofopr, -
- 1 reply
- 2.5k views
Тег Header не может на всю ширину, поставил width 100%. Что делать? Вот CSS header{ width: 100%; height: 150px; text-align: left; background: black; border-radius: 2px; line-height:66.66666px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } Вот HTML <Header> <a href="">Сумки</a> <a href="">Пла…
Last reply by klierik, -
- 3 replies
- 2.5k views
Я доработал идею дизайна и верстки без использования media queries исключительно на view port units. Вот что получилось: https://revolvercmf.ru/ У сайта как таковой мобильной версии нет. Я просто использовал CSS 3 calc() и CSS 4 variables. Получилось не плохо и дизайн смотрится идентично на разных разрешениях экрана. PX и EM в архитектуре дизайна не используются вообще, а кроме того не использован сложный flex-box. Используются %, vw и vh. Прошу оценить верстку, интерфейс и дизайн(это основная тема оформления моего open source contents management framework). Вот статья про VPU scalable interface на английском: https://revolvercmf.ru/en-U…
Last reply by Full-R, -
- 3 replies
- 1.8k views
Прошу посмотреть на мой макет сайта. Старался верстать максимально современно, однако есть куча сомнений по правильности верстки и названиям тегов. Логично ли навешивать классы на теги типа nav, aside, header. Как логично называть эти классы? Есть ли принципиальная разницы между <nav> и <aside> если я делаю вертикальную менюшку слева? Между <main> и <section>. Получается в современном мире тег <div> уже не так актуален? http://aarr.ru/ Прошу строго не ругать - только начинаю верстать)))) Очень приветствуются всякие замечания и критика.
Last reply by Full-R, -
- 8 replies
- 2.2k views
Добрый день. Тренируюсь в верстке со скаченных PSD. Вот в одном из ни столкнулся с косым разделением разделов меню... прямое могу с помощью border - right а вот искривить не получается Если делаю transform (45) то поворачивается весь блок. Заранее благодарю за помощь! second.rar
Last reply by ewerlast,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-