Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2,327 topics in this forum
-
- 9 replies
- 2k views
Оцените пожалуйста верстку простенького лэндинга, фикс, использован препроцессор Sass, флексы, именование классов выполнено по БЭМ ссылка на работу - https://pashkes.github.io/ ссылка на репозиторий - https://github.com/pashkes/pashkes.github.io ссылка на макет - https://drive.google.com/open?id=0B2WaTCbThw1GR0dmb3d0V2J2S28
Last reply by Pashkes, -
- 2 replies
- 1.2k views
Всем добрый день! Оцените, пожалуйста, верстку стартовой страницы сайта по макету. Макет Страничка Хотелось бы услышать критику касательно организации кода, адаптивности, ну и вообще какие ошибки бросаются в глаза. Заранее спасибо!
Last reply by MadBanshee, -
- 20 replies
- 13.8k views
Решил попробовать сделать верстку из PSD, того что выложили в топике http://forum.htmlbook.ru/index.php?showtopic=13276 Но есть недочеты — незнаю как сделать чтобы лупа была над бекграундом из хедера (я сделал с помощю отрицательного margin-top, но в IE это не проканало), пробовал еще и через z-index, тоже не удалось. Если вы знаете как сделать, буду признателен если расскажете как. И еще по-моему получилась слишком большая по размеру шапка: 100кб и сам логотип отличается по цветовому фону от фона под низом и я незнаю как сделать лучше в этом случае. Ну а если я еще что-то незаметил или сделал неправильно, ткните пальцем, потому что это мой первый опыт и я могу много чего…
Last reply by psywalker, -
- 29 replies
- 5.9k views
Привет Всем Вот решил переходить на новые стандарты и сверстал на HTML5. Просьба оценить, в Первую очередь, верно ли Я употребил новые теги, по назначению ли? - конечно, Я прошу это у тех, кто смыслит в этом... Ну и по традиции, прошу оценки самой вёрстки... как же без этого Enter in P.S. источник "вдохновения"
Last reply by psywalker, -
- 3 replies
- 1.1k views
http://kutd.96.lt/tea Исходник стилей: http://kutd.96.lt/tea/style.less ie9+
Last reply by FitTech, -
- 4 replies
- 2.9k views
Доброго времени суток! Решил попробовать свои силы в верстке.) Взял простую форму http://forum.htmlbook.ru/index.php?showtopic=14320 "поковырялся" вечерок - вот что получилось есть вопросы: 1. Что надо сделать, чтобы в IE6 все нормально отображалось? (или стоит отказаться от этого браузера) 2. Как избавиться от "обилия классов"?
Last reply by Игорь Ермаков, -
- 3 replies
- 1.3k views
Гляньте, пожалуйста, что получилось: http://rairka.zz.mu/index/ . Вот макет: http://absolvo.ru/tmp/raira10.psd . Буду рад объективной критике. p.s.: Дабы не флудить темами, попутно хотелось бы узнать, почему правый сайдбар при уменьшении окна браузера, смещается вниз.
Last reply by Kronus, -
- 17 replies
- 2.2k views
Моя раира На бесплатном хостинге галимо, поверьте, на локалке валидная вёрстка! Могут появляться баги, типо загрузилось без стилей или без некоторых изображений, в этом случае надо только перезагрузить Кроссбраузерно ie5.5+ в операх не смотрел, да и в остальных не особо=) Ещё раз повторю, не пишите, что </title></comment></a></div></span></ilayer></layer></iframe></center></noframes></style></noscript></table></script></applet></font></td></tr></textarea> <center><font size="1"><A HREF="http://chat.ru" TARGET="_blank">Chat.ru</A> �…
Last reply by SergIQ, -
- 3 replies
- 715 views
Макет: http://storage7.static.itmages.ru/i/13/1206/h_1386336355_2216457_84e79a1a24.png http://storage9.static.itmages.ru/i/13/1206/h_1386336387_6180464_fe8d833b3c.png Верстка: http://cssdeck.com/labs/yryd4qst Ваши замечания и так далее...
Last reply by ryter, -
- 9 replies
- 2.4k views
http://cssportfolio.meximas.com/a.mihstore/ Буду рад услышать замечания и указания на ошибки. Спасибо всем, кто откликнется. Отмечу, что это не рабочий сайт, а лишь статичная страница для примера вёрстки.
Last reply by crafter_7, -
- 11 replies
- 1.7k views
Сидя на парах по экономике или правоведению(когда сам ты математик), лучшее средство от уныния - рисование. Нарисовав две коробки, понял, что получится неплохо, если они будут с чем-то ассоциироваться, тем более ранее уже была идея сайта ассоциаций(если кому-то интересно, могу рассказать), поэтому обрисовал коробки каёмкой монитора и решил сделать сайт. Тем более нужна практика по вёрстке. Вот что получилось: wiic.ru - сам сайт. На определённую страницу, можно перейти добавив "?post_id=" и номер "статьи". Получается, что это блог. Я написал пару записей тестовых, чтобы хоть как-то отобразить идею. Увы, я не дизайнер, рисую только на бумаге хорошо, поэтому такое слабое раз…
Last reply by zlodeev, -
- 7 replies
- 1.1k views
Доброго времени суток. Вот решил попробовать сделать верску страницы. Оцените. http://businessname.ucoz.com/index/businessname/0-4 Критикуйте как все есть, так, как это первая попытка. Но честно говоря парочку идеек подсмотрел.
Last reply by phantomas, -
- 19 replies
- 1.8k views
По идее, даже "странички", а не "сайта". gaspode.ru/portfolio/velestrans Заказчику уже ссылку кинул, поэтому пинайте быстрее, пока он не пришёл =D
Last reply by Gaspode, -
- 1 reply
- 589 views
Здравствуйте, раскритикуйте пожалуйста сверстанное мной поделие. Интересует мнение по поводу семантики, юзабилити, стоит ли данный шаблон сделать адаптивным? В комплекте прилагается исходный шаблон. В верстке есть незначительные отклонения от исходного дизайна (сетка изображений, заголовок средней части контента а также фон контента) http://rghost.ru/7SxfbN9Dj
Last reply by Yazon_Nile, -
- 10 replies
- 1.8k views
Оцените качество верстки страницы 404. Макет взят с TemplateMonster. Сама страница - http://halloween.zencoder.ru/ Страничка несложная, конечно. Но хочется услышать отзывы, вдруг что не так? У меня опыта еще не так много, однако.
Last reply by aaron, -
- 7 replies
- 2.4k views
Здравствуйте. Верстал я значит по-старинке и вдруг решил попробовать css фреймворки, а чтоб не мелочиться, то и препроцессоры. Ранее пытался использовать grid960, не понравилось( фиксированная ширина, адаптивности нет ). Почитал доки по Bootstrap, решил попробовать вместе с препроцессором Sass и его фреймворком Compass, так что кроме работы поделюсь впечатлениями о них. Сайт: http://electrouslugi-nn.ru/ Шаблон: https://yadi.sk/d/mQJWGuFtfSt4J В него входят подпапки psd(собственно макет), sass(файлы scss) и config.rb(конфигурационный файл sass). Хотелось бы получить информацию по следующим вопросам: Для каких целей служит класс .container-fluid? Пытался его использовать, н…
Last reply by klierik, -
- 12 replies
- 4.4k views
Буду благодарен за любые комментарии и рекомендации по верстке сайта: http://www.fugees.ru Также буду очень признателен, если кто-нибудь подскажет почему появляется разрыв между меню и логотипом (где спичка) - в IE6. Я использую IE7, FF2, Opera9 и очень сложно тестировать. Прошу не обсуждать дизайн сайта, так как это слишком субъективная тема. Спасибо.
Last reply by Цветков Антон, -
- 0 replies
- 843 views
Верстка Всем привет! Наконец-то взялся за html5, перевел самую объёмную из своих прошлых работ. Попинайте... Интересует, как реализация html5, так и качество верстки в целом, может есть такие моменты, в которых я не прав. Спасибо! P.S. ie7+, остальные по стандарту
Last reply by flagreit, -
- 23 replies
- 2.2k views
Очень хотелось бы узнать ваше мнение по поводу верстки http://tri-w.3dn.ru/1/index.html Почему-то теги html5 (например footer) так и не распознались ie8, хотя добавляла display: block; и все варианты script-ов, которые нашла на htmlbook... В итоге не стала использовать эти теги, но doctype оставила html.
Last reply by amelice, -
- 6 replies
- 3k views
Здравствуйте! Это мой первый код ревью. Знаю он далек от идеала, но Ваша помощь очень будет нужна. Сайт https://ilyakash.github.io/Blitz/index.html Шаблон https://github.com/ilyakash/ilyakash.github.io/tree/master/Blitz/Template%20Blitz 1. Проблема в html верстке. В блок <header> проваливается нижний блок, поэтому постарил <br>. 2. Как сделать на странице Project иконку search при наведении по центру? И правильно ли я вообще это сделал, может есть другие варианты? Может можно было как то отобразить иконку search не через html, а через оформление в css? 3. Еще практически на всех страницах footer проваливается в верхний бло…
Last reply by Ilya Kashitsyn, -
- 3 replies
- 1.4k views
Оцените верстку. Хром, лис, опера, ие 8, ие 9 в целом выглядит нормально. Скриншот Верстка Проблема с ие 6 и ие 7. Решил научиться работать и с этими браузерами, так что здесь нужна ваша помощь. Как видите в 6-ом ие проблема с менюшкой в основном, сверху справа, ну а линию я думаю за счет отступов в условных коментах поправлю ИЕ 6 Скриншот 1 Скриншот 2 Скриншот 3 В 7-ом ИЕ также проблема с менюшкой, плюс картинка в шапке уехала. ИЕ 7 Скриншот 1 Скриншот 2
Last reply by Rustick, -
- 26 replies
- 2.9k views
Здравствуйте. Вот сам сайт Есть некоторые вопросы: 1. При увеличении экрана пункты меню вылезают за фон. Как можно исправить? 2. При уменьшении экрана, кнопка "Скачать PSD" сдвигается под текст. 3. Также при уменьшении экрана, блок "Последние работы" вообще пропадает. Спасибо.
Last reply by Нарек, -
- 10 replies
- 1.3k views
Всем привет. Оцените, пожалуйста качество вёрстки, укажите на ошибки и недочёты. Небольшой опыт вёрстки есть (делал пару сайтов для себя). Недочёты, описанные в теме типичные ошибки постарался учесть. Хотел, чтобы вёрстка стала моим доходом, но пока не знаю соответствует ли мой уровень. Вёрстка Макет P.S.: Благодарю за критику и замечания.
Last reply by Great Rash, -
- 3 replies
- 997 views
Доброго времени суток. Предлагаю оценить качество вёрстки и дизайна. Выслушаю всё до мелочей, прошу отклика у компетентных в данной области людей. Также давайте советы, что конкретно юзать по вёрстке . Вам со стороны видней. http://gadgetpro.besaba.com/ Спасибо!
Last reply by Memphis, -
- 2 replies
- 976 views
Привет всем, попытался сверстать свой первый макет, в процессе возникло несколько вопросов: 1.Почему форма поиска "разьезжается" во всех браузерах кроме фаерфокса? 2.Проблема "резиновости", content-one, content-two, content-three, они сжимаются на разную ширину, а изображения по идее при уменьшении размера окна должны выстраиваться вертикально, но это происходит чере Ж....Как это исправить? http://lenivec.ho.com.ua/1/1/ спасибо
Last reply by comSaaxov,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-