Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2,327 topics in this forum
-
- 1 reply
- 1.4k views
Здравствуйте. Прошу посмотреть мой первый сверстанный шаблон. Сразу говорю там нет Меню, Слайдера и круги не заполнены. Меня, по большому счету, интересует правильность кода. Мне кажется я слишком много делаю обрамляющих div'ов. Так ли это? Ну и в целом не помешает критика по всем остальным критериям. Макет: http://bruimafia.ru/temp_1/template.png Сайт: http://bruimafia.ru/temp_1/
Last reply by xzarxzes, -
- 14 replies
- 1.4k views
Всем доброго времени суток! Буду благодарен за оценку сверстанной странички. Кроссбраузерность: Современные браузеры(+ Opera 12) и IE9+
Last reply by npofopr, -
- 6 replies
- 1.2k views
Здравствуйте! Меня зовут Алексей, я начинающий верстальщик. Это мой первый полностью сверстанный макет, и поэтому я хочу услышать по нему максимум критики и помощи. Первое, что не сходится с шаблоном, это кнопка. У нее еще должен быть 1px серый borderпо всему контуру, но я так и не смог сделать его, во всем остальном кнопка по максимуму сходится с шаблоном (в моей реальности ). В основном пытался сделать код читабельным, более менее правильным и красивым. В общем, самое главное это услышать от вас, правильный ли подход к оформлению элементов на странице у меня или нет, и почему. Выкладываю ссылку на макет и на сайт. Макет: http: //www.pictureshack.ru/images/42038_Goodware…
Last reply by aleksey.mrlss, -
- 5 replies
- 922 views
добрый день оцените пожалуйста мою первую Адаптивную верстку. /begi/
Last reply by stan07, -
- 10 replies
- 1.1k views
Частенько я тут версту ругаю, теперь хочу чтобы вы поругали мою Шаблон fabrique. Адаптивность не делал. Бутстрап не применял, моя сетка ни чуть не хуже Цепляйтесь к любой мелочи. Также обещаю klierik'у не комментировать пробельные символы в разметке, как только найду лучший способ избавиться от пробелов между инлайн элементами. Пока так. http://pangur.bget.ru/fabrique/
Last reply by pangurban, -
- 8 replies
- 930 views
Всем привет друзья! Попробовал в первые сделать адаптивную верстку с помощью медиа запросов. Вообще читал, смотрел что адаптивная и отзывчивая верстка НЕ одно и то же. Поэтому скорее я сделал отзывчивую верстку)))))) Вот такой вопрос у меня: В 4 блоке latest Blog posts, первый и четвертый новостной блог по шаблону выходят за ширину контента(940px); при сжатии я задал им display:none; Так чтоб при меньшей ширине было два блока, а далее один??????????????????????????????????????????????? Возможна ли такая реализация этого момента, возможно ли далее тем кто будет осуществлять с помощью JS или PHP реализацию горизонтального скроллинга, сделать так чтоб все эти блоки отражал…
Last reply by Sergik+, -
- 4 replies
- 1.1k views
Адаптивная верстка на Bootstrap. Нужна конструктивная критика. Что удобно / не удобно, дизайн в целом, верстка, адаптивность. И еще вопрос по поводу строки поиска сверху: убрать и добавить ссылку на страницу поиска или оставить? Кажется так или правда глаза режет это поле? Сайт: http://monument34.ru
Last reply by npofopr, -
- 15 replies
- 1.6k views
Здравствуйте, вот сверстал. В хроме и IE все хорошо, а в мозилле псевдоклассы выпадают. http://oddlook.esy.es/nerds/
Last reply by Sergik+, -
- 7 replies
- 1.6k views
Всем привет. Сделал макет, прошу оценить и дать объективную оценку. https://www.dropbox.com/s/o877hcuhtxinqkb/LandingPage.png?dl=0
Last reply by swandev, -
- 7 replies
- 1.2k views
http://testering.besaba.com/fibrum/ оцените также адаптив, правда еще меню не адаптировал, еге не в счет.
Last reply by Николя223, -
- 0 replies
- 549 views
Всем доброго времени суток! Буду благодарен за оценку верски и конструктивную критику. Верстка Кроссбраузерность: Современные браузеры и IE9+ P/S. На движках webkit при выделении текста, выделяется текст и пространство по сторонам, аж до краев. Что не так с webkit?
Last reply by Arthur, -
- 3 replies
- 806 views
Оцените верстку http://texteredsa.besaba.com/sitekey/ она еще не о конца доработана, но все же.
Last reply by raptor-dm, -
- 0 replies
- 919 views
Прошу оценить верстку многостраничного сайта. Опыт в верстке корпоративных сайтов небольшой, поэтому прошу жесткую критику. Спасибо за внимание! Ссылка: http://testmaket.tk/test/glacertravel/
Last reply by Pavel-alpinweb, -
- 2 replies
- 961 views
Прошу оценить адаптивную верстку Landing Page. Особое внимание прошу обратить на семантику кода. Старался верстать по концепции "progressive enhancement" + "First mobile". Спасибо за внимание! Ссылка: http://testmaket.tk.
Last reply by Pavel-alpinweb, -
- 18 replies
- 1.7k views
Привет всем! Лендинг. Гуглил, читал, особо много инфы о верстке лендинга я не нашел. 1.Со стороны семантики сверстано допустимо? 2.Старался блокам не давать фиксированную высоту??? Например где конкретный фон фотография высотой 600px, надо задавать высоту? Не совсем я понимаю по высоте? Буду рад подсказке). 3.В шаблоне есть фото? Как определить относятся они к контенту или можно сделать из bg? Сделал два варианта, закомментировал, гляньте? 4.Так можно делать спрайты? Пойду 6 на курсы интенсива в HTML academy, вот, дают такие шаблоны верстать, отвратительно нарисованные в фотошопе, по моему. Как всегда всем критикам огромное благодарю. Лендинг первый раз верстал. http:/…
Last reply by Sabay, -
- 7 replies
- 2k views
Прошу оценить мой вариант небезызвестного макета Bislite http://bislite.esy.es/. Присутствуют страницы Portfolio и Contact us. Я пытался все сделать адаптивно - ресайзинг окна браузера приветствуется. Что еще:
Last reply by swandev, -
- 3 replies
- 1.1k views
Здравствуйте! У меня есть статических сайт по адресу: http://yarkaic.github.io/index.html. Может кто-нибудь сможет оценить мою вёрстку с точки зрения семантики, адаптивности и вообще удобочитаемости кода. Также был бы благодарен, если бы кто-нибудь объяснил бы почему сайт ломается на мобильных устройствах. Спасибо за внимание.
Last reply by robo1500, -
- 11 replies
- 1.2k views
Отправил в фирму резюме, дали тестовое задание. Посмотрите на наличие любых придирок. Там, где иконки браузеров нужно было сделать так, что бы при отсутствии изображений открывался центрированный (кроме ie) текст. http://pangur.bget.ru/task/
Last reply by pangurban, -
- 9 replies
- 936 views
Оцените http://allnet.16mb.com/nav/ Макет http://i66.fastpic.ru/big/2014/1014/6d/8610daafa7058242dd8367ca5671e66d.jpg У меня ещё 1 важный вопрос: я скрыл элемент с классом .submenu, прописав ему свойство display;block (48 строка )и почему, когда навожу на options, то этот скрытый блок не появляется? .submenu{ border:3px solid; border-radius:10px; width: 260px; margin: 8px 0 0 230px; background: rgba(0,0,0,0.6); margin-top: -5px; position: relative; display: none; } p:hover .submenu{ display: block; }
Last reply by DivMan, -
- 9 replies
- 1.2k views
Привет всем! Буду очень благодарен за критику. Вопросы по <span> которые вложены в дивы, так возможно? если нет то во что лучше оборачивать <span> просто в диве? Ну по <section> гляньте ? там где стоит уместен? Pangurban за дело!! Шаблон выбирал попроще чтоб ты оценил))) http://sportclabchel.ru/design/design.html
Last reply by Sabay, -
- 3 replies
- 752 views
Доброго времени суток! Оцените пожалуйста верстку http://itdelo.pw/...../index.html Макет ВОТ Буду признателен =)
Last reply by s.h.a.n.s., -
- 21 replies
- 1.6k views
Здравствуйте камрады. Ситуация следующая. Верстаю около полугода и за все время не догадался выставить свои работы на обозрение, получить обратную связь. Поэтому представления о сложности и качестве верстки полностью субъективные. Если вы не против, то буду иногда выкладывать свои работы в этой теме. Хочу получить максимум критики и если верстка, действительно плохая мне нужно это знать. http://pangur.bget.ru/rt-3/ Что скажете на счет этого? http://pangur.bget.ru/shop/
Last reply by pangurban, -
- 10 replies
- 1.2k views
Добрый день. Не так давно начал изучал web-технологии, начать решил с связки html\css. Просьба дать критику и указать на ошибки верстки данной работы. Работа: http://project01.pe.hu/ Периодически буду выкладывать сюда то, что делаю в качестве обучения. Темплейты беру с различных сайтов, которые понравились и пытаюсь это воспроизвести. Заранее благодарен.
Last reply by Sergik+, -
- 2 replies
- 882 views
Здравствуйте. Очень хочу услышать критику моего кода, а также нужна помощь с header’ом. Начну по порядку. Первый раз работаю с таким количеством скриптов, у меня здесь много слайдеров, sticky header. Ну и мой дебют – popup окошко. И вот именно с header’ом у меня возникли трудности , ну никак не могу понять его поведение. Я устала с ним бороться в одиночку и прошу помощи у вас. Мне нужно, чтобы при клике на один из пунктов меню header плавно опускался к якорю, при этом присваивается класс актив. У меня же творится какое-то безобразие, при первом клике header почему-то опускается ниже якоря и не срабатывает класс актив. При повторном клике всё начинает работать так, к…
Last reply by Crystal-3, -
- 27 replies
- 2.2k views
Макет http://i68.fastpic.ru/big/2014/1010/68/1c27718eeacf8d810134663fec089368.jpg Вёрстка http://allnet.16mb.com/remont/ Первый раз сверстал, нашёл кучу косяков и потом переверстал и получился в коде небольшой бардак с нелогичными названиями классов. За основу взял boilerplate. Так как в этой сборке уже прописан clearfix, я элементам решил не задавать его с помощью :after, а просто прописывал класс clearfix. Мой css код начинается с 100 строчки. в файле main.css У меня есть 1 вопрос: почему, когда сжимаешь ширину сайта, то фон шапки обрезается? Сколько можно взять денег за такую вёрстку?
Last reply by npofopr,
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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/
-