Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2327 topics in this forum
-
- 6 replies
- 1.2k views
Добрый день. Закончил свою первую верстку, начатого мной, нового направления "Верстка". Оцените пожалуйста и укажите на недоработки. Жду конструктивной критики. Спасибо! http://secret-diary.ru/raira/
Last reply by west456, -
- 5 replies
- 1.2k views
Возникла необходимость показывать загрузку сайта в процентах. нагуглил такое решение. Некоторые вещи не понравились, поэтому на его основе сделал прелоадер. Работает с бекграундами, картинками и айфреймами. В примере привел только айфреймы, так как картинки выискивать в инете лень. Пожалуйста протестируйте, пишите замечания и найденные баги. Если есть идеи по улучшению, пишите.
Last reply by ShumNo, -
- 1 reply
- 1.2k views
Сверстал еще одну страницу. Макет небольшой, но с кучей декоративных элементов. Что-то здесь не так: Вся графика посажена на z-index с помощью псевдоэлементов, чтобы не создавать лишних пустых тэгов в разметке. Под конец полностью запутался в этих индексах и в том, что относительно чего спозиционированно, особенно когда открыл все это дело в IE8. Есть ли более оптимальные решения или так тоже сойдет? Из-за пункта выше в IE7 пришлось посадить целый огород из хаков. В IE Tester все жутко тормозит, в IE 10 в режиме совместимости все нормально (у кого есть виртуалка, пожалуйста, посмотрите как там). Как с этим всем быть? Два белых круга на заднем плане в области шапки. Разм…
Last reply by Ludwig Voltman, -
- 5 replies
- 1.2k views
Доброго времени суток! Разрабатываю офф. сайт движка Morfy в свободное от работы время Сайт: http://morfy.org Работает на Morfy и использует плагины: sitemap, feed, redirect, highlight. Жду критик, советов и предложений
Last reply by Awilum, -
- 2 replies
- 1.2k views
Здравствуйте! Это моя вторая работа. Подскажите чего я не учел или вообще не правильно сделал, что-бы не допускать подобных ошибок. Также интересует семантика, на которую потратил немало времени, но так до конца и не разобрался. За основу взял макет отсюда - http://www.cssauthor.com/business-website-template-psd/ Верстка - http://business.hozyainov.com.ua/ P.S. Полного сходства с макетом не придерживался...
Last reply by Barnin, -
Не так давно увлекся сайто-строением, пока учусь в школе сделал небольшую страничку, и маленький php движок для нее. Оцените общее впечатление и посоветуйте что нибудь Тык Делал все на свой вкус иногда использовал готовые решения
Last reply by Actticus, -
- 1 reply
- 1.2k views
http://layout.kiev.ua/taxi Сайт верстался с помощью бутстрап 3. Так как с JS пока что на Вы, то использовал на главной странице дефолтный бутстраповский слайдер.
Last reply by DivMan, -
- 6 replies
- 1.2k views
Понимаю, что косяков там, наверное, туча. Макет: https://docs.google.com/file/d/0Bzaxm4w3ZjIsT29TUWJEMmtrejA/edit Верстка: http://bumblebee.p.ht/ Моя первая работа, доведенная до конца (кроме главного слайдера, его я оставлю на потом). Критикуйте
Last reply by IvanRu08, -
- 7 replies
- 1.2k views
Прошу оценить сайт моего друга (у него не работает интернет, поетому он попросил меня): Адрес: http://gishlevel.ucoz.com/ Прошу оценить: Качество кода Дизайн
Last reply by nemo59, -
- 6 replies
- 1.2k views
Здравствуйте! Прошу оценить вёрстку шаблона для интернет-магазина одежды, а именно мне нужна критика, указывание ошибок и объяснение их. В общем, тыкайте носом, бейте, пинайте, но с объяснением что не так и почему, чтобы я не допускал больше таких ошибок и понимал их. А также как можно исправить мои ошибки. Также приму критику по дизайну (всегда испытываю проблемы с цветовыми гаммами и структурой сайта), потому как мне она кажется не достаточно хорошей. Приму любые советы. Благодарю за внимание. http://jsfiddle.net/Libiros/dWcJY/13/ http://jsfiddle.net/...mbedded/result/
Last reply by Justnewone, -
- 4 replies
- 1.2k views
В первую очередь спасибо комьюнити, за подсказки и решения некоторых заморочек, которые возникали с версткой. Сайт верстал с помощью фреймворка bootstrap, поэтому мобильная версия отличается от компьютерной. Вопросы следующего характера: 1. Юзабилити мобильной версии, удобно ли, что можно сделать лучше. 2. На сколько правильная верстка не мобильной версии. 3. На сколько правильно отображается сайт на стационарных компьютерах (тестил только на ноуте и симуляторе смартфонов), что можно поправить. 4. Работает ли mask input формы обратной связи на мобильной версии. Сайт - лендинг про продажи smart watch. www.gadjet.pro
Last reply by Pinga, -
- 0 replies
- 1.2k views
Здесь только разметка, без стилизации макет : http://radikal.ru/lfp/s010.radikal.ru/i312/1607/ed/0b2717720a69.jpg/htm код: http://jsbin.com/venewunifo/edit?html,css,output Что хочу от вас: полезные советы и критику Что больше всего волнует в этой разметке: названия классов, с этим полная беда Очень надеюсь на вашу помощь...
Last reply by Rimming, -
- 4 replies
- 1.2k views
Жду конструктивной критики, а также советов по дизайну и юзабилити следующего сайта по строительной тематике.
Last reply by Lisjann, -
- 4 replies
- 1.2k views
Сайт сделан давно..Тему можно было бы назвать мой первый сайт . Но выложил сейчас, ниже причина. Думаю переделать немного дизайн и структуру, поэтому хочу более объективно усмотреть недочеты. Сайт написан на PHP. Прошу оценить - доступность информации, юзабилити, дизайн, и есть ли траблы в верстке? Критерии в пред. предложении написаны по убыванию их значимости. Некоторые элементы обусловлены были желанием заказчика. Аудитория - коллекционеры и копатели и иже с ними. Кстати спасибо за ваш сайт - без него у многих не получилось бы делать сайты, в том числе и я. Хотя может это было бы и к лучшему, сейчас узнаем =) http://shtampovka.by Спасибо.
Last reply by Daiver, -
- 3 replies
- 1.2k views
Сайт ссылка Макет ссылка Оцените пожалуйста верстку макета.Так как опыта мало не спал пока разбираться со слайдером просто вставил картинкой.
Last reply by Endorphin, -
- 2 replies
- 1.2k views
Здравствуйте. Покритикуйте, пожалуйста, мою верстку. Сайт с версткой - http://testing-verstka.w.pw/ Изображение макета - http://s019.radikal.ru/i607/1412/e6/af9cdd168821.jpg
Last reply by koty25, -
- 0 replies
- 1.2k views
Добрый день. Изучаю самостоятельно фронт-энд не так давно. Вот взял с инета первый попавшийся PSD макет, сверстал его и выложил на бесплатный сервак. Функционал весь кликабельный: меню, галерея, формы (Немного поиграл с JQuery). Понимаю, что задача конечно не сложная. Но хотел бы услышать мнение и советы опытных коллег. http://chrom.zzz.com.ua/
Last reply by chrom, -
- 7 replies
- 1.2k views
http://must-know.ru/ Вот собственно черновой вариант своего первого толкового детища! Прошу оценить юзабилити и внешний вид, на верстку пока не обращайте внимания, так как я придумывал дизайн по ходу верстки, поэтому верстка не очень, но позже будет все переверстываться. А так же не имеет значения раздел "Лента знаний" так как я с ним пока не определился! Заранее спасибо.
Last reply by Zazqut, -
- 4 replies
- 1.2k views
Всем привет, вот разработал сайт, для заказчика. Но ему что-то не нравится, он сам понять ничего не может, говорит вроде все устраивает, и вроде что-то надо поменять. Сам не знаю, что где подправить. Вот сайт http://planetaservisa.ru/ Это пока тестовая версия сайта.
Last reply by Great Rash, -
Первый вариант Второй вариант Оцените, пожалуйста, юзабилити и общее впечатление. Какой из двух вариантов лучше? Второй вариант - только главная страничка. В первом варианте нужно верстку переделывать. И по второму варианту принимаю критику по верстке.
Last reply by RodgerFox, -
- 7 replies
- 1.2k views
http://1maket.pe.huсам сайт Это макет 1, из темы для начинающих. http://htmlforum.ru/index.php?showtopic=27438вот тут задание.
Last reply by VIVA, -
Здравствуйте! пару дней назад сверстал неплохую визитную карточку, прошу оценить верстку NiceCard - DEMO
Last reply by moslem, -
-
- 6 replies
- 1.2k views
Сверстал тут макет, который кто только уже не верстал. Ссылка. Терзайте меня теперь =)
Last reply by Softlink, -
- 6 replies
- 1.2k views
Подскажите плиз какие ошибки были допущены при верстке http://valentgostilian.elitno.net/Site1/index.html Заранее спасибо
Last reply by Diadumen, -
- 6 replies
- 1.2k views
http://www.testjs.bl.ee/
Last reply by CroaToa,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-