Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2,327 topics in this forum
-
- 7 replies
- 1.7k views
Цель была сделать кроссбраузерно от ie7+. в 7ке не работают кнопки слайдера, пока не разобрался в причине. Сама работа: http://gare4ka.ru/bis/index.html Исходник: http://ui-cloud.com/business-internet-studio-theme-psd/ Также хотелось бы услышать критику по CSS, особенно по header и footer.
Last reply by gare4ka, -
- 18 replies
- 4.9k views
Знакомая попросила сверстать для нее сайт + проработать удобство пользования +SEO. После просмотра дизайна, сказал что не очень, мягко говоря. Ну в общем у них толи денег нету то ли желания, что то в этом роде. Оставили как есть. Сверстал 4 страницы. 1024 минимальное, тестил везде кроме 7 го ие, но это я поправлю. В верстке использованы интересные приемы. Передвигания текста, first-letter ... К сожалению без рисунков, многие части пропадают из за неудачно выбранного фона (на заметку дизайнерам, почему черный цвет плохо) , я обговорю этот момент дабы изменить белый цвет на немного сероватый. без стилей тоже должно быть все хорошо. Пока что без версии для печати и смар…
Last reply by Вадим, -
- 2 replies
- 877 views
Здравствуйте! Прошу разобрать верстку login form. Форма простая, но это мой первый на 100% самостоятельный опыт верстки. Login form Очень бы хотелось услышать комментарии о html-верстке и грамотности применения html-тегов. Создание правильного html-каркаса для меня самое слабое место на данный момент, как мне кажется. Очень тяжело дается понимание правильного расположения и применения блоков. Наверное, можно было бы еще доработать форму, а точнее - кнопку. Сделать заливку градиентной и изменять градиент при hover/active? Просто я на данный момент не знаю, как из Photoshop'a "выбрать" нужную информацию по градиентной заливке. Странным образом placeholder под Chrome не рабо…
Last reply by aaron, -
Есть идея в будущем сделать себе сайт-портфолио, и хотелось-бы что-бы работы в нём были идеально отточены и вылизаны до предела. Дело в том, что последняя моя работа, вылаженная на нашем любимом форуме показала, какой я "супер" верстальщик и сколько я делаю ошибок в работе. Конечно же одной работой полагаю это не ограничивается, но зато для себя я вычел много уроков из той вёрстки благодаря вам. Сейчас хотелось бы продолжить традицию и выложить очередную свою вёрстку (4 страницы) на ваш суд. Пожалуйста просьба ко всем не проходить мимо, заглянуть в код, а кому не лень высказать всё, что он думает обо мне и моей вёрстке. Дизайн не интересует, а интересует только код HTML…
Last reply by Clayton, -
- 12 replies
- 4k views
Здравствуйте друзья, я снова к вам с просьбой помочь отыскать ошибки в моей вёрстке. Интересует только код и желательно поподробнее, насчёт каждой мелочи Предистория: Заказчица дала макет и сказала, что не знает что хочет, попросила что-бы я всё сделал так, как я вижу, главное что-бы была резина. В общем я увидел сайт таким: http://psywalker.ru/Portfolio/MarkDubovsky/main-page.html В итоге заказчице очень понравилась работа, а как на ваш взгляд?
Last reply by psywalker, -
- 38 replies
- 5.3k views
Тему не могу создать в нужном разделе, просьба перенести. Верстка №2, просьба отписываться, любая мелочь - сердцу дорога. Особенно, хотелось бы услышат тех кто критиковал прошлую работу, в том смысле - есть ли у меня прогресс или нет. Макет взят из этой темы: http://forum.htmlbook.ru/index.php?showtopic=14398 Сверстан по требованиям: 1. Резиновый дизайн под мин. разрешение 1024х768 и до бесконечности. 2. Использование таблиц, блоков - на усмотрение верстальщика (продвижение будет покупаться) - главное 100% аутентичность. Верхнее меню с картинками о Кредитных линиях тоже тянется, ширина подложек зависит от ширины экрана. 3. Использованные шрифты: Tahoma / Miryad Pro (regu…
Last reply by Gaspode, -
Вёрстка piatto 1 2
by antonKar- 27 replies
- 2.3k views
http://piatto.karmanov.ws/ Раскритикуйте меня, прошу вас!
Last reply by antonKar, -
- 1 reply
- 789 views
Доброго дня уважаемые форумчане. Попрбовал сверстать макет из этой темы. В макете я использовал html5 теги, недеюсь без ошибок. Выставляю на ваш справедливый суд - BusinesName. Возможные ошибки: В Psd макете шрифты заголовков как бы несколько размыты а в верхних 3х блоках шрифты немного прозрачны у меня это не так. Блок с таблицей из отличающихся по цвету строк я сверстал списком. И несовсем понятно что там внутри, ссылки или подчёркнутый текст.
Last reply by sasha^, -
- 1 reply
- 859 views
Привет, вот решил попробывать сверстать макет Raira PSD из этой темы, надеюсь получилось не совсем ужастно. Заранее спасибо за критику и советы. Макет Raira.
Last reply by EvnDavis, -
- 4 replies
- 762 views
Доброго дня, уважаемые жители форума. Сверстал макет, хотелось бы услышать мнения, замечания, где совершены ошибки. В Chrome при уменьшении (zoom-in) левое черное меню вылазит на правое изображение. Если задать менюшке фиксированную ширину то все хорошо, кроме переносов пунктов во время того же zoom-in'а. Как это решить? Всем откликнувшимся спасибо. Готовая работа здесь Скачать PSD макет можно здесь
Last reply by EvnDavis, -
- 21 replies
- 3.8k views
Привет! Спасибо за макет, скачал и сверстал. Комментарии к работе: - Структура фиксированные, полагаю, что так лучше, хотя и в резину переделать не сложно. (ширина по макету) - В некоторых местах, например, подчеркивание ссылки "Full information", позволил себе вольности, думаю, это не критично. - В сайдбаре центрирование текста корявое, я не до конца разобрался с текстом, поправлю позже. Буду рад любым комментариям. Спасибо!
Last reply by advokatua, -
- 0 replies
- 1.3k views
Привет всем, вот сделала webreference из этой темы, оцените пожалуйста верстку. Нерезиновая,не кроссбраузерная, потому что html5 и css3, в IE картинки, кнопки, уголки некорректно отображаются. одна и вторая 1. Для верхнего меню в левой колонке на первой странице, которое как листок(статьи, книги, графика, верстка) ничего лучше не придумала, чем приделать верхний уголок и нижнюю часть листа на :before и :after. Догадываюсь, что есть лучшее решение, но приходит в голову только еще один див поставить и бэкграундом сделать. 2. В поиске надпись "поиск" placeholder-ом сделала, Но вот чтобы она еще и цветом была как макете...в файрфоксе работает, для вебкитов тоже нашла в г…
Last reply by JIyHa, -
- 1 reply
- 1.6k views
Доброго времени суток. Оцените верстку https://alex2033.github.io/Blueasy/index.html В этот раз решил поверстать без гридов, после продолжительной верстки сетками, их отсутствие принесло парочку неудобств
Last reply by WebNewbe, -
- 20 replies
- 5.2k views
В тренировочных целях сверстал бесплатный шаблон psd. Буду благодарен за какие-либо советы в отношении верстки. Адрес: http://shvv.fbdhost.com/cookonline/. IE6 и IE7 попили немало кровушки, но кажется получилось . Или можно было лучше?
Last reply by Glebr, -
- 4 replies
- 1.7k views
Моя верстка Из примечательного: логика галереи и слайдеров реализована на "чистом" jquery, без плагинов. На выходе имеем 4 Кб для всей страницы Сайт резиновый, конечно, валидный, кроссбраузерный (graceful degradation for ie6). Время работы: 3 дня на html+css+кроссбраузерность, 2 дня на Jquery. Кстати, верстка npcl.ru сейчас ужасна, конечно.
Last reply by psywalker, -
- 13 replies
- 1.7k views
Всем привет, Кому не сложно, просмотрите, пожалуйста верстку для 6 страниц визарда создания нового хостела. login test_admin@mail.com 1S8cXGW9 1я страница визарда hostelstep1 При открытии новой страницы должны быть заполнены данными по дефолту На странице с картинками(Step 5) загрузите несколько картинок также кроме введенных данных также, плиз, кликните сохранить с инвалидными данными, чтобы увидеть отображение ошибок... также index страница админки dashboard Это бутстрап - я делал для айпадов, но чтобы работало и на смартфонах. Я понимаю, что сделать админку для смартфона сложно - но один из моих предыдущих клиентов просих делать и для смартфонов …
Last reply by mstdmstd, -
- 5 replies
- 1.3k views
Здравствуйте. Оцените верстку. Пойдёт ли она для портфолио на фриланс? Верстка не адаптивная. И ещё, я когда файлы скинул на хостинг, в блоке слайдера пропали кнопки изображения влево и вправо хотя она функционирует. Сайт: http://proverkaverstki.hol.es/
Last reply by Айбек, -
- 1 reply
- 1.4k views
Привет всем. Почти закончил работу над проектом конференций: смотреть здесь В админке, город наносится на карту в виде маркера, отмечаешь - сохраняешь - на продакшене видишь город на карте в виде тултипа. Была поставлена задача, значительно облегчить работу контент менеджеру. Если раскрыть тултип "Минск" 'а то можно попасть на внутренние страницы.
Last reply by Glebr, -
- 6 replies
- 1.1k views
Здравствуйте! Прошу оценить вёрстку шаблона для интернет-магазина одежды, а именно мне нужна критика, указывание ошибок и объяснение их. В общем, тыкайте носом, бейте, пинайте, но с объяснением что не так и почему, чтобы я не допускал больше таких ошибок и понимал их. А также как можно исправить мои ошибки. Также приму критику по дизайну (всегда испытываю проблемы с цветовыми гаммами и структурой сайта), потому как мне она кажется не достаточно хорошей. Приму любые советы. Благодарю за внимание. http://jsfiddle.net/Libiros/dWcJY/13/ http://jsfiddle.net/...mbedded/result/
Last reply by Justnewone, -
- 1 reply
- 1.3k views
Last reply by Dimitry Wolotko, -
- 63 replies
- 9.8k views
Закончил вёрстку из топика: "Макеты для Вёрстки - Макет Verder" под названием: First - Orange.. Прошу оценить и предъявить за все косяки, буду признателен, если кто нибудь пороется в коде и выявит Даже самые мелкие ошибки p. s. -Verder , твоё мнение мне особо важно, так как ты имел дело с этим Макетом Макет: http://pic.ipicture.ru/uploads/090522/WxutJjkOez.png HTML: http://psywalker.ru/First-Orange/main-page.html Dimitry Wolotko Дим извини, это я случайно поднажал, как ты так быстро успел, мне буквально Две минуты не хватило, что бы исправить всё)))
Last reply by psywalker, -
- 44 replies
- 7.9k views
Вот сверстал тот макет, который был любезно предоставлен Verder'ом. Это первая версия, но она кроссбраузерная и рабочая. Прошу посмотреть код и сказать чего у меня не так. Многие ошибки я сам знаю, просто под конец было ужасно влом исправлять. В скором будующем сверстаю этот макет заново, только после того, как выслушаю комменты, тогда попытаюсь сделать поменьше блоков и код по красивее. http://minisite.6te.net/mat/28.05.2009/orange/
Last reply by psywalker, -
- 11 replies
- 3.8k views
Всем привет! Поздновато присоединился конечно, но что делать, был завален работой за деньги. Вот ссыль - http://www.ivblog.ru/orange/index.htm
Last reply by Clayton, -
Верстка макета 1 2
by novicheG- 49 replies
- 6.7k views
Добрый день форумчане. Сверстал (учебный) макет, буду благодарен за все комментарии и критику. - Макет - Верстка ——-- Верстка: резина Тестилось в: IE6+, Opera 9.63+, FF3.6+, Chrome 10, Safari 4 Также хотелось бы после комментария примерную оценку по вашему мнению, сколько и из скольки баллов. Также отдельное спасибо psywalker-у, в свое время подсказавшиму мне по какому пути идти оптимальнее в обучении версткой.
Last reply by psywalker, -
- 1 reply
- 1.7k views
Заверстал макет из этой темы. Старался максимально использовать HTML5. В ie6 не тестил. В ie 7-8, вследствии использования css3 свойств, не отображаются закругленные углы. Верстка Буду рад услышать строгую, но справедливую критику. Заранее благодарен.
Last reply by JIyHa,
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-