Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2,327 topics in this forum
-
- 25 replies
- 2.7k views
Доброго времени суток, уважаемые жители форума! Для совершенствования навыков в стремлении к развитию и познанию выкладываю очередную верстку на обсуждение. Страница номер раз, два, три, четыре. Буду рада любым замечаниям. Особо хотелось бы услышать мнения по html-разметке, грамотности использования тегов и селекторов, указания на грубые и стандартные для новичков в верстке ошибки. Возможно, какие-то ошибки повторяются из проекта в проект, упоминания о них для меня все также крайне важно и актуально. Жесткая (вплоть до беспощадной) конструктивная критика приветствуется Спасибо за внимание к этой теме! P.S. Предыдущие темы: первая, вторая.
Last reply by hedgehog, -
- 25 replies
- 3.1k views
Друзья, один добрый человек нарисовал дизайн для css-live.ru. Настало время обсудить дизайн по полной, покритиковать и т.д. Приветствуется любая критика и советы. p.s. ещё не хватает иконок (которые по идее должны быть потом у пунктов меню) и лого хотелось бы нормальный.
Last reply by eis, -
- 25 replies
- 2.6k views
Народ, дико ссори за вторую тему подряд. Но мне показалось, что нижепредложенные обложки явно лучше предыдущих (возможно какие-то из них реально уже можно и допилить), да и потом, нельзя в одну тему вставлять больше 10-и картинок. p.s. Добавил ещё вариант) Вариант 1 Вариант 2 Вариант 3 Вариант 4 Вариант 5 Вариант 6
Last reply by code_monster, -
- 25 replies
- 2.7k views
Добрый день! Был бы рада оценкам верстки макета. Это мой всего лишь четвертый макет и самый крупный из всех, что я делала. Уверена, что, с огромной долей вероятности, накосячила где-нибудь, так что буду очень благодарна, если мне укажут на ошибки, недочеты и неконструктивности. Ссылка на сверстанный шаблон - http://paradoxsite.c...autysa/bsa.html, дизайн не мой, дизайн заказчика, так что его прошу не критиковать. Иконки соцсетей в постах блога макета и твиттер-посты в сайдбаре вставлены картинками по просьбе заказчика. И еще вопрос: как считаете, сколько часов у хорошего верстальщика должно уходить на подобную работу, с учетом pixel-perfect и кроссбраузерности сайта (ie7+…
Last reply by npofopr, -
- 25 replies
- 2.2k views
Добрый день! Оцените резиновую верстку, укажите на ошибка, пожалуйста http://weburoki.com.ua/-mebel
Last reply by gregsv, -
- 25 replies
- 2.3k views
Здравствуйте прошу оцените качество верстки (сайт сверстан на html/css так как пока только его учю). Вот адрес http://just-example.url.ph/ вот ссылка где нашол шаблон http://www.os-templates.com/free-psd-templates/education-department такая еще просьба пожалуйста если найдете моменты в коде неправильно сверстаные и которые можно было бы сверстать лучше напишите пожалуйста.
Last reply by Вадим Некрасов, -
Оцените верстку 1 2
by Sergik+- 25 replies
- 2k views
Друзья у меня творческие муки, сверстал шаблон и уже неделю сижу и не могу понять что не так http://sergik1.esy.es/ Некоторые мелочи не доделал пока, хотел сделать иконки шрифтом но не все нашел, не нравится что шрифт по макету слишком тусклый. Скажу вам одно этот макет сильно раскрывает глаза на верстку, второй раз сверстаю гораздо лучше, многие вещи во время верстки таких макетов начинаешь понимать.
Last reply by Sergik+, -
Сайт пиццерии 1 2
by Rudiarius- 25 replies
- 3.4k views
Недавно закончил сайт сети пиццерий СанРемо http://sanremo-pizza.com/ дизайн, вёрстка, программирование всё моё. CMS - OpenCart По программированию, частично, обращался за помощью... Заказы принимаются полностью по смс уведомлению.
Last reply by sigma77, -
- 25 replies
- 3k views
Сайт http://xn--80aal0a.xn--80asehdb/ Делаю сайт посвященный автомобилям Лада. Содержит новости, отзывы, обзоры, статьи про ремонт, тюнинг и доработки. Стараюсь создать максимально полезный и информативный сайт. Оцените дизайн, скорость загрузки, навигацию по сайту. Что нравится, что нет. Что следует изменить или добавить?
Last reply by NlCK, -
- 24 replies
- 6.1k views
Собственно прошу небольшого вскрытия. И оценки, какой из вариантов больше похож на сайт салона красоты и просто поинтересней! Этот: http://www.salon11.ru/index.php или этот: www.xvoct.com/index.jpg Прошу высказываться обо всем что понравило или не понравилось! Просьба не тыкать в то что картинки не зачищены и не доведены до ума. Времени небыло, да и особого желания тоже. Делалось от того что нехотелось нефига делать. И для того чтобы избавиться от мыслей поповоду этого ресурса.
Last reply by Fu-tai, -
- 24 replies
- 6.6k views
Сайт сделан недавно, уже работает, но стараемся сделать лучше. Взгляните, пожалуйста со стороны. Будем рады услышать любой отзыв. Итак:http://www.stalgarant.ru/
Last reply by djredshake, -
- 24 replies
- 5.4k views
www.domgimnaziya5.ru - это мой первый в жизни сайт. Вс? здесь Я делал руками и с нуля. Конечно это не оправдание и с Вашей помощью Я хочу сделать сайт правильным и да и просто почерпнуть опыт критиков. Как Я и сказал сайт сырой. Я бы не выкладывал его. Но, признаюсь, просто хотел бы исправить некоторые баги в сайте. И так. Перво на перво, как возможно, Вы увидели сайт не загружает страницу сразу, а ТОЛЬКО после е? обновления. Почему?!!
Last reply by yopopt, -
- 24 replies
- 5.2k views
http://for-test3.narod.ru/ Прошу оценить в первую очередь код. Но замечания по общему дизайну так же весьма важны. Ссылки на странице никуда не ведут. Это всего лишь тестовая index.htm. Прошу знающих людей помочь в некоторых вопросах.
Last reply by minelli, -
- 24 replies
- 4.2k views
Вот набросок диза для моего игрового портала, прошу оценить и сказать, что лишнее и чего не хватает. Заранее спасибо
Last reply by rus, -
- 24 replies
- 4.5k views
В соседней теме обсуждается сайт класса, вот и я вспомнил что год назад делал школьный сайт... решил выложить.
Last reply by Fu-tai, -
- 24 replies
- 3.4k views
Оцените сайт: http://bestcarsgallery.narod.ru Задумывал просто и со вкусом.
Last reply by jackus, -
- 24 replies
- 5.8k views
Сверстал макет Раира из раздела "Макеты для верстки". Это моя первая законченная работа и думаю ошибок будет немерено. Оцените, пожалуйста, верстку макета. Какие ошибки в коде? Как его можно улучшить? Любая Ваша критика по данной работе для меня, как новичка, очень важна. HTML http://verstka.h18.ru/raira/ CSS http://verstka.h18.ru/raira/style.css
Last reply by Cabalist, -
- 24 replies
- 5.3k views
http://asp-html.studenthost.ru/kalk/css-zen.html воот… Дизайнер из меня никакой…)
Last reply by hf3, -
- 24 replies
- 4.6k views
Здравствуйте, вы не могли бы сказать свое мнение о верстке спортивного сайта Делал так, чтобы классы были более понятны. Вот если посмотреть на код, можно чего-нибудь понять?
Last reply by panig, -
Занимаюсь версткой примерно месяц ,неждите от меня безупречной работы Сайт на Ucoz ,прошу оценить верстку полностю (хтмл и ксс) и натяжку под uCoz. Ссылка на сайт : w3org Спасибо всем за ответ в даном топике
Last reply by LunatiK, -
- 24 replies
- 2.2k views
Вот такой ещё вариант. Традиция использования в вёрстке Раиры абсолютного позиционирования соблюдена (хотя и в нетрадиционном месте). Поддержка IE весьма условная. Картинок вроде и хотелось сделать минимум, а по весу всё равно много получилось Зато вроде как удалось обойтись без видимых стыков и артефактов непристойно пережатого жпега. В Опере при «подогнать по ширине» на ширине, близкой к переходу в мобильную версию, колонки прячутся за пределы экрана. Что с этим делать — ума не приложу. Опера считает, к примеру, что margin-left: 25% спокойно можно сократить до 5% в таких условиях. Код ужасен. Была честная попытка использовать разгильдяйскую версию html, но IE и FF не п…
Last reply by LunatiK, -
- 24 replies
- 3.2k views
Hotel in Prague Дизайн не мой. Где я проверял: html валидатор - не пройден - 1 ошибка от яндекс вставки. css валидатор - пройден. Браузеры: IE8, FF(3.6.15, 4), Safari 5.0.2, Opera (10.61, 11.11), Google Chrome 12. (всё только под Виндой - XP(SP2),7) даже страшно представить что там в IE6-IE7.. Будет интересно узнать.. Разрешения: 1024х768, 1280х720, 1920х1080. Походу вёрстки у меня накопился ряд вопросов, на который очень нужны ответы: 1. Если в макете текст-рыба в абзацах, в верстке рыба должна совпадать слово в слово, строка в строку с макетом?? Или ничего что в верстке абзац на 1-2 строки меньше/больше чем на макете?? 2. Как сделать чтобы пункты меню были ровно, равн…
Last reply by Shift-Web, -
- 24 replies
- 1.7k views
"Сырой" дизайн, в работе. Но общее представление, думаю, можно получить. Таких картинок будет 4 - с разными временами года (антураж соответствующий) плюс летний ночной вариант (на закате). ТЗ - не делать в картинке акцент на самой сигнализации, только намекнуть. Надпись, естессно, "рыба". http://freeway-design.ru/EU/SLS/
Last reply by Verder, -
- 24 replies
- 3.1k views
vsevolod-s10.h19.ru logun: user password: password Я сделал этот сайт, а теперь мне кажется что дизайн какой то детский. А один знакомый мне сказал что в разделе "Карелия" и "ЯнисЪярви" написано не интересно. И картинки рыбок которые явно не водятся в ЯнисЪярви не в тему. Тем более страница долго грузится т.к. весь сайт одна большая картинка. Когда я буду переделывать сайт я все таки в место картинок текста вставлю настоящий текст. Я делаю сайт по подобию этого: kareliaextreme.ru Как лучше переделать сайт чтоб дизайн не казался детским?
Last reply by Vsevolod-s10, -
- 24 replies
- 2.4k views
Есть проблема с масштабированием, справа дыры появляются при прокрутке вбок IE8+ Сам макет Спасибо Verderу
Last reply by ceil100,
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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/
-