Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2,327 topics in this forum
-
- 2 replies
- 1.2k views
Здравствуйте! Прошу пожалуйста оценить мою вёрстку > http://bigma.xyz/dev/pex/ В основном интересует правильность использования SASS и правильность реализации блоков с помощью HTML (возможно какие-то блоки вы бы реализовали по другому). Для удобства просмотра кода - залил на битбакет (файлы "app/index.html" и "app/styles/main.scss"), там всего один коммит > https://bitbucket.org/GlebBigma/pex Понимаю, что рыться в чужой вёрстке - не особо приятное и благодарное дело, поэтому тому кто всё же этим займётся - ОГРОМНОЕ спасибо и БОЛЬШОЙ плюсик к карме
Last reply by Crossfield, -
- 2 replies
- 1.3k views
tre.zzz.com.ua/smart Оцените пожалуйста версточку Спасибо!
Last reply by irina_f, -
- 2 replies
- 1.4k views
Здравствуйте) недавно начала осваивать верстку и хотелось бы узнать Вашу критику) я, конечно, понимаю, что макет несложный, но у меня возникли трудности с background-ом ..(переход от одного блока к другому в виде диагонали с тенью) и в блоке info-client не смогла растянуть картинки на всю ширину блока (у картинок разные размеры).....надеюсь, что подскажете))) Верстка неадаптивная. Заранее Спасибо))) вот работа: https://z-karina.github.io/ при загрузке макета произошла ошибка, вот макет: http://hostingkartinok.com/show-image.php?id=8efc25bb87b7b586f330d5c17db60b8c
Last reply by rosaline, -
- 2 replies
- 1.1k views
Сверстал еще один макет - http://7512.itfb.name/Sitecolor Скажите пожалуйста, - можно ли найти на данном этапе работу? Может быть Вы можете мне что-то предложить? Спасибо.
Last reply by alejandro13, -
- 2 replies
- 1.2k views
Здравствуйте! Для студии делал тестовое задание, сказали, что много семантических ошибок, но уточнять какие ошибки они конечно не собираются. Пожалуйста подскажите, что я делаю не правильно. И может какие другие косяки есть. Тут сайт, смотреть https://grovskiy.github.io/sites/eat/index.html Тут можно структуру посмотреть, но в основном CSS минифицирован https://github.com/Grovskiy/grovskiy.github.io/tree/master/sites/eat
Last reply by Tilonorrinco, -
- 2 replies
- 2.1k views
Всем привет! Занимаюсь версткой 3 месяца, без наставника, просто просматривая обучающие ролики и читая источники по этой теме. На данный момент сверстал 6 макетов: 2 фикс, 2 на бутстрап, 1 адаптивный без фреймворка и 1 резиновый-адаптивный без фреймфорка. Выкладываю последний. Всю сложность можно оценить путем изменения области просмотра браузера, как ведут себя элементы на разных брейкпоинтах. Все иконки svg-спрайты (с ними помучился). В этой верстке немного пытался реализовать именования классов по БЭМ. Немного парился с кроссбраузерностью. Не тестировал на ie9 и ниже, такой задачи не было. https://schamil74.github.io/Mishka/
Last reply by Schamil74, -
- 2 replies
- 1.5k views
Открыли Форум und3rgr0und.pro Открыли Форум https://und3rgr0und.pro. Интересно ваше мнение, как людей со стороны. Будем рады если посетите.
Last reply by DivMan, -
- 2 replies
- 1.3k views
https://protoby.github.io/ Подскажите, что можно улучшить, не считая отображения на мобильных устроиствах(только в FF нормально отображается). Тестил в последних версиях Chrome, FF, Opera и IE11.
Last reply by WebNewbe, -
- 2 replies
- 1.4k views
Всем привет. Прошу вас, оцените мой первый сайт. Буду рад выслушать любые замечания! Если так же посоветуете, что исправить, буду признателен. Сайт http://umybaby.ru Если посоветуете какие то курсы или сайты с уроками, то же буду весьма благодарен. Учусь сам почти только на ютубе. И к сожалению адекватной и полезной информации крайне мало.
Last reply by dontlisten, -
- 2 replies
- 1.4k views
Сайт: https://m33l.github.io/ Дизайн брал из головы, не копировал. Делал сначала PSD, потом верстку, старался хоть как-то оптимизировать с свести к минимуму. Форма не работает, так как пока не вижу в этом смысла, проблем с привязкой ajax + php - нет. Валидацией тоже. Прошу оценить общей критикой сам дизайн, верстку, юзабилити и т.д.
Last reply by AlexZaw, -
- 2 replies
- 1.3k views
Оцените верстку http://slavian.coolpage.biz/ test.7z
Last reply by rpmcmerphy, -
- 2 replies
- 1.1k views
Добрый день, оцените вёрстку http://diffuzor.000webhostapp.com/site_1/index.html Я начинающий верстальщик, принимается любая критика.
Last reply by diffuzor, -
- 2 replies
- 2.5k views
Всем привет, мне нужна помощь более опытных верстальщиков которые укажут на мои ошибки и дадут совет как надо делать и как не надо, я попытался сделать половину данного макета: https://www.dropbox.com/sh/721r284wiv0dcyq/AABTSK3U0DjG-RZoxQRZEM4Ma?dl=0 Получился такой код: https://codepen.io/zb01kid/pen/zyoxbm?editors=1000 Изначально я попытался сделать по методологии БЭМ, но уже к середине у меня плохо выходило и напридумывал глупое название классов, так же слышал что использовать много раз paddign`и и margin`ы достаточно глупо, но к концу уже не понимал как сделать иначе. Хочу услышать от вас критику и желательно советы как можно подтянуть свою верстку до "приличн…
Last reply by klierik, -
Привет всем .Может кто-то сможет помочь, я не знаю как подвинуть span А. сделать его круглым и поставить по центру картинки , как в премере на картинке.Спасибо за ранее.https://jsfiddle.net/m05gfxqb/1/ css DZ.zip
Last reply by Govt_sm80, -
- 2 replies
- 1.7k views
Всем привет. Есть шаблон, который никак не могу заставить вести себя как нужно - в одной из секций шаблона есть 3 блока, которые всегда должны быть по центру страницы, но в какой-то момент они начинают прижиматься к левому краю экрана и остается много пустоты, подскажите как починить (при этом есть навязчивое желание не использовать @media думаю код объяснит вопрос лучше, чем я https://codepen.io/McLotos/pen/ExYWoQq?editors=1100 Если начать растягивать страницу по ширине, то в какой-то момент блоки просто приклеиваются к левому краю, а нужно чтобы все три блока, стоя рядом были точно по середине страницы в качестве простого решения, можно добавить @med…
Last reply by McLotos, -
- 2 replies
- 2.1k views
Доброго времени суток. Прошу оценить верстку. ссылка Верстаю 2 раз. Думаю, что ошибок накопится немало, поэтому желательно было бы указать на них. Буду благодарен за каждый полезный комментарий.
Last reply by victorius, -
- 2 replies
- 1.6k views
Всем привет, хочу спросить кто может дать обратную связь по сайту? Пилил его с нуля в итоге уже глаз на дизайне замылился вижу что плохо выглядит, но понять не могу что лучше поменять.... http://host1732329.hostland.pro На всякий случай, не реклама, поэтому все номера удалены, и хостинг пока отвязал от сайта)
Last reply by Loromir, -
- 2 replies
- 2.4k views
помогите с вопросом плес , застрял, не могу продолжить
Last reply by Азат313, -
- 2 replies
- 1.4k views
Доброго времени суток. Помогите, пожалуйста, советом. Не могу выравнять блоки по высоте, точнее сами блоки выровняла (flexbox), а вот содержимое внутри них нет. https://yadi.sk/i/LISHBluDqFprlw Скрытый текст http://riksor.neritsoft.com/ Не могу опустить артикул вниз. Возможно ли это привести в порядок без javascript только средствами css?
Last reply by swear0, -
- 2 replies
- 1.4k views
еще раз прошу заценить сайт в прошлом разе нашли ошибку в адаптиве и благодаря этому узнал что есть большой баг . вроде исправил сайт http://frontend-er.h1n.ru
Last reply by victorius, -
- 2 replies
- 1.8k views
Здравствуйте. После обновления движка wordpress поплыла верстка на странице заказа Обновленный тестовый сайт требует правки Скрытый текст http://zeaovede.beget.tech/buy_boost/ Основной сайт без обновления, как работало раньше (для примера) Скрытый текст http://elo-boost.ru/buy_boost/ Требуется рекомендация по внесению правки
Last reply by Jokerrs, -
- 2 replies
- 1.8k views
Здравствуйте. Это моя первая самостоятельная верстка. https://svetlanasharkunova.github.io/AboutMe/ https://github.com/SvetlanaSharkunova/AboutMe Буду благодарна за общий feedback и ответы на конкретные вопросы, которые возникли у меня в процессе верстки. Насколько “сырые” версия desktop и версия для планшета? Макет desktop дан шириной 1920px, у меня ноутбук разрешением 1920х1080, однако при просмотре страницы (Chrome) возникала горизонтальная прокрутка. Проблема более менее решилась при замене конкретных данных по ширине - процентами. Прокрутка исчезла, но все равно страница выглядит не так как на макете. И вообще можно ли делать так, как сделала…
Last reply by Kirinayik Brutsamov, -
- 2 replies
- 1.3k 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 Роман Орос, -
- 2 replies
- 3.7k views
Здравствуйте! Никак не могу затемнить всю свободную область при открытии дополнительного меню. Пока выделил просто легкой тенью. Подскажите, пожалуйста, как решать эту задачу? Верстка находится по ссылке - https://sdl.com.ua/bani/
Last reply by volshebnyi, -
- 2 replies
- 1.3k 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,
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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/
-