Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2327 topics in this forum
-
- 0 replies
- 1.4k views
Доброго дня Прошу всех специалистов верстающих под iPad, iPhone оценить вёрстку и сказать что не так. Вводная - делал тестовое задание по вёрстке для одной компании. Задание такое: 1) Необходимо сверстать страничку по предложенному макету 2) Требования: - отображение на устройствах iPad, iPhone от 4 до 6+ - Только HTML + CSS ( без Javascript) - Как бонус — учёт разрешения экрана (2 файла для каждого изображения - для ретины и без) Результаты работы: Исходники: https://github.com/alexey-pod/awem-layout Макеты: https://github.com/alexey-pod/awem-layout/tree/master/mockups Результат работы: http://awem-layout.likeuse.ru/ Для поддержки рет…
Last reply by alex-zzx, -
- 0 replies
- 1.4k views
Привет всем, вот сделала webreference из этой темы, оцените пожалуйста верстку. Нерезиновая,не кроссбраузерная, потому что html5 и css3, в IE картинки, кнопки, уголки некорректно отображаются. одна и вторая 1. Для верхнего меню в левой колонке на первой странице, которое как листок(статьи, книги, графика, верстка) ничего лучше не придумала, чем приделать верхний уголок и нижнюю часть листа на :before и :after. Догадываюсь, что есть лучшее решение, но приходит в голову только еще один див поставить и бэкграундом сделать. 2. В поиске надпись "поиск" placeholder-ом сделала, Но вот чтобы она еще и цветом была как макете...в файрфоксе работает, для вебкитов тоже нашла в г…
Last reply by JIyHa, -
- 2 replies
- 1.4k views
Здравствуйте! Может ли кто-то оценить вёрстку новичка(по первому макету)? Указать на конкретные ошибки/недочёты. Очень нужен code-review от более опытных товарищей. Ссылка на вёрстку код с файла main.js Заранее спасибо всем откликнувшимся!
Last reply by Gotcha_Fish, -
- 8 replies
- 1.4k views
Свертал свой первый макет. Хотелось бы выслушать мнение профессионалов по всему кода. Скачать можно архив здесь: http://zalil.ru/34184651 http://pathos-world.ru/kino/ - рабочий сайт В макете есть два меню: одно горизонтальное, другое вертикальное. Для того, чтобы сделать горизонтальное я сначала использовал display:inline; но в таком варианте исчезли маркеры у тега li, даже не пришлось прописывать style-type:none (точное название свойства не помню) и не работало style-type-image. Почему? Пришлось использовать float.
Last reply by npofopr, -
- 9 replies
- 1.4k views
http://allnet.16mb.com/ Откритикуйте меня по всему коду Макет <body> <div id="wrapper"> <div id="topline"></div> <div id="header"> <div id="logo"><a href="index.html"></a></div> <div id="fak"><a href="index.html"></a></div> <ul id="nav"> <li><a href="index.html" class="active">HOME</a></li> <li><a href="about.html">ABOUT</a></li> <li><a href="services.html">SERVICES</a></li> <li><a href="partners">PARTNE…
Last reply by klierik, -
- 6 replies
- 1.4k views
Здравствуйте.Оцените,пожалуйста,сайт http://remontismeta.ru/ на юзабилити.Приму к сведению все отзывы и рекомендации.Спасибо.
Last reply by vitalval, -
- 3 replies
- 1.4k views
Сабж, оцените верстку. Макет лежит на репозитории. Есть небольшой косяк справа с отступами и поменял в слайдере кнопочки. https://github.com/psixodyb/MobileShop
Last reply by swandev, -
- 4 replies
- 1.4k views
Привет всем.Вот решил создать сайт где буду публиковать самые хитовые клипы.Очень интересно как Вам сайт?Что я сделал не так и что стоит исправить? Раскруткой сайтов занимайтесь в другом месте Моя ссылка
Last reply by davka13, -
- 4 replies
- 1.4k views
Создал первый осмысленный сайт для одного человека. Сайт оптовой продажи обоев. Хотел бы получить оценку дизайна, верстки и всей работы в целом) http://www.konsol-oboi.ru/
Last reply by Kray Storm, -
- 9 replies
- 1.4k views
Хотелось бы узнать мнение более опытных, я собираю портфолио, стоит ли такую работу туда выкладывать? Какие задачи я ставил для себя: 1. Адаптивность - минимальная ширина 320px, IE 8 и выше 2. Кроссбраузерность - IE8 и выше 3. Валидность кода - постоянная моя забота 4. Логичность и лаконичность кода Pixel Perfect не удалось, есть минимальные различия в некоторых деталях (~5-8px), из за слабой управляемости сетки. Сетку взял из Bootstrap (Только сетку). Прошу сказать что не удалось, буду очень признателен. http://www.nt-work.bl.ee/ upd. Firefox не понимает подключенный шрифт, пытаюсь найти решение.
Last reply by Нарек, -
- 2 replies
- 1.4k views
Доверстал макетик. Прошу оценить верстку с точки зрения качества кода и подходов. Что сверстано неверно и что нужно доработать. Также отдельная рассказать о косяках с отображением, которые заметите. Вот сайт: http://a96362zl.bget.ru/index.html
Last reply by IvanRu08, -
- 5 replies
- 1.4k views
Здравствуйте,Моя первая работа. http://olga153b.freetzi.com/pervaya_rabota/raira/indexola.html
Last reply by leto2012, -
- 2 replies
- 1.4k views
Всем добрый день! Оцените, пожалуйста, верстку стартовой страницы сайта по макету. Макет Страничка Хотелось бы услышать критику касательно организации кода, адаптивности, ну и вообще какие ошибки бросаются в глаза. Заранее спасибо!
Last reply by MadBanshee, -
- 3 replies
- 1.4k views
Посмотрите пожалуйста сайт. Буду рад любой критике. Хотелось бы понимать, в правильном ли направлении верстаю, и какие ошибки допущены в вёрстке. Brezze.github.io
Last reply by Svetlana_P, -
- 6 replies
- 1.4k views
Оцените пожалуйста верстку. http://webstas.bombnet.ru/ Первый вопрос, не могу понять почему этот редактор так криво отоброжает страницу. В мазиле, хроме и эксплорере отображается так как хотел. Второй вопрос, я сделал социальные кнопки, при наведении появляется круглый border и он смещает вниз контент. Как этого можно избежать? Третий вопрос. Форма для отправки емейла. Что бы она была посредине слоев, я сделал это с помощью margin-top: -40px; Правильно ли так делать или есть другой способ? И если есть немного времени, оцените общую верстку.
Last reply by franticc, -
- 5 replies
- 1.4k views
Добрый вечер. возникла такая проблема сверстал ландинг : ссылка) под разными браузерами все отображается нормально, в фаерфоксе и хроме в инструментах разработчика под разными разрешениями тоже вроде как корректно, а на том же нексусе4 многие вещи не на своих местах. подскажите в чем может быть проблема, да и вообще был бы благодарен за советы, как улучшить и поправить верстку. спасибо.
Last reply by npofopr, -
- 0 replies
- 1.4k views
Добрый день. 5 месяцев изучаю веб разработку. Прошу оценить работу (верстка в целом, именование классов, переиспользование классов, адаптивность страницы). https://lelik759.github.io/Shopno one page_080217/index.html И если это не противоречит правилам форума, оцените портфолио с позиции соискателя вакансии верстальщика оно конкурентно. Планирую добавить еще работу на bootstrap и рассылать резюме работодателям на позицию верстка. На данный момент обладаю некоторыми знаниями нативных Html,css, js(прошел начальный курс до работы с DOM включительно, без ОПП на уровне написания простых слайдеров, попапов- они есть в работах Mogo и Shopno) П…
Last reply by lelik759, -
- 9 replies
- 1.4k views
Сайт www.topas-moskva.ru Продажа систем канализаций Прошу оценить юзабилити сайта, конкретнее - дизайн и удобство работы сайта. Заранее большое спасибо.
Last reply by Great Rash, -
- 2 replies
- 1.4k views
Здравствуйте Уважаемые форумчане! Прошу оценить адаптивную верстку.
Last reply by stan07, -
- 5 replies
- 1.4k views
Просьба оценить стиль и качество верстки http://prk-variant.ru/plane. Макет лежит здесь http://prk-variant.ru/plane/spit.psd Заранее спасибо.
Last reply by Kronus, -
- 5 replies
- 1.4k views
Здравствуйте. Прошу вас оценить сайт, вёрстку и дизайн http://gipron.com.ua . Выслушаю и прислушаюсь к любой критике, нужны советы. Замечания: при скроллинге сайта в Опере, идёт какой-то разрыв страницы, пробовал на разных ПК, везде это замечал, в других браузерах не наблюдается; когда свёртываю окно на главной странице, новости едут в низ, чего я не могу исправить. Остальные разделы все в порядке. настройка ЧПУ ( SEF ) , Joomla 2.5, а конкретней проблема вот в чём. Когда активирую в админ-панели функцию ЧПУ, и после делаю обновление, вроде как всё работает, главная страница так же, все пункты левого и верхнего меню юзаются, изменения URLов стало читабельные, как и д…
Last reply by Игорь Ермаков, -
- 3 replies
- 1.4k views
Как уже писал тут: http://htmlforum.ru/index.php?showtopic=48147#entry322651 сейчас я занимаюсь дипломным проектом. А вот и он, точнее первые его очертания: http://ynws.esy.es/ Прошу оценить вёрстку, ну а если ещё чего можете написать - пишите, буду рад О самом сайте: Сайт народных новостей, т.е. люди сами добавляют новости через сайт(компьютер, мобильные устройства). "Плиточный" дизайн из-за желания сделать сайт адаптивным, да и смотрится симпатично. Ещё возникли вопросы в ходе написания: 1)Как сделать div-ссылку(что бы при нажатии на "плитку" выводилась новость); 2)Как выровнять всё содержимое #main по середине; 3)Какие средства использовать для хранения и …
Last reply by mihai, -
- 4 replies
- 1.4k views
Сайт ночного клуба суши-бара Оцените: дизайн, верстку. Что следует переделать. www.picnic-abakan.ru
Last reply by Быколай, -
- 2 replies
- 1.4k views
Здравствуйте! Прошу пожалуйста оценить мою вёрстку > http://bigma.xyz/dev/pex/ В основном интересует правильность использования SASS и правильность реализации блоков с помощью HTML (возможно какие-то блоки вы бы реализовали по другому). Для удобства просмотра кода - залил на битбакет (файлы "app/index.html" и "app/styles/main.scss"), там всего один коммит > https://bitbucket.org/GlebBigma/pex Понимаю, что рыться в чужой вёрстке - не особо приятное и благодарное дело, поэтому тому кто всё же этим займётся - ОГРОМНОЕ спасибо и БОЛЬШОЙ плюсик к карме
Last reply by Crossfield, -
- 1 reply
- 1.4k views
Собственно первая моя верстка с нуля, просьба оценить код, юзабилити, ну и маломальский дизайн, делал все как вы догадались без мккета, всё на глаз. Шапка пока не нарисована - её не в счет. Сайт создан специально для поддержки начинающих игроков. Ну и что бы накачать скилзы по верстке. Спасибо. http://vk.ergonav.ru/
Last reply by Searcher,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-