Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2327 topics in this forum
-
- 2 replies
- 1.8k views
Всем привет, хочу спросить кто может дать обратную связь по сайту? Пилил его с нуля в итоге уже глаз на дизайне замылился вижу что плохо выглядит, но понять не могу что лучше поменять.... http://host1732329.hostland.pro На всякий случай, не реклама, поэтому все номера удалены, и хостинг пока отвязал от сайта)
Last reply by Loromir, -
- 0 replies
- 1.8k views
Здравствуйте! Прошу оценить качество вёрстки и адаптива, допущенные ошибки. Описание: фильтры "цвет" и "сладость" работают по отдельности, "цвет" - mixitup, "сладость" - рукописный js Гитхаб: https://vlad-vasinev.github.io/Vlad-Vasinev-wine-code/ Код: https://drive.google.com/file/d/1NKtoQmzUh46CMsgFOZlImkCmBn0uq0wD/view?ths=true Заранее благодарен
Last reply by Gotcha_Fish, -
- 12 replies
- 1.8k views
Добрый день! Прошу оценить юзабилити kartinu.com, и общее впечатление. Что криво работает, можно поправить, что раздражает т.п. Буду благодарен за любую критику.
Last reply by wurik37, -
- 10 replies
- 1.8k views
Здравствуйте! Оцените, пожалуйста, вот такую простенькую верстку: http://tbxenia.hol.es/
Last reply by Ateiri, -
- 7 replies
- 1.8k views
В целях практики сверстал макет. Прошу оценить качество вёрстки и указать на недостатки и ошибки. Сайт Макет Наибольшие сомнения у меня вызывает реализация теней - замечания по этому вопросу интересуют больше всего. P.S. без адаптивности и кросс-браузерности
Last reply by Xenia Wanger, -
- 1 reply
- 1.8k views
Впервые начинаю верстат сайты, обучаюсь. Проблема в том что не понимаю откуда взялся эти пустые белые обводки. Думаю на фото четко видно, даже со стрелочками отметил. Помогите решить проблему
Last reply by npofopr, -
- 4 replies
- 1.8k views
Такой вопрос, почему графика по разному себя ведет? Некоторые участки сглаживаются, а некоторые нет... я подозриваю, что из-за наличии ссылки? Напримене моей работы ... http://cdtrader.ru лого в верхнем правом углу вышло сглаженым... почему так вышло? (заметно если масштабировать ctrl+скроулинг) а иконки в меню нет... и со стилизированным лого всё ок вроде... Кто в курсе и поможет разобраться в чем дело?
Last reply by cdt, -
- 9 replies
- 1.8k views
Делаю своей девушке сайт. - wordpress - горизонтальная галерея - прокрутка реагирует на колесико мыши (через jquery) - шрифт через fontsquirrel - html5 верстка - резиновый фон через jquery Скрины: Вот так при увеличении окна: При прокручивании галереи она уходит под полупрозрачный png с меню. Сделано для того, чтобы меню менее отвлекало от фото Раздел с видео - здесь будут бекстейжи и другие видео: Контакты: Ссылка будет позже. Но код красивый
Last reply by hypnocolor, -
- 12 replies
- 1.8k views
Добрый день всем! Делаю редизайн одного шаблона, оцените! И да, это просто наброски за 15 минут, естественно когда буду делать psd всё выровняю, изменю не мало, подредактирую и добавлю не мало нового, просто оцените в общем и подскажите что убрать или что добавить, буду признателен вам! Так же ищу человека, который сможет просто (не в pdf) что то дорисовать на рисунке или отредактировать. От меня Век благодарности. Приблизительно будет выглядеть так:
Last reply by saiidr, -
- 8 replies
- 1.8k views
Прошу оценить, какой из вариантов шаблона интернет магазина лучше? И какой по юзабилити удобней. Второй вариант только делаем но ,так как с напарником расходятся мнение, хотелось бы услышать мнения со стороны от разбирающейся аудитории. Вариант 1: Вариант 2:
Last reply by JTaMeP, -
- 24 replies
- 1.8k views
Всем привет. Верстал 3 дня, первый раз прикручивал слайдеры и вот что получилось http://allnet.16mb.com/bislite/ Макет JPG http://i68.fastpic.ru/big/2014/0815/14/5da3ce67f2e207e4c8899e5618dc7a14.jpg По счёту это у меня четвёртая вёрстка.
Last reply by DivMan, -
- 3 replies
- 1.8k views
Добрый день, оцените пожалуйста верстку сайта https://viberipol.ru Прежде всего интересует несколько вопросов 1. Слайдер в мобильной верстке ... разработчик предлагает сделать миниатюру с выводом текста под иллюстрацию. Вместе с кнопкой призыва. У нас идея этот слайдер заменить на слайдер/галерею с превью по типу сторис в приложении сбербанк онлайн. 2й вопрос как мне проверить все экраны и устройства, порекомендуйте пожалуйста сервис.... периодически сталкиваюсь с тем что просматривая Вебвизор вижу косяки. Приходится писать и делать правки, хочется сразу все проверить и исправить.
Last reply by klierik, -
- 8 replies
- 1.8k views
Сверстал первый лендинг http://bouncy.aiq.ru Решил освоить Bootstrap, первая верстка с ним. В описаниях понравились его возможности в плане адаптивной верстки, встроенных плагинов. Постарался использовать по-максимуму его возможности (сетка, слайдеры, меню, кнопки). Ну, и первая моя попытка работать с анимацией. Подключил wow и animate.css. Прошу высказать замечания как по использованию Bootstrap, так и анимации. По анимации столкнулся с проблемой - на мобильных устройствах подтормаживает. Посоветуйте, как правильно сделать? Может на маленьких экранах вообще отключать анимацию? Как это принято в практике?
Last reply by Ivan Nedokhlebov, -
- 1 reply
- 1.8k views
Здравствуйте. Прошу критики верстки и кода, буду очень благодарен за каждый полезный комментарий. И не понимаю в чем проблема, при ширине окна меньше 1200px, появляется отступ справа. https://vladislavmain.github.io/
Last reply by WebNewbe, -
- 1 reply
- 1.8k views
Здравствуйте, я начинающий верстальщик, недавно научился более менее верстать на html и css. Я хотел бы принять критику в мою сторону, а точнее в сторону моего первого макета. Что надо исправить, как лучше сделать, ну и еще я заметил одну проблему с цветами, они некорректно отображаются, хотя беру цвета указанные в макете. А также хотел бы услышать советы по адаптивности а то у меня в этом плане все плохо и как уменьшить вес картинки. Заранее спасибо!! P.S Макет не адаптивный то есть нету мобильной версии ну и минимальная ширина экрана должна быть 1200px иначе все поплывет. http://normand.ga/corporate/ - сайт corporate landing.zip
Last reply by AlexZaw, -
- 18 replies
- 1.8k views
Доброго времени суток! Хочу представить Вам мою вёрстку. Хотелось бы услышать Вашу оценку и комментарии по поводу ошибок. Во всех браузерах(кроме IE) верстка работает стабильно. Вёрстка Изображение макета Попиксельного схождения не удалось добиться. То ли шрифты кривые, то ли я не столько опытен в работе со шрифтами. Относительно остальных секций, вышло попиксельное схождение с макетом.
Last reply by Vin, -
- 6 replies
- 1.8k views
как обычно очень красиво и правильно, но блин с косяками. Поругайте а заодно и посоветуйте. Делаю для друга безвозмездно, поэтому проф. дизайнеру не могу обратиться, приходиться самому ваять. В фотошопе умею только нарезать макеты, а нарисовать там весь макет полностью это для меня проблема. Делаю на лету и дойдя до последней колонки встрял, мне почему то кажется что она слишком узкая. Можно конечно перенести все в левую, но не хотелось бы, тогда она будет слишком высокая.
Last reply by rediskavet, -
- 4 replies
- 1.8k views
Моя верстка Из примечательного: логика галереи и слайдеров реализована на "чистом" jquery, без плагинов. На выходе имеем 4 Кб для всей страницы Сайт резиновый, конечно, валидный, кроссбраузерный (graceful degradation for ie6). Время работы: 3 дня на html+css+кроссбраузерность, 2 дня на Jquery. Кстати, верстка npcl.ru сейчас ужасна, конечно.
Last reply by psywalker, -
- 4 replies
- 1.8k views
Здравствуйте! Я вот сделал сайт, прошу оценить http://mmdio.com И также форум http://mmdio.com/ru/3 Жду критики... Заранее спасибо.
Last reply by gibigate, -
- 9 replies
- 1.8k views
Здравствуйте, я студент второго курса и по совместительству начинающий дизайнер и верстальшик. Ради практики создал дизайн для своей студенческой группы в соц сети. Прошу оценить дизайн и дать советы где бы найти практические задания для начинающих дизайнеров, к сожалению на немногих сайтах есть раздел "для новичков" Некоторая информация о группе: 1)Цвет факультета - зеленый. 2)Специальность - робототехника и робототехнические системы. 3)Основной предмет - программирование.
Last reply by Nanto, -
- 3 replies
- 1.8k views
Сделал для себя учебную верстку по бесплатному макету. Вопросы на которые, возможно, мне смогут дать ответы более опытные верстальщики: - Постарался соблюсти принцип БЭМ для именования классов. Верно ли я применяю? - К сожалению, не удалось сделать, чтобы макет абсолютно соответсвовал PixelPerfect, особенно это заметно в тексте. Тестировал в Chrome 55.0.2883.87 (Windows 10). Подскажите на примере какого-нибудь блока в чем я делаю ошибки - Так же хотелось бы прочесть любую конструктивную критику Небольшое отступление, добавлю обязательно еще мобильный вариант и слайдеры, это в процессе. Хотелось бы узнать ошибки на том этапе, что выполнен. Исходники https://git…
Last reply by BrusSENS, -
- 3 replies
- 1.8k views
Добрый день, помогите пожалуйста оценить дизайн сайта - https://xn--80ahhi0afh.kz/ , как выглядит с разных браузеров. Долго бились над этим сайтом, подскажите что исправить, что кажется лишним, а чего наоборот не хватает. Не раздражает ли реклама и баннера? Как вам сочетание цветов, не слишком ли раздражает глаз? Или может информации на странице слишком много? В общем буду рада любой критике, советам.
Last reply by ffsdfsdf, -
- 5 replies
- 1.8k views
Прошлая тема переросла, в основном, во флуд. Пожалуйста, только по существу. Сделал редизайн. Вот примерно в таком виде будет окончательный вариант. http://roskostyle.ru/sds/ 1. Убраны фотки слева. Зачем нагружать. Тем более будет галерея. 2. Обработан визуал, изменен бэкграунд. 3. Убрана маленкая картинка в правом верхнем углу. С новым бэкграундом он был лишний. 3. Немного изменены логотип, типографика, цвета, шрифты. Any comments? Первоначальный вариант можно посмотреть тут - http://img56.imageshack.us/img56/2415/fullscreenv.jpg (скриншот) Спасибо.
Last reply by Great Rash, -
- 6 replies
- 1.8k views
Некоммерческий, чисто-экспериментальный развлекательный проект. * жесть по трафику * жесть по процессору * кроссбраузерности нет, ибо IE сожжёт процессор * адская вёрстка, адский CSS, адские эффекты Просто поделиться Сборник багов
Last reply by Veseloff, -
- 10 replies
- 1.8k views
Сверстал страничку. Кроссбраузерность: Современные браузеры, IE9 и Opera 12. Не столько нужна оценка сайта(верстки и т.п.)(хотя хотелось конечно услышать ее) сколько получение ответов на данные вопросы: -Как сделать тень у треугольничков(обычную, однопиксельную, аналог: box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5)) которые появляются в "div ul.vmenu-main a" при наведении ?. Единственное, что приходит на ум, это изображение. -Условные комментарии в IE9 создают какой-то отступ сверху. Как это пофиксить ? -При открытии в IE ниже 9 придумал такую заглушку(хотя может так и делают?). Есть ли более продвинутые заглушки ?
Last reply by Veseloff,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-