Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2327 topics in this forum
-
- 10 replies
- 1.7k views
Частенько я тут версту ругаю, теперь хочу чтобы вы поругали мою Шаблон fabrique. Адаптивность не делал. Бутстрап не применял, моя сетка ни чуть не хуже Цепляйтесь к любой мелочи. Также обещаю klierik'у не комментировать пробельные символы в разметке, как только найду лучший способ избавиться от пробелов между инлайн элементами. Пока так. http://pangur.bget.ru/fabrique/
Last reply by pangurban, -
- 13 replies
- 1.7k views
Собственно, моя вторая верстка.http://alex-portfoli...iness/home.html Макет здесь: http://alex-portfoli...siness_home.psdРасскажите, что так и не так. За исключением слайдеров, с ними я еще не разобрался и не прикрутил. Что я узнал? 1. Как делать выпадающее меню 2. Как накладывать тень для img 3. Для table и table-cell не работает позиционирование Что я сделал не так? 1. Свалил все картинки в одну папку 2... Подскажите, пожалуйста, как было бы правильнее сверстать блоки: 1. Над Latest Works. Я сделал с помощью table-cell, но это не соответствует макету, хоть и ровно сделано. 2. Элементы футера. Я сделал с помощью float:left И еще. Вообще не разобрался как правильно делать…
Last reply by spdif, -
- 7 replies
- 1.7k views
Здравствуйте! Оцените, пожалуйста, html5 верстку. Может, есть какие-нибудь ошибки или замечания по ней. Демо здесь: http://вашсувенир.рф/demos/test1/page1.html, http://вашсувенир.рф/demos/test1/page2.html
Last reply by Great Rash, -
- 7 replies
- 1.7k views
Здравствуйте! Прошу Вас дать оценку вёрстки двух страниц (главная и внутренняя). http://netalkonarko.ru/test/index.html http://netalkonarko.ru/test/second.html Буду рад любой критике, для меня это очень важно! Спасибо!
Last reply by 13bis, -
- 10 replies
- 1.7k views
Прошу указать на любые ошибки в верстке, а также дать советы по ошибкам в дизайне, т. к. все это плод моего неопытного воображения. http://fr7919pf.bget.ru Версталось на HTML5 и CSS3.
Last reply by XAHTEP26, -
- 6 replies
- 1.7k views
Здравствуйте! Меня зовут Алексей, я начинающий верстальщик. Это мой первый полностью сверстанный макет, и поэтому я хочу услышать по нему максимум критики и помощи. Первое, что не сходится с шаблоном, это кнопка. У нее еще должен быть 1px серый borderпо всему контуру, но я так и не смог сделать его, во всем остальном кнопка по максимуму сходится с шаблоном (в моей реальности ). В основном пытался сделать код читабельным, более менее правильным и красивым. В общем, самое главное это услышать от вас, правильный ли подход к оформлению элементов на странице у меня или нет, и почему. Выкладываю ссылку на макет и на сайт. Макет: http: //www.pictureshack.ru/images/42038_Goodware…
Last reply by aleksey.mrlss, -
- 2 replies
- 1.7k views
Сверстал макет для тренировки: http://zxcv.url.ph/blue-blog/index.html Это тянет на семантическую верстку?
Last reply by Заглянувший, -
- 3 replies
- 1.7k views
Оцените верстку. Хром, лис, опера, ие 8, ие 9 в целом выглядит нормально. Скриншот Верстка Проблема с ие 6 и ие 7. Решил научиться работать и с этими браузерами, так что здесь нужна ваша помощь. Как видите в 6-ом ие проблема с менюшкой в основном, сверху справа, ну а линию я думаю за счет отступов в условных коментах поправлю ИЕ 6 Скриншот 1 Скриншот 2 Скриншот 3 В 7-ом ИЕ также проблема с менюшкой, плюс картинка в шапке уехала. ИЕ 7 Скриншот 1 Скриншот 2
Last reply by Rustick, -
- 5 replies
- 1.7k views
Всем доброго времени суток. Вчера ночью наклепал новый дизайн для сайта, вот хочу узнать ваше мнение, уважаемые форумчане. Скажите, какой из двух дизайнов кому больше нравится. Меня интересует мнение глазами пользователя, который зашел на сайт. Буду благодарен за субъективную оценку. Старый дизайн: http://www.admin.code-live.ru Новый дизайн: http://www.code-live.ru
Last reply by selevit, -
- 9 replies
- 1.7k views
Доброе время суток, изучаю html5, сверстал свою первую страницу, если кому-нибудь не жалко потратить немного времени, посмотрите, пожалуйста, что получилось,и напишете свои замечания по коду (обоснованная критика приветствуется) Что получилось можно посмотреть ЗДЕСЬ
Last reply by stan07, -
- 2 replies
- 1.7k views
Первый макет — http://starbuzz.16mb.com/level-1/ Как должно быть — http://starbuzz.16mb.com/level-1/1.png Второй макет — http://starbuzz.16mb.com/level-2/ Как должно быть — http://starbuzz.16mb.com/level-2/2.jpg Третий макет — http://starbuzz.16mb.com/level-3/ Как должно быть — http://divhack.com/downloads/study/3/3.jpg Если что-то не так подскажите пожалуйста где допустил ошибку, буду очень признателен. Заранее спасибо!
Last reply by Aleksey19881988, -
- 5 replies
- 1.7k views
Привет! В начале сам сабж Макет из данной темы. Задачи, которые ставились: Оцените, пожалуйста, насколько удалось (или не удалось?) выполнить требования к верстке. Спасибо!
Last reply by SergIQ, -
- 2 replies
- 1.7k views
Оцените пожалуйста верстку письма. Я старался делать письмо под максимальное количество почтовый клиентов. Достаточно ли она качественная, можно ли работать на фрилансе с таким уровнем? https://www.dropbox.com/s/avxzybwdo5f9w2w/myletter6.html?dl=0 myletter6.html
Last reply by Dmitrij, -
- 7 replies
- 1.7k views
Оцените, пожалуйста, верстку, выскажите замечания. По ссылке верстка не сайта, а пошаговой формы заказа (там можно также переключатся кнопками Назад и Далее) http://web-portfolio1.narod.ru/index8/index.html http://web-portfolio1.narod.ru/index8/index1.html http://web-portfolio1.narod.ru/index8/index2.html http://web-portfolio1.narod.ru/index8/index3.html http://web-portfolio1.narod.ru/index8/index4.html
Last reply by Heidel, -
- 9 replies
- 1.7k views
Это мой первый сверстанный макет.Psd сайта нашел в интернете. 1)Сайт про игру Lineage2 2)Хочу чтобы вы оценили верстку!Хочу знать свои ошибки. 3Ссылка Заранее благодарю за ответ Прошу прощения забыл указать что в шаблоне все ссылки ведут на index.html.форма тоже не работает
Last reply by atew, -
- 9 replies
- 1.7k views
Здравствуйте. Оцените, пожалуйста, верстку. По времени вышло около 7-и часов, скажите, пожалуйста, это нормально? http://nt-portfolio.bl.ee/ Изначально в макете не было ничего намекающего на резину или адаптивность, переделал как мне представилось. Макет сейчас увидел, что внизу форма ровная, а я почему то сделал неровную) Исправлю.
Last reply by Нарек, -
- 8 replies
- 1.7k views
Все таки серьезно взялся за обновление старых работ. http://freeway-design.ru/projects/els/ - логистическия компания. Резина.
Last reply by Svatov, -
- 11 replies
- 1.7k views
Обновил тут по-крупному сайтик с панорамами Магадана и области — http://magadan360.ru/. Правим оставшиеся баги после переноса всех панорам, но было бы интересно услышать мнения касаемо дизайна и прочего. С десктопным вроде определились, но, вероятно, в мобильном есть какие-то неудобные штуки, поэтому мнения со стороны будут ценны и полезны.
Last reply by psywalker, -
- 3 replies
- 1.7k views
Посмотрите, что наверстал енто макет тут верстка http://incorp.byethost5.com но не надо сразу хватать браузеры и тянуть верстку она не адаптивная) учусь сам спросить неукого поэтому я просто хотел бы, чтобы вы посмотрели и за самые большие косяки в верстке руки мне поотбивали
Last reply by parliament, -
- 4 replies
- 1.7k views
Добрый день, уважаемые участники форума. Оцените, пожалуйста, мою первую верстку. Два нюанса: а) ошибка с названиями классов camelCase мне известна; б) слайдеры - это велосипеды на чистом JS и да, их можно было бы сделать резиновыми, но было лень ) всё равно в реальном проекте проще на jquery писать. Или я здесь не прав? Собственно сам сайт: http://svden.github.io/PracticeEcommerce/ Макет (переведен в JPG): https://gyazo.com/4dcba975a038e1f77e87a6d053b0f34c Что улучшить? Где нужно было делать иначе? В общем, буду рад любым замечаниям (особенно развёрнутым . Спасибо.
Last reply by panteriya, -
- 0 replies
- 1.7k views
тестировал в сафари и в хром. Оба на мобильных устройствах. Добавил разделение по колонкам, и последняя колонка, когда большой текст не выводится. Не работает только в хром. { -moz-column-count: 2; /* Для Firefox */ -webkit-column-count: 2; /* Для Safari и Chrome */ -webkit-column-width: 100vw; column-count: 2; column-width: 100vw; max-height: 100vw; font-size: 1em; }
Last reply by stick stan, -
- 3 replies
- 1.7k views
Четырем месяца назад создавал тему http://htmlforum.ru/...showtopic=44983 , в которой просил оценить верстку сайта. Сегодня прошу оценить тот же сайт, но с учетом проделанной работы над ошибками. http://www.arteliko.ru Итнтересует мнение именно о верстке (html, css), любые самые незначительные замечания (как всегда стремлюсь к идеалу). P.S. Сайт резиновый. Также, при смене размера шрифта браузера, размер текста на сайте тоже меняется, как и сам сайт подстраивается под содержимое. Прошу все это протестировать. Спасибо за внимание.
Last reply by klierik, -
- 5 replies
- 1.7k views
Вёрстка: http://pashkes.github.io Исходники: https://github.com/pashkes/164879-gllacy Резина 1200-900, главная страница и страница каталога (в меню), форма обратной связи в блоке карты. Скриншоты 2-х страниц: https://screenshot.ru/upload/image/NjiK https://screenshot.ru/upload/image/NjiL
Last reply by Pashkes, -
- 4 replies
- 1.7k views
Здравствуйте, купил домен, сделал простенький html сайтик, в итоге решил заменить его на так называемую лендинг страницу. Шаблон бесплатный, переделал под себя. Хочу узнать общие мысли о дизайне, не отпугивает ли страница, цвета да и вообще общие впечатления. Критика уместна. Сайт представляет собой партнерскую страницу одного известного покерного сайта. http://onlybets.ru/
Last reply by froot, -
- 4 replies
- 1.7k views
Добрый вечер, хочу узнать насколько грамотен такой подход к верстке декоративного меню? - в плане того что много абсолютно позиционированных элементов и псевдоелементов, может посоветуете вариант по лучше. И еще небольшая проблема: при сужении окна появляется белый блок справа, решить проблему получилось только использовав свойство "overflow: hidden;" для блока ".main-header"(идет первым); но хотелось бы найти более правильный выход - может сможете подсказать? Код здесь: http://cssdeck.com/labs/j29sqn5a Всем отозвавшимся заранее очень благодарен=)
Last reply by Sergik+,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-