Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2,327 topics in this forum
-
- 8 replies
- 940 views
Всем привет друзья! Попробовал в первые сделать адаптивную верстку с помощью медиа запросов. Вообще читал, смотрел что адаптивная и отзывчивая верстка НЕ одно и то же. Поэтому скорее я сделал отзывчивую верстку)))))) Вот такой вопрос у меня: В 4 блоке latest Blog posts, первый и четвертый новостной блог по шаблону выходят за ширину контента(940px); при сжатии я задал им display:none; Так чтоб при меньшей ширине было два блока, а далее один??????????????????????????????????????????????? Возможна ли такая реализация этого момента, возможно ли далее тем кто будет осуществлять с помощью JS или PHP реализацию горизонтального скроллинга, сделать так чтоб все эти блоки отражал…
Last reply by Sergik+, -
- 23 replies
- 3.4k views
Доброго времени суток, частично выполнил задание предложенное на форуме. Сам сайт. Исходник тут. Там же чуть больше деталей об этом проекте, не буду повторяться. Сразу отмечу, что не придерживался ТЗ доскональна, так как это учебная верстка, а ТЗ ставило рамки и задачи не подходящие под мои цели. Специально и сразу не соблюдалась поддержка IE8, так как AngularJS давно прекратил его поддержку(все замечательно работает под IE9), так же мне не очень понравилось качество макета, поэтому раз деньги мне все равно не заплатят, я решил не грузится подгонкой пикселей . Было сделано 3 представления сайта, заместо 4, так как этого вполне достаточно, возможно я и не прав, но сп…
Last reply by andrey7287, -
- 4 replies
- 1.1k views
Адаптивная верстка на Bootstrap. Нужна конструктивная критика. Что удобно / не удобно, дизайн в целом, верстка, адаптивность. И еще вопрос по поводу строки поиска сверху: убрать и добавить ссылку на страницу поиска или оставить? Кажется так или правда глаза режет это поле? Сайт: http://monument34.ru
Last reply by npofopr, -
- 7 replies
- 1.6k views
Всем привет. Сделал макет, прошу оценить и дать объективную оценку. https://www.dropbox.com/s/o877hcuhtxinqkb/LandingPage.png?dl=0
Last reply by swandev, -
- 0 replies
- 552 views
Всем доброго времени суток! Буду благодарен за оценку верски и конструктивную критику. Верстка Кроссбраузерность: Современные браузеры и IE9+ P/S. На движках webkit при выделении текста, выделяется текст и пространство по сторонам, аж до краев. Что не так с webkit?
Last reply by Arthur, -
- 7 replies
- 1.2k views
http://testering.besaba.com/fibrum/ оцените также адаптив, правда еще меню не адаптировал, еге не в счет.
Last reply by Николя223, -
- 15 replies
- 1.6k views
Здравствуйте, вот сверстал. В хроме и IE все хорошо, а в мозилле псевдоклассы выпадают. http://oddlook.esy.es/nerds/
Last reply by Sergik+, -
- 0 replies
- 924 views
Прошу оценить верстку многостраничного сайта. Опыт в верстке корпоративных сайтов небольшой, поэтому прошу жесткую критику. Спасибо за внимание! Ссылка: http://testmaket.tk/test/glacertravel/
Last reply by Pavel-alpinweb, -
- 3 replies
- 817 views
Оцените верстку http://texteredsa.besaba.com/sitekey/ она еще не о конца доработана, но все же.
Last reply by raptor-dm, -
- 2 replies
- 966 views
Прошу оценить адаптивную верстку Landing Page. Особое внимание прошу обратить на семантику кода. Старался верстать по концепции "progressive enhancement" + "First mobile". Спасибо за внимание! Ссылка: http://testmaket.tk.
Last reply by Pavel-alpinweb, -
- 18 replies
- 1.8k views
Привет всем! Лендинг. Гуглил, читал, особо много инфы о верстке лендинга я не нашел. 1.Со стороны семантики сверстано допустимо? 2.Старался блокам не давать фиксированную высоту??? Например где конкретный фон фотография высотой 600px, надо задавать высоту? Не совсем я понимаю по высоте? Буду рад подсказке). 3.В шаблоне есть фото? Как определить относятся они к контенту или можно сделать из bg? Сделал два варианта, закомментировал, гляньте? 4.Так можно делать спрайты? Пойду 6 на курсы интенсива в HTML academy, вот, дают такие шаблоны верстать, отвратительно нарисованные в фотошопе, по моему. Как всегда всем критикам огромное благодарю. Лендинг первый раз верстал. http:/…
Last reply by Sabay, -
- 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
- 1.2k views
Привет всем! Буду очень благодарен за критику. Вопросы по <span> которые вложены в дивы, так возможно? если нет то во что лучше оборачивать <span> просто в диве? Ну по <section> гляньте ? там где стоит уместен? Pangurban за дело!! Шаблон выбирал попроще чтоб ты оценил))) http://sportclabchel.ru/design/design.html
Last reply by Sabay, -
- 9 replies
- 946 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, -
- 3 replies
- 755 views
Доброго времени суток! Оцените пожалуйста верстку http://itdelo.pw/...../index.html Макет ВОТ Буду признателен =)
Last reply by s.h.a.n.s., -
- 10 replies
- 1.3k views
Добрый день. Не так давно начал изучал web-технологии, начать решил с связки html\css. Просьба дать критику и указать на ошибки верстки данной работы. Работа: http://project01.pe.hu/ Периодически буду выкладывать сюда то, что делаю в качестве обучения. Темплейты беру с различных сайтов, которые понравились и пытаюсь это воспроизвести. Заранее благодарен.
Last reply by Sergik+, -
- 7 replies
- 2.1k views
Прошу оценить мой вариант небезызвестного макета Bislite http://bislite.esy.es/. Присутствуют страницы Portfolio и Contact us. Я пытался все сделать адаптивно - ресайзинг окна браузера приветствуется. Что еще:
Last reply by swandev, -
- 8 replies
- 891 views
Привет всем! Покритикуйте верстку, http://sportclabchel.ru что где не так, или что где было бы лучше, конкретного вопроса именно по этому шаблону задать не могу, все было понятно (насколько я могу понять!), по этому ценна любая критика! От 9 эксплорера должно отображаться корректно. Всем заранее спасибо
Last reply by Sabay, -
- 6 replies
- 1.5k views
http://ksportfolio.esy.es/PILKINGTON/interior/ Сабж, оцените в верстку. Скажите в чем ошибки
Last reply by Laroxx12, -
- 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, -
- 10 replies
- 1.5k views
Оцените пожалуйста качество верстки ширина 1200px так задумано http://travel-territory.com/verstka/
Last reply by CyMpaK56, -
- 21 replies
- 1.6k views
Здравствуйте камрады. Ситуация следующая. Верстаю около полугода и за все время не догадался выставить свои работы на обозрение, получить обратную связь. Поэтому представления о сложности и качестве верстки полностью субъективные. Если вы не против, то буду иногда выкладывать свои работы в этой теме. Хочу получить максимум критики и если верстка, действительно плохая мне нужно это знать. http://pangur.bget.ru/rt-3/ Что скажете на счет этого? http://pangur.bget.ru/shop/
Last reply by pangurban, -
- 4 replies
- 955 views
Здравствуйте, учусь верстать, подскажите ошибки верстки: http://kirilllk-ru.1gb.ru/site4/index.html
Last reply by Crystal-3, -
- 1 reply
- 844 views
Доброго времени суток. Оцените пожалуйста верстку http://dev.wc.lt/ Макет http://dev.wc.lt/creativestudio-minimal.jpg
Last reply by Crystal-3,
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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/
-