Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2,327 topics in this forum
-
- 3 replies
- 833 views
Две странички: http://modul-stroy.ru/vrstk/index.html http://modul-stroy.ru/vrstk/page.html Полностью верстал впервые, есть несколько вопросов, например: - почему блок .calendar шире справа, если установлен widht 85% ? - нижний блок banners на обоих страницах стоит по левому краю, хотя прописано margin: 0 auto; - на странице page в блоке page_text_content для заголовка h1 сделан стиль, почему размер его блока на всю страницу? По оформлению кода наверно вообще все печально..) Верстал за часа 4-5. Заранее спасибо за комментарии и критику.
Last reply by Alex Kovalski, -
- 3 replies
- 909 views
Оцените верстку www.it-khab.ru макет https://cloud.mail.ru/public/ABLZ/bxzrK1qYR
Last reply by psywalker, -
- 3 replies
- 1k views
Залил на бесплатный хостинг http://verstkaaaa.esy.es/ Вот макет в jpg http://cs624327.vk.me/v624327186/4f25a/dh9wBjRrjX8.jpg Я совсем новичок в верстке, нужна критика по структуре html, верна ли она, не переборщил ли я с классами и особенно с комментариями. Адаптивил под разрешения в фаер фоксе при ctrl+shit+m Думаю еще сделать под телефоны скрывающиеся мобильное меню, и надо форму допилить, и плавный скрол. Подключено много всего в коде, не мешает ли это, если я не использую все? (скрипты попап и т.д.) Использовал только сетку бутстрап. Макет взял из одного открытого заказа на фл.ру, могу ли я использовать это для своего портфолио, или лучше текст поменять…
Last reply by Great Rash, -
- 3 replies
- 1.6k views
Решил добавить к себе в портфолио "резиновую верстку", начинаю делать и понимаю, что вот вот и адаптивная щас будет. То есть пару часов и уже адаптив. Вопрос: время резины прошло что ли? для чего сейчас применяют такой вид верстки?(возможно - это экономия, то есть резина нужна для больших экранов/планшетов(ну примерно такой диапазон: max-width: 1920px; min-width: 768px), а для мобильников нам не нужно(ведь по сути для мобильников, свой минималистичный дизайн и т.п.) и экономнее сделать именно резину?).
Last reply by ShumNo, -
- 3 replies
- 1.3k views
Всем доброго времени суток! Собственно верстка. Немного о верстке: Верстка тянется от 580px до 960px; Немного вопросов по верстке: Стрёмно выглядят векторные иконки в фаерфоксе(птица твиттера похожа на орла, не ну солидно конешно, но мне обычная нужна ) P/S. Все файлы сайта можно скачать тут.
Last reply by Igor Schnaider, -
- 3 replies
- 1.3k views
Здравствуйте, оцените первую вёрстку http://s913272u.bget.ru/
Last reply by VIVA, -
- 3 replies
- 974 views
Всем доброго, покритикуйте мою работу http://word-master.hostifree.ru- адаптивная верстка. Интересует оценка качества самой верстки и "красоты" кода. Все делалось по макетам psd, поэтому слегка неадекватные размеры шрифтов - не моя вина P. S.: сколько примерно времени должно уйти на верстку такой адаптивной страницы у верстальщика среднего уровня (лично у меня ушло около 20 рабочих часов).
Last reply by Alex_, -
- 3 replies
- 1.5k views
Здравствуйте. На данный момент занимаюсь изучением вёрстки. Оцените, пожалуйста, одну из первых работ на Bootstrap 3: http://aleksandr.vn.ua/works/recreation-center/code/index.html
Last reply by shol, -
- 3 replies
- 990 views
Всем доброго времени суток. Прошу оценить резиновую верстку(ошибся: резиновая, а не адаптивная). И в целом верстку. Дополнительно: GitHub P/S. Web Aventura - большими буквами(после которого идет надпись: Multipropose Premium Theme) видимо - логотип. Нужно будет соответственно оформить.
Last reply by abrahadabra, -
- 3 replies
- 1.3k views
Прошу оценить первую верстку(код) http://mydomain1322.esy.es/Index.html. Жду конструктивной критики.
Last reply by parliament, -
- 3 replies
- 1.5k views
Всем привет. Собственно по сабжу: Верстка GitHub верстки Верстка резиновая с 1000px до 1600px. Прошу оценить выбранные мною методы верстки(напр. я выбрал верстать на флоатах, хотя мог все через позиционирование сделать. Так как я выбрал флоаты при сужении окна так же были выбраны свои методы перестроения блоков и т.п.) и верстку в целом. P/S. При нажатии на изображение все ненужное уходит вниз.
Last reply by nltsm, -
- 3 replies
- 1.3k views
Прошу оценить первую верстку(код) Жду конструктивной критики. https://string007.github.io/
Last reply by Pashkes, -
- 3 replies
- 1.1k views
Посмотрите, что наверстал енто макет тут верстка http://incorp.byethost5.com но не надо сразу хватать браузеры и тянуть верстку она не адаптивная) учусь сам спросить неукого поэтому я просто хотел бы, чтобы вы посмотрели и за самые большие косяки в верстке руки мне поотбивали
Last reply by parliament, -
- 3 replies
- 1k views
Помогите сделать так чтобы всплывающая вкладка "Подзаголовок" была по верх Контента с права! И как сделать так, чтоб менялся только контент (вариант по легче если есть таковы) при выборе какого-нибудь Заголовка/Подзаголовка (P.S. Текст на казахском языке )
Last reply by MEREY, -
- 3 replies
- 1.1k views
Вчера на htmlbook в практикуме увидел такой прием, в решениях заданий они использовали font и background и в них прописывали все свойстсва через пробел, насколько этот прием приемлен для использования в работе, или все таки стоит разделять их на font-size font-family и т.д, если это приемлемо, поделитесь какие еще свойства можно таким образом сокращать. Сразу предупреждаю я новичек и только учусь, увидел стало интересно, и хочется пообщаться с реальными людьми на эту тему а не гуглить в очередной раз))))
Last reply by Endorphin, -
- 3 replies
- 1.3k views
Первая в жизни вёрстка http://test131313.zzz.com.ua/ Прошу оценить, раскритиковать и объяснить что не так, спасибо.
Last reply by mikoart, -
- 3 replies
- 1.1k views
Сайт ссылка Макет ссылка Оцените пожалуйста верстку макета.Так как опыта мало не спал пока разбираться со слайдером просто вставил картинкой.
Last reply by Endorphin, -
- 3 replies
- 1.3k views
Приветствую! Когда-то я сверстал при помощи таблиц сайт, а теперь решил переделать его с использованием современных технологий и подходов с целью начать с этого своё изучение web-программирования. Раньше сайт выглядел вот так: http://yogaeveryday.esy.es/yoga__1_0/ Меня не столько сейчас интересуют внешний вид и пр., сколько сама организация сайта. Поэтому предлагаю к оценке сразу исходники, а не конечный продукт https://github.com/avalan4e57/yoga2_0 Я постарался сделать сайт максимально простым и удобным для редактирования. С этой целью разбил все логические и функциональные блоки на отдельные файлы, автоматизировал генерацию элементов до добавления новых данных в…
Last reply by klierik, -
- 3 replies
- 1.4k views
Здравствуйте!!! Собираю команду из альтруистов для создания социального проекта. Есть некоторые идеи, но не хватает опыта. Проект о нашей родине без политики. Дать возможность рассказать и показать людям из регионов свой край. Жду творческих и желающих реализовать себя.Подробности лично. Желающие, добро пожаловать!) Файлы не прикрепляются к сожклению
Last reply by IInga, -
- 1 follower
- 3 replies
- 1.6k views
Здравствуйте ! Оцените, пожалуйста, мою первую верстку на bootsrap. Жду Вашей критики ) http://web-verstka.zzz.com.ua/startup/
Last reply by Анна, -
- 3 replies
- 1.2k views
Всем привет!Просьба оценить верстку/указать на ошибки в верстке.Верстал для IE11+. Верстка Макет Исходный код на гитхаб https://github.com/sanchos86/golden-one-psd-template P .S. Как вы считаете,не стыдно ли будет положить такую верстку в портфолио?
Last reply by DmitryPavlov, -
- 3 replies
- 1.1k views
Просьба покритиковать, подсказать, указать на недочеты. Страничка делалась для портфолио. Боковое меню и анимация при кликах на ссылках писалось мной. http://pedash.insalon.in.ua/
Last reply by Anton_1983, -
Добрый вечер, уважаемые! Прошу оценить верстку со всех сторон: адаптивность, кроссбраузерность, валидность, юзабилити и т.д. http://wowbe.ru/ Заранее благодарен!
Last reply by ЮрийВеб, -
- 3 replies
- 1.6k views
Сделал для себя учебную верстку по бесплатному макету. Вопросы на которые, возможно, мне смогут дать ответы более опытные верстальщики: - Постарался соблюсти принцип БЭМ для именования классов. Верно ли я применяю? - К сожалению, не удалось сделать, чтобы макет абсолютно соответсвовал PixelPerfect, особенно это заметно в тексте. Тестировал в Chrome 55.0.2883.87 (Windows 10). Подскажите на примере какого-нибудь блока в чем я делаю ошибки - Так же хотелось бы прочесть любую конструктивную критику Небольшое отступление, добавлю обязательно еще мобильный вариант и слайдеры, это в процессе. Хотелось бы узнать ошибки на том этапе, что выполнен. Исходники https://git…
Last reply by BrusSENS, -
- 3 replies
- 1.3k views
Добрый день, я начинающий верстальщик и пытаюсь трудоустроится, было задание от одной фирмы (файл прекрепила): 1. Верстка страницы (прикрепленный файл). - Верстка страницы PSD 2 HTML - 12 columns grid - Responsive, адаптивная для мобильных устройств - Нужна верстка pixel perfect - Шрифт google fonts В итоге я сделала, и не написали что там ооооочень много ошибок, помогите понять где, Вот результат https://annaumi.github.io/test-task-from-fruitful-code.github.com/ Профи помогите!
Last reply by npofopr,
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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/
-