Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2,327 topics in this forum
-
- 4 replies
- 1.7k views
Здравствуйте! Прошу оценить мою верстку : http://bivmur.16mb.com/Fabrique/index.html Макет взял здесь. Вроде как все сделал, но не понимаю на сколько это верно или нет. Вообще макет наверно предназначен для адаптивной верстки, но я еще не до конца освоил бутстрап, поэтому пока всё так как есть...
Last reply by noobkin, -
- 4 replies
- 1.2k views
Моя первая работа, изучаю HTML ,CSS месяц ... как улучшить код ? может много классов? должен ли верстальщик (работу делал именно для портфолио ) делать кнопки рабочими и форму? Наверное не стоит брать заказы , еще поработаю за опыт ..смогу ли я на фрилансе выполнять именно по css и html работу или рынок уже перенасыщен и нужно пробовать с JS что-то? https://jsfiddle.net/rootnoob/fq9tpoy5/ и сам сайт http://business-training.esy.es/
Last reply by nomalware, -
- 4 replies
- 1.3k views
Добрый день, уважаемые участники форума. Оцените, пожалуйста, мою первую верстку. Два нюанса: а) ошибка с названиями классов camelCase мне известна; б) слайдеры - это велосипеды на чистом JS и да, их можно было бы сделать резиновыми, но было лень ) всё равно в реальном проекте проще на jquery писать. Или я здесь не прав? Собственно сам сайт: http://svden.github.io/PracticeEcommerce/ Макет (переведен в JPG): https://gyazo.com/4dcba975a038e1f77e87a6d053b0f34c Что улучшить? Где нужно было делать иначе? В общем, буду рад любым замечаниям (особенно развёрнутым . Спасибо.
Last reply by panteriya, -
- 4 replies
- 1.4k views
Здравствуйте! Имеется две версии шаблона с анимированным слайдером баннеров: В исходном шаблоне баннеры выходят за края центральной колонки макета: http://www.biostar.ru/img/tmp/t1.html В измененной версии баннеры ограничены центральной колонкой макета: http://www.biostar.ru/img/tmp/t2.html Хотелось бы мнения публики относительно обоих вариантов - что лучше?
Last reply by Alex_, -
- 4 replies
- 1.3k views
добрый день, натянул дизайн на шаблон джумла 2.5 http://bcplaneta.com.ua/ буду благодарен замечаниям и критике - по допущенным ошибкам в работе. Особый акцент на корректное отображение на разных экранах Спасибо.
Last reply by mrfrunze, -
- 4 replies
- 1.1k views
Прошу оценить качество верстки http://multipurpose.aiq.ru/ Макет не адаптивный. Сверстано все без использования JS. Слайдеры, конечно, не совсем полнофункциональны, но т.к. я только в процессе изучения, то мне хотелось сначала научиться по максимуму научиться использовать возможности CSS, чтобы иметь четкое понимание, на каком этапе данные возможности заканчиваются. Надеюсь на ваше пристальное рассмотрение и объективную критику.
Last reply by Sergey_K_2015, -
- 4 replies
- 1.2k views
В первую очередь спасибо комьюнити, за подсказки и решения некоторых заморочек, которые возникали с версткой. Сайт верстал с помощью фреймворка bootstrap, поэтому мобильная версия отличается от компьютерной. Вопросы следующего характера: 1. Юзабилити мобильной версии, удобно ли, что можно сделать лучше. 2. На сколько правильная верстка не мобильной версии. 3. На сколько правильно отображается сайт на стационарных компьютерах (тестил только на ноуте и симуляторе смартфонов), что можно поправить. 4. Работает ли mask input формы обратной связи на мобильной версии. Сайт - лендинг про продажи smart watch. www.gadjet.pro
Last reply by Pinga, -
- 4 replies
- 1.4k views
Прошел практикум на htmlbook.ru. Теперь вот начинаю верстать веб-страницы для тренировки. Это первая. Сам макет в png - http://codeliner.ucoz.com/blackbeard/BlackBeard.png Готовая веб-страница - http://codeliner.ucoz.com/blackbeard/index.html Прошу критики. Сколько на ваш взгляд времени должна занимать верстка такой страницы (когда уже умеешь верстать)?
Last reply by codeliner, -
- 4 replies
- 1.6k views
Макет фиксированный. Обучаюсь вёрстке чуть больше месяца. В наименовании классов использовал методологию по БЭМ (похоже много раз перепутав блок с элементом). C JS еще толком не знаком, по-этому сделал только слайдер в разделе "отзывы" на чистом JS. Делал под требования IE10+ Макет Верстка
Last reply by HEEG.HTML, -
- 4 replies
- 1.4k views
Это первая моя работа. Подозреваю, что в ней не все так хорошо... Подскажите, что именно. Макет взял отсюда - http://www.freepik.com/free-psd/cafe-&-restaurant-website-psd-template_597943.htm Сверстанная страничка - http://cafe.hozyainov.com.ua/
Last reply by Barnin, -
- 4 replies
- 1.6k views
Наверное уже не осталось мамонтов, которые делают сайты на статичных страницах. Бесплатные Джомла и Вордпресс обросли таким количеством бесплатных плагинов и шаблонов, что даже самый придирчивый всегда сможет найти что-нибудь по вкусу и без особых напрягов сделать на шаблоне довольно приличный сайт. Но это не про меня. Год назад я наткнулся на классную штуку, которая называется tiddlywiki - это персональная страничка - блокнот, которая сделана на javascript (полностью статичная) и она может сохранять себя сама! При помощи node.js на своем компе можно разбивать эту одну страничку на много отдельных статичных страниц. В общем смотрите, что у меня получилось __с…
Last reply by HEEG.HTML, -
- 4 replies
- 1.9k views
Ребята, ваше мнение, а еще лучше - кто знает точно? Планирую около 5-ти однотипных но на разные тематики сайты. Контакты и контент тоже будут разные. Вопрос в том, не повлияет ли на раскрутку этих сайтов то, что все на одном хостинге, а доменные имена на одном человеке? И вообще, не заблокируют ли поисковики мне эти сайты?
Last reply by SeoManaz, -
- 4 replies
- 1.3k views
оцените пожалуйста форму, которая добавляет в базу рецепты коктейлей: http://fh79272k.bget.ru/files/works/coctails/1/ в первую очередь хотелось бы услышать отзывы об архитектурке
Last reply by Джулия, -
- 4 replies
- 1.6k views
Приветствую! Продолжаю изучать web-технологии, и сегодня завершил свою первую вёрстку по макету. Макет предоставлялся только в десктопной версии, так что я адаптировал его по ходу выполнения работы не прибегая к прорисовке отдельных макетов, т.к. пока что не силён в инструментах дизайна. Получилось, что получилось. Жду ваших комментариев. Макет: http://www.pcklab.com/templates/flat-corporate Сайт: http://igor-chernega-works.dx.am
Last reply by by chris, -
- 4 replies
- 1.5k views
<p class="q1">123333hjk</p> <p class="q2">333hjk<br>333hjk<br>333hjk<br>333hjk<br></p> *{ margin:0; padding:0; } .q1{ border:1px black solid; display:inline-block; height:70px; line-height:50px; } .q2{ border:1px black solid; display:inline-block; height:70px; line-height:10px; } Высота строки у q1 больше чем у q2 Но почему тогда самый высокий инлайн-бокс у q2, и базовая линия подтягиватся к нему?
Last reply by SelenIT, -
- 4 replies
- 1.9k views
Всем доброго времени суток, пожалуйста посмотрите и оцените мою первую верстку, хотелось бы услышать что правильно что нет, что можно было бы по другому сделать, критикуйте не стесняйтесь(желательно обоснованно)))). ссылка на сайт: http://foinni-ru.1gb.ru/ макет сайта прилагаю: Заранее благодарю всех добрых людей которые согласятся помочь!
Last reply by cfftrp, -
http://f0115661.xsph.ru/ (простите за бесплатный хостинг, бомжую ) Просьба рассказать об общем впечатлении о сайте, указать явные ошибки или недоработки в html/css. Для чего и для кого этот сайт - содержится в самом содержании сайта. Учу html/css полтора месяца, судить - строго! P.S. Кнопки заглушены, пока сделал только главную страницу.
Last reply by inono, -
-
- 4 replies
- 1.4k views
Здравствуйте. Я новичок, только что сверстал свой первый "сайт". Скопировал код из третьего примера отсюда http://htmlbook.ru/layout/fiksirovannaya-shirina-ispolzovanie-float и немного переделал. Помогите сделать "это" более-менее похожим на современный сайт, если это возможно. Дайте советы. MySite.rar
Last reply by Svetlana_P, -
- 4 replies
- 1.7k views
https://uzinouzi.github.io/Revelation/ Учебный PSD макет, что можете сказать по поводу верстки? Буду очень благодарен за конструктивную критику
Last reply by rpmcmerphy, -
- 4 replies
- 2.2k views
Здравствуйте. Прошу оценить верстку и указать на ошибки. Макет без адаптивности. http://www.testwebtest.h1n.ru
Last reply by Victor-ru, -
- 4 replies
- 3.9k views
Всем привет! Может кто помочь, всунуть языковую кнопку на сайт. Сайт делал из шаблона, в html соображаю не очень сильно. Я так понимаю, можно сделать типа поддомен для другого языка или как проще? Сайт ТУТ. Спасибо!
Last reply by Miria, -
- 4 replies
- 2k views
Подскажите пожалуйста, почему при выборе в пункте меню ссылки, она не переходит в нужное мне место на странице? https://jsfiddle.net/wg6t51zL/
Last reply by oleg126, -
- 4 replies
- 2.3k views
Проблема заключается в том что мне нужно чтобы изображение было на левом краю до конца блочного элемента, а список чтобы был справа и также до конца блочного элемента. Это все в заголовке. https://jsfiddle.net/Lyguc520/3/
Last reply by digenis, -
- 4 replies
- 2.1k views
Добрый день! В общем вопрос такой. Я не верстальщик и не программист, но по работе иногда нужны небольшие знания HTML. Вопрос такой. Редактируя описание товара, создаю список через <ul>. На самом сайте в каждой из карточек товаров есть состав комплекта. Так вот, этот список <ul> будто бы прилипает к блоку с составом комплекта.. В общем приходится в один из списков прописывать style="margin-left", чтоб не прилипало к блоку с составом комплекта. Во вложении скриншоты. Через "просмотр кода" в браузере я вижу следующее: в блоке состава комплекта прописат стайл margin-right:25px. В чем тогда проблема, почему списки <ul> липнут к этому составу комп…
Last reply by shocked, -
- 4 replies
- 1.9k views
Здравствуйте, оцените, пожалуйста, уровень верстки и моих знаний. Я училась всему сама из разных источников с перерывами во времени. Мне всегда это нравилось и я считала это своим хобби. Возможно ли с такими скиллами претендовать на позицию джуна в верстке? Мне нужен наставник, готова выполнить работу за конструктивный отзыв. Я не понимаю, правильно ли я делаю и спросить совета не у кого. Этот сайт я сделала для знакомого владельца гостевого дома в Крыму. Сделан от начала и до конца мною - дизайн, верстка, простые скрипты. Не придирайтесь сильно к дизайну, я ему не училась, поэтому все стандартно))) Да, знаю, нужно еще БЭМ освоить. https://donba…
Last reply by FotiniaFrost,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-