Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2,327 topics in this forum
-
- 2 replies
- 1.8k views
Добрый день форумчане. Прошу критики/советов/рекомендаций. Сайт -> Сам макет(Yandex.disk) -> Скрин макета Это мой третья самостоятельная работа с PSD и первая, которая в адаптиве. Для компиляции sass и скриптов, а также для Live reload использовал программу Prepros. Для разметки использовал susy фреймворк и breakpoint. Проверял на работу в Chrome, Firefox, Opera, Edge. В IE 11(и ниже) не коректно отображается галерея.
Last reply by Zimniros, -
- 7 replies
- 1.9k views
https://github.com/AlekseyPn/alekseypn.github.io/blob/master/index.html вот есть верстка, разметку делал по свеже изученым материалам по разметке БЭМ, кто уже давно пользуется даннлй методологией оцените, интересно ваше мнение, и правильно ли я понял как нужно размечать по БЭМ, можете потыкаться по репозитозиторию, там есть еще несколько файлов. Заранее спасибо.
Last reply by Endorphin, -
Добрый вечер, уважаемые! Прошу оценить верстку со всех сторон: адаптивность, кроссбраузерность, валидность, юзабилити и т.д. http://wowbe.ru/ Заранее благодарен!
Last reply by ЮрийВеб, -
- 7 replies
- 1.8k views
После нескольких недель упорного изучения HTML и CSS таки сверстал первый макет. Насколько смог, сделал сайт адаптивным. Интересно было бы получить отзывы. тыц. Заранее спасибо :]
Last reply by Rumpelstistskin, -
- 3 replies
- 1.1k views
Просьба покритиковать, подсказать, указать на недочеты. Страничка делалась для портфолио. Боковое меню и анимация при кликах на ссылках писалось мной. http://pedash.insalon.in.ua/
Last reply by Anton_1983, -
- 9 replies
- 1.7k views
Сделал выпадающее меню. Всё работает, меня только один вопрос интересует: всё ли корректно, может ли данный код считаться хорошим? <ul class="q1"> <li class="q2"> <a href="#">123</a><ul class="q3"><li><a href="#">111</a></li><li><a href="#">222</a></li><li><a href="#">333</a></li></ul> </li> <li class="q2"><a href="#">123</a><ul class="q3"><li><a href="#">111</a></li><li><a href="#">222</a></li><li><a href="#">333</a></li></ul></li> </ul> …
Last reply by aqua.77, -
- 5 replies
- 1.5k views
Верстка https://walterwhite13.github.io/ Макет картинкой http://radikal.ru/lfp/s017.radikal.ru/i412/1611/9d/a18115362025t.jpg/htm Здравствуйте. Прошу у вас оценки моей работы. Особенно по части адаптивности макета. Использовал кастомную сетку бутстрапа.
Last reply by Vibe, -
- 0 replies
- 862 views
В принципе всё работает как я хотел и это главное, но возможно эту же задачу можно выполнить более разумно или корректнее? Может ли данный код считаться пригодным? Задача была сделать резиновые кнопки с анимацией. <ul> <li><a href="#">Кнопка<span></span></a></li> <li><a href="#">Кнопка<span></span></a></li> <li><a href="#">Кнопка<span></span></a></li> </ul> @keyframes men{ from{ background: linear-gradient(120deg, #CFA883 10%, white 20%, white 20%, #CFA883 30%); opacity:0; } to { background-position:300px; opacity:1; } } ul{ bord…
Last reply by aqua.77, -
- 4 replies
- 1.4k views
<p class="q1">123333hjk</p> <p class="q2">333hjk<br>333hjk<br>333hjk<br>333hjk<br></p> *{ margin:0; padding:0; } .q1{ border:1px black solid; display:inline-block; height:70px; line-height:50px; } .q2{ border:1px black solid; display:inline-block; height:70px; line-height:10px; } Высота строки у q1 больше чем у q2 Но почему тогда самый высокий инлайн-бокс у q2, и базовая линия подтягиватся к нему?
Last reply by SelenIT, -
- 10 replies
- 2.9k views
Приветствую. Пожалуйста, раскритикуйте мою верстку по таким критериям. Сайт —- Макет. Именование классов якобы по БЭМ. Семантика. Позиционирование элементов. Это основное, что я хочу узнать для себя. Если есть то, что конкретно бросается в глаза в коде, прошу скажите. Большое спасибо!
Last reply by DmitryPavlov, -
- 0 replies
- 2.4k views
Всем привет, Оцените пожалуйста функционал и верстку(хотя я меньше зацикливался на верстке - чтобы не было откровенных кривостей) формы поиска моего плагина для товаров WooCommerce, 2.6.4 под Wordpress 4.6 ref Сделано полностью мною. 1) Плагин имеет множественные настройки в админе в частности Общие настройки Как группировать цены preview Какие данные для поиска отображать в левых боксах По каким атрибутом делать поиск preview preview Какие поля отображать в списке найденных продуктах preview 2) Рядом с чекбоксами наименование атрибутов, категорий, тегов, цены и если кликать на этих ссылках, то поиск запускается сразу. Можно кликать на чек…
Last reply by mstdmstd, -
- 0 replies
- 1k views
Сайт caddysmellsliketrees.ru, исходники. "Макеты": альбомный, портретный Прошу оценить дизайн и код. На данный момент есть проблемы с отображением на айфонах и в андроидном вебвью, но куда копать, чтобы их решить, я не знаю.
Last reply by arch0, -
- 0 replies
- 980 views
Всем привет! Сверстал еще один макет : верстка , макет . Хотел бы услышать мнения относительно того ,что можно подправить, доработать или добавить. Активны табы, слайдер отзывов, видео. Верстал для современных браузеров ie11+. Заранее спасибо за ответы!
Last reply by Alexandr37, -
- 7 replies
- 1.6k views
Добрый день. Просьба посмотреть на верстку и дать оценку/совет/критику по ней. Подскажите, пожалуйста, что в моей верстке плохо, что хорошо а за что вообще по рукам давать надо. Заранее спасибо! Всем хорошего дня Макет тут Верстка тут
Last reply by slipdem, -
- 12 replies
- 2k views
Всем доброго времени суток, пожалуйста посмотрите на код(небольшой кусочек работы) и оцените, хотелось бы услышать что правильно что нет, что можно было бы по другому, как можно детальней и дотошнней, семантика пространство имен и прочее прочее, в общем чем больше критики(желательно конструктивной и обоснованной) тем лучше, я специально выкладываю маленький кусок что бы, было не напряжно его изучить! http://codepen.io/Kamzed/pen/rrqJJz Заранее благодарю всех добрых людей которые согласятся помочь.
Last reply by andrey7287, -
- 1 reply
- 1.3k views
Жду Вашей критики, глаз замылился. Какое первое впечатление, какие первые ассоциации о чём сайт. Чем понравился, чем нет? Цепляет/нет? Буду рад любым замечаниям и ваши мыслям. хочукрутойсайт.рф
Last reply by Veseloff, -
- 1 reply
- 1.4k views
Буду благодарен за конструктивную критику, предложения и пожелания) Сайт: iswash.ru
Last reply by Анна, -
- 3 replies
- 1.2k views
Всем привет!Просьба оценить верстку/указать на ошибки в верстке.Верстал для IE11+. Верстка Макет Исходный код на гитхаб https://github.com/sanchos86/golden-one-psd-template P .S. Как вы считаете,не стыдно ли будет положить такую верстку в портфолио?
Last reply by DmitryPavlov, -
- 1 follower
- 3 replies
- 1.7k views
Здравствуйте ! Оцените, пожалуйста, мою первую верстку на bootsrap. Жду Вашей критики ) http://web-verstka.zzz.com.ua/startup/
Last reply by Анна, -
- 6 replies
- 2.1k views
Вёрстка под все современные браузеры. Адаптивная вёрстка под устройства: desktop, mobile, tablet. Страница с поддержкой тач и клик. Без поддержки клавиатуры. Соблюдение логики работы страницы: при нажатии на цифры заполняется поле с номером телефона; стрелка “Назад” удаляет последнюю введённую цифру; форма не позволяет вводить более 10 цифр; пока номер телефона не введён полностью зелёная кнопка с галкой неактивна; при вводе всех 10 цифр зелёная кнопка с галкой становится кликабельной; остальные элементы интерфейса, присутствующие на макете, должны присутствовать и на странице, но без интерактива. Отсутствие ограничений на и…
Last reply by fiver, -
- 2 replies
- 1.2k views
Всем добрый день! Оцените, пожалуйста, верстку стартовой страницы сайта по макету. Макет Страничка Хотелось бы услышать критику касательно организации кода, адаптивности, ну и вообще какие ошибки бросаются в глаза. Заранее спасибо!
Last reply by MadBanshee, -
Давно не занимался версткой ,поэтому решил сделать для начала легкий макет . Указывайте на ошибки и пишите свои версии ,как можно было бы сделать лучше . Старался использовать все новые теги по установленным правилам.Спасибо. Работа : http://edphysics.esy.es/blogin/
Last reply by FiretrUCK, -
- 0 replies
- 1.5k views
Приветствую. Сайт — http://goldentemplate.16mb.com/ Макет — https://yadi.sk/i/lSit055YuTPCY Предисловие. Валидацию CSS прошел. А вот с HTML ошибки. Figure не может быть родительским элементом для div. В этой верстке, вместо height был использован flex-basis. (Я так и не понял, где его можно использовать. По крайней мере в этом макете.) Прошу помочь. Указать на ошибки, которые сразу бросаются вам в глаза. Сказать Ваше субъективное мнение, по поводу верстки. Для меня это очень важно. Подскажите то, что считаете нужным для начинающего. Так как даже не знаю, какие вопросы задавать по поводу верстки. (P. S. Либо нужно брать по…
Last reply by DmitryPavlov, -
- 1 reply
- 2.8k views
Буду благодарен, если кто нибудь сможет мне помощь советом. Установил на сайт Flowplayer, но при на нажатии "на весь экран", "fullscreen" видео не растягивается на всю ширину экрана, справа остается черная полоса. Может сможете посоветовать пути решения этой проблемы? Для отображения видео использую код: [xfgiven_video] <div class="tabs-content active"> <div class="fluid-embed"> <div class="flowplayer" data-swf="flowplayer.swf"> <video> <source type="video/mp4" src="http://english-films.com/video/[xfvalue_video]"> <object typ…
Last reply by Ashgor, -
- 2 replies
- 1.2k views
Жду Вашей критики, ибо только с Вашей помощью я могу объективно посмотреть на свою работу и не допускать ошибок...а они скорее всего есть адрес сайта: http://gepard-security.com.ua/ru.html
Last reply by Barnin,
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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/
-