Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2,327 topics in this forum
-
- 15 replies
- 28.4k views
Чтобы получить максимально конструктивные советы и замечания по обсуждаемому сайту, придерживайтесь следующих правил. 1. Работа должна быть доделана, а не представлять собой пустой шаблон. 2. Если сайт работает лишь частично, то работу лучше не выставлять вообще, либо заранее отметить, на что обратить внимание. 3. Указывайте, что именно вы желаете оценить: дизайн, верстку, код, юзабилити, общее впечатление и др. В противном случае обсуждение может пойти совсем в другом русле, чем вам бы хотелось. 4. Для удобства указывайте кратко, что собой представляет сайт, о чем он и для какой аудитории предназначен. 5. Обязательно приводите адрес оцениваемого сайта. Как ни странно, но…
Last reply by klierik, -
- 0 replies
- 934 views
Только начал создавать сайт и нужно сделать чтобы шапка была на всём сайте. Нашёл программу в js и не могу понять что не так. style.css scripts.js index.html
Last reply by Danilka3251, -
- 1 reply
- 1.3k views
Здравствуйте! Подскажите, пожалуйста, как делаются такие интересные фоны с разноцветными полукругами и целым бежевым кругом (внизу страницы)? https://frescocooks.com/ Код посмотреть не могу, так как он, видимо, сделан с помощью Tailwind CSS.
Last reply by Igor Schnaider, -
- 0 replies
- 1.4k views
Добрый день! Я новичок в верстке. Это первый самостоятельно сверстанный лендинг: https://evgenarbatsky.github.io/landing-template/ Пока только десктоп, адаптив еще не умею делать. Можете пожалуйста посмотреть код, дать какие то общие рекомендации по структуре, может я где то перегрузил и написал чего лишнего, а можно проще и лучше: https://github.com/EvgenArbatsky/landing-template.git. Буду рад любым советам и критике для уровня новичка. Можем пока не затрагивать вопросы адаптивности, оптимизации изображений и кроссбраузерности. Я брал готовый макет из Фигма комьюнити (он оказался кривенький): https://www.figma.com/file/7KK9jombRde2Dm9QTWXdMh/Landing-Page-Template-(Commun…
Last reply by Eugene Arbatsky, -
- 0 replies
- 1.1k views
Вот, есть блок main-section, в нем container и shapes. Пишу блоку main-section свойство display flex, в итоге почему-то все центрируется по центру блока main-section. Не могу понять причину... По сути, блоки должны просто в ряд.
Last reply by Dioni_web, -
- 3 replies
- 1.3k views
Есть три колонки внутри контейнера. Колонки левая и правая опеределенных размеров, кодом этом задано. Задача что бы колонки были одинаковой длинны, фон колонок растягивался по длине большей. ( в случае на картинке фон первых двух должне растянуться до Footer, т.к. третья по тексту до него. При этом верстка-блочная. Нельзя использовать флексы, гриды и таблицы. Т.е. только Float-ы, margin-ы. Схема размеров колонок 20%/*/200px Что можно попробовать? оборачивать в дополнительные дивы и играть с фонами?
Last reply by Igor Schnaider, -
- 0 replies
- 6.3k views
Last reply by noob_saibot, -
- 0 replies
- 1.3k views
Здравствуйте! http://unbrokenteam.ru/ Как переместить кнопку на ту же вертикальную линию, что и поля для ввода? Вот как сейчас Вот как должно быть Я использую этот класс для кнопки в style.css .noTableBorder-button { left: 0; margin-left: 0; transform: none; display: block; } index.html style.css
Last reply by noob_saibot, -
- 1 reply
- 1.2k views
Добрый день. Верстаю на уровне «новичок»)) Возникла идея создать свой собственный сайт, на котором будет много страниц с видеороликами. И вот такой вопрос возник: можно ли на одной странице вставлять несколько видео (от 2 до 10)? Если у меня будет на одной странице, к примеру 5 видео подряд, смогу ли я в них добавить рекламу? И как это повлияет на скорость загрузки страницы? Или всё же лучше делать на странице, к примеру, 5 постеров-ссылок, а для каждого ролика отдельную страницу? Можете проконсультировать по этому вопросу? Заранее спасибо))) p.s. Я новичок в этом деле, никогда до этого свой сайт не делал, и, соответственно, рекламу в видео не вставлял. Поэтому, если…
Last reply by npofopr, -
- 0 replies
- 1.3k views
Привет! Недавно проходила первый этап на собесе с заданием и провалила. Нужно было создать копию отправленного изображения (прикреплено). Предполагаю, что ошибка была изначально в том, что требование "Use SASS variables by changing width and background, it has to change completely, the shape must be responsive (all its parts grow or shrink respectively)" не было выполнено. Фидбека не было, к сожалению. Работа проделана была только с html css. Но быть может были допущены другие другие ошибки? Буду признательна, если кто-нибудь укажет на них. Код ниже и по ссылке: https://codepen.io/qizqepml-th... ls/LYeYqjX <div class="wrapper"> <div class="circle"&…
Last reply by ket-verbitskaya, -
- 0 replies
- 1.2k views
Здравствуйте,в боковой панеле(слева)появляется папка с файлами из других проектов, перед этим я добавлял её в когда работал с проектом shine.html, но она по какой то причине появилася в файле kinomonstr.html. также в верхней панеле могут быть сразу несколько открытых вкладок html, css, js. Такая же проблема и со скачаными исходниками, открываешь новый файл а там куча открытых вкладок на верху. Как решить данную проблему ? Учусь с помощью редактора Sublime Text
Last reply by Viktor_X, -
- 2 replies
- 3.7k views
Здравствуйте! Никак не могу затемнить всю свободную область при открытии дополнительного меню. Пока выделил просто легкой тенью. Подскажите, пожалуйста, как решать эту задачу? Верстка находится по ссылке - https://sdl.com.ua/bani/
Last reply by volshebnyi, -
- 1 reply
- 1.8k views
Здравствуйте , сделал макет сайта для интернет магазина . Но столкнулся с проблемой при верстке кнопок на главной странице и не нашел информации как можно уместить текст + несколько картинок в одну кнопку. Знает кто решение и реалезуемо оно вообще ?
Last reply by Evgen73, -
- 1 reply
- 1.6k views
Оцените мой первый сайт, до этого никогда не занимался подобными вещами, возможно наделал кучу ошибок. Прошу оценить дизайн сайта а также удобность с ПК и мобильных. Сайт: https://multiprog.ru
Last reply by npofopr, -
- 4 replies
- 1.7k views
Здравствуйте, оцените, пожалуйста, уровень верстки и моих знаний. Я училась всему сама из разных источников с перерывами во времени. Мне всегда это нравилось и я считала это своим хобби. Возможно ли с такими скиллами претендовать на позицию джуна в верстке? Мне нужен наставник, готова выполнить работу за конструктивный отзыв. Я не понимаю, правильно ли я делаю и спросить совета не у кого. Этот сайт я сделала для знакомого владельца гостевого дома в Крыму. Сделан от начала и до конца мною - дизайн, верстка, простые скрипты. Не придирайтесь сильно к дизайну, я ему не училась, поэтому все стандартно))) Да, знаю, нужно еще БЭМ освоить. https://donba…
Last reply by FotiniaFrost, -
- 3 replies
- 1.4k views
Здравствуйте! Сайту уже лет 15 и сказали, что верстка давно устарела (кроссбраузерность) и что надо переверстать сайт по новой и под новые браузеры и т.д. Подскажите пожалуйста, так ли это на самом деле? afon-oros.ru
Last reply by Serafimoos, -
- 14 replies
- 2.3k views
Всем привет! Оцените, пожалуйста, лэндинг https://alesia-k.github.io/AXIT-template/. Не буду конкретно описывать на что хочу, чтобы вы обратили внимание. Как говорится, it's up to you. Буду благодарна советам, нахождению ошибок и конструктивной критике. Интересует как, на ваш взгляд, я реализовала гибкость конструкций при изменении объёма текста или подстановки других картинок, например. И в общем, хочется услышать мнение по любым моментам. Заранее спасибо!
Last reply by maxik, -
- 1 reply
- 1.2k views
www.zip
Last reply by maxik, -
- 0 replies
- 1k views
Добрый день! Отдал работу по верстке и натяжке на ВП фрилансеру. Есть вопросы по натяжке ВП. Прошу дать объективную оценку выполнения работы верстальщика. Хорошо ли натянут сайт на WP Всё ли удобно. http://headcraft.dev-retead.site/wp-login.php admin w)PsovZoT#DSROco7L FTP 31.31.198.235 pashkasaks@u1296618.cp.regruhosting.ru KZf1r1.]@ww(
Last reply by PashaPlotter, -
- 0 replies
- 1.3k views
привет. сверстала подпись , и все хорошо, но она разваливается в outlook .. то есть если беру картинку 500 пикселей и стилями ограничиваю ширину до 100 пикселей, то в outlook она все равно остается 500 пикселей и все ломается. может быть кто то сталкивался и может посоветовать решение?
Last reply by Sashapsi, -
- 0 replies
- 1.8k views
Всем привет! Хотела бы представить свою работу новичка на обсуждение для получения конструктивной критики и/или советов, взглядов что можно улучшить или изменить, общее впечатление, конечно, тоже интересует. https://alesia-k.github.io/Tajam-template/ Обратите, пожалуйста, внимание на: - блок "MEET OUR AMAZING TEAM". Немного не нравится как смещаются item при наведении мыши, как будто немного дергаются. Так ли по-вашему это должно работать или такое поведение блока нужно изменить? - инпут "subscribe" в футторе. При клике на инпут, немного смещается и сам инпут, и рядом стоящая кнопка. Было бы классно, если бы подкинули идею как сделать, чтобы такого не был…
Last reply by Алеся, -
- 3 replies
- 2.5k views
Здравствуйте дорогие специалисты програмирования. Взываю вас о помощи!? Прощу Вас уделите мне своё безценное время. Я который раз выполняю тестовое задание для трудоустройства, а мне постоянно отказывают. Я уже в замешательстве, что же я делаю не так. Я просил их, дать мне хоть какую-то критику, единственное что мне отвечают СЛАБО. Но что именно слабо не говорят! Прошу Вас рассмотреть мою из последних тестовую работу и укозать мне ВСЕ мои прогрехи, по полной строгости. Единственная надежда на Вашу благосклонность и доброту. Вот ссылка на гитхаб - https:/github.com/ShusevA/ARI-AJAX-Application Требоватие к этой работе https://docs.google.com/document/d…
Last reply by AlexZaw, -
- 0 replies
- 1.3k views
Здравствуйте! Несколько дней танцую с бубном, не могу сделать меню. Сделал 2 варианта, оба косячные. http://finresh.com/ 1 вариант, который в красной рамке. Не могу выравнять кнопки по центру. У пунктов меню стоит float: left. Что только не пробовал и через флекс и оборачивать блок в блок и т.п. Если выравнивается по центру, то выпадающее меню смещается правее, к началу первой кнопки. Есть вариант добавить скрытый блок спереди, в процентном соотношении (что бы менялся динамически по формуле), но пока не разобрался, как ее написать. 2 вариант, который ниже, кнопки стоят на месте в class='container', меню на всю ширину, но оно не прокручивается вместе со ст…
Last reply by fiver, -
- 0 replies
- 1.5k views
Здравствуйте! Прошу оценить качество вёрстки и адаптива, допущенные ошибки. Описание: фильтры "цвет" и "сладость" работают по отдельности, "цвет" - mixitup, "сладость" - рукописный js Гитхаб: https://vlad-vasinev.github.io/Vlad-Vasinev-wine-code/ Код: https://drive.google.com/file/d/1NKtoQmzUh46CMsgFOZlImkCmBn0uq0wD/view?ths=true Заранее благодарен
Last reply by Gotcha_Fish, -
- 2 replies
- 2.8k views
Всем привет, коллеги. Я - начинающий в этом деле, поэтому сильно не разносите) Если кому не сложно - оцените пожалуйста мою работу, укажите ошибки. Жду Вашу критику. Вот свёрстанный макет - https://cleaning-company-001.000webhostapp.com/
Last reply by _dev_,
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-