Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2,327 topics in this forum
-
- 14 replies
- 1.3k views
Здравствуйте, уважаемые коллеги! Прошу Вас оценить одну из моих недавних работ. Не скажу, что я уж вообще зеленый новичок, но когда недавно устраивался на работу, собеседование прошел, а вот испытательный срок нет (не уверен, что так вышло именно из-за плохой верстки, скорей из-за, не умения интегрировать верстку в новый для себя движок, но все же). Хочу узнать ваше мнение по поводу верстки, хоть макет не сильно сложный (в будущем буду выкладывать более сложные работы), но думаю какие-то основные ошибки заметить можно. Хочется услышать от вас какие-то советы и рекомендации, ну и естественно обоснование, почему нужно так, а не иначе. ссылка на psd (страница где я с…
Last reply by Temik2704, -
- 0 replies
- 1.3k views
https://uzinouzi.github.io/skinplus/index.html Прошу оценить верстку, указать на проблемные места. Буду рад адекватной критике. Так же прошу оценить юзабилити сайта, т.к. это бета-версия будущего проекта. При верстке использовалась сетка от Bootstrap(1-ый опыт такой верстки), препроцессор Less. Так же буду рад возможным предложениям по улучшению, исправлению чего либо. Заранее спасибо.
Last reply by uzi_no_uzi, -
- 6 replies
- 1.3k views
Всем по привету! Пишите обо всем что вызывает у вас желание переделать. Касаясь всего дизайна, верстки, кода, юзабилити, общее впечатление всё, всё воспринимаю! Желательно обоснованная критика, не так: "Мол, вот картинку нужно немного левее подвинуть, глазу не очень смотрится!!11!" Можете даже не смотреть JS код, т.к я его начал изучать для разработки этого сайта. Код уж совсем самодельный В особенности Главную страницу и портфолио. Ссылка - www.salkstudio.ru/dem.
Last reply by Salk, -
- 8 replies
- 1.3k views
Добрый день. Оцените пожалуйста мою вторую верстку ( опыта у меня нету, по этому думаю что замечаний будет много )) Собственно вот: _01020304.o0.pm _01020304.o0.pm/about.html
Last reply by swandev, -
- 10 replies
- 1.3k views
Увидел макет, скачал, заценил уровень криворукости и полнейшей пофиговости того кто его рисовал, и решил провести пару дней садо-мазо над собой. Какой плюс может дать верстка ужасного и кривого макета? Как мне кажется - опыт работы с криворукими дизами и закалка мозга от неожиданного батхерта. Если все время верстать хорошие макеты, где каждый слой лежит в своей папочке, и каждая такая папочка еще и раскрашена, где все сделано по сеточке пиксель в пиксель, где нету одинаковых абзацев текста, у которых разные отступы интерлиньяжы и тому подобное, где 2 подряд идущих абзаца не имеют разных отступов со любых сторон, где почти все значения целые или хотя бы четные, а не что…
Last reply by advokatua, -
- 3 replies
- 1.3k views
Первая в жизни вёрстка http://test131313.zzz.com.ua/ Прошу оценить, раскритиковать и объяснить что не так, спасибо.
Last reply by mikoart, -
- 0 replies
- 1.3k views
привет. сверстала подпись , и все хорошо, но она разваливается в outlook .. то есть если беру картинку 500 пикселей и стилями ограничиваю ширину до 100 пикселей, то в outlook она все равно остается 500 пикселей и все ломается. может быть кто то сталкивался и может посоветовать решение?
Last reply by Sashapsi, -
- 7 replies
- 1.3k views
Доброго дня. Это мой первый опыт более менее серьезной верстки, так что не откажусь от конструктивной критики. Вот: http://seiffear.ru/practicum/webreference.ru/index.html Новый вариант: http://seiffear.ru/practicum/new/index.html Всё, кроме меню делал сам. Код меню переделал из этого: http://ruseller.com/lessons.php?rub=2&id=1088 Валидацию прошел и html и css.
Last reply by Ge1i0N, -
- 1 reply
- 1.3k views
Почему при адаптиве налазят блоки друг на друга?
Last reply by klierik, -
- 2 replies
- 1.3k views
Пожалуйста ваши мнение
Last reply by Dimitry Wolotko, -
- 6 replies
- 1.3k views
Сайт: Сссылка на сайт Прошу оценить html/css Шаблон ElegantThemes используется исключительно в учебных целях. Проблемы: 1. Не придумал как корректно реализовать линии(на рис. выделено синим цветом) 2. Декоративные шрифты работают только в последних версиях браузера, хотя должны во всех. Шрифт конвертировал здесь fontsquirrel.com 3. Может кто-то предложит более оптимальное решение для стилизации выпадающего списка?
Last reply by amelice, -
- 13 replies
- 1.3k views
Всем привет, после изучения хтмл и цсс, сверстал первую страницу, правда из старого макета. Прошу оценить вёрстку по ссылке http://alexforce2.6te.net/. Заранее спасибо.
Last reply by Nanto, -
- 4 replies
- 1.3k views
Прошу оценить верстку и высказать критику и замечания http://web-portfolio1.narod.ru/food/index.html
Last reply by sarhov, -
- 5 replies
- 1.3k views
http://web.zone.ee/layout/index.html
Last reply by hristofor, -
- 14 replies
- 1.3k views
Вечером закончил сайт на этапе, на котором уже можно показать его общественности. Жду вашей критике, по верстке, функционалу и общему виду. А так же мнения, на сколько перспективна идея сайта. http://mydaytoday.ru
Last reply by Tchorteg, -
- 6 replies
- 1.3k views
Добрый день. Никогда особо с версткой не сталкивался но тут попросили сделать сайт http://siruk-design.ru вот что в черновом варианте получается. Подскажите правильный ли вектор направления, есть косяки которые пока не понимаю как решить возможно из-за того что неправильный подход. В общем жду конструктивной критики и полезных советов. Заранее спасибо )
Last reply by Photolife, -
- 2 replies
- 1.3k views
Прошу оценить верстку по всем критериям Ссылка на сайт: http://bruimafia.ru/temp_4/ Ссылка на шаблон: http://bruimafia.ru/temp_4/sh.png P.S. Слайдер не сделан
Last reply by tr0nik, -
- 3 replies
- 1.3k views
Добрый день, я начинающий верстальщик и пытаюсь трудоустроится, было задание от одной фирмы (файл прекрепила): 1. Верстка страницы (прикрепленный файл). - Верстка страницы PSD 2 HTML - 12 columns grid - Responsive, адаптивная для мобильных устройств - Нужна верстка pixel perfect - Шрифт google fonts В итоге я сделала, и не написали что там ооооочень много ошибок, помогите понять где, Вот результат https://annaumi.github.io/test-task-from-fruitful-code.github.com/ Профи помогите!
Last reply by npofopr, -
- 3 replies
- 1.3k views
Как бы не было заезжено название темы, действительно первая попытка верстки: http://wmsymbian.ru/ Шаблон: http://img.by/i/2bred.jpg Подгонял под одну из последних версий ff Прошу оценить код в плане наличия грубых ошибок и принципиальных отличий от общепринятых понятий верстки Спасибо.
Last reply by uteelers5, -
- 1 reply
- 1.3k views
У меня экран width: 1920. И контент влазит отлично. Но как только я запускаю окно разаботчика и выставляю размер экрана 1920 получаеться вот такая ситуация и еще скрол: НО КОГДА Я ЗАКРЫВАЮ ОКНО РАЗРАБОТЧИКА СКРОЛА НЕТ И ВСЕ ВЛАЗИТ ПО РАЗМЕРАМ
Last reply by npofopr, -
- 9 replies
- 1.3k views
Добрый день всем, интересны ваши советы/критика по всем аспектам моего творения =) http://www.wecode.ru/index2.html Дизайн брал из шаблона, значительно его поменяв.
Last reply by yacor, -
- 2 replies
- 1.3k views
Написал по отдельности заготовки для всплывающего меню, а собрать вместе не получается. Checkbox-button-image "плавает, а sidebar не желает.
Last reply by ovak, -
- 8 replies
- 1.3k views
Что добавить, что изменить, что убрать. *** Благодарим.
Last reply by spdif, -
- 19 replies
- 1.3k views
Добрый день! http://weburoki.com.ua/portfolio/bani/
Last reply by Daiver, -
- 0 replies
- 1.3k views
Решил попрактиковаться в адаптивности. Что бы не верстать с нуля взял свёрстанный мною раньше интернетовский шаблон, слегка его модифицировал и сделал адаптивным. Оцените что получилось. http://chromov-adapt.zzz.com.ua/
Last reply by chrom,
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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/
-