Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2327 topics in this forum
-
- 2 replies
- 2.3k views
Доброго времени суток, Потестируйте, пожалуйста VK. Пока что это пре-релиз версии для визуальных редакторов. hxxp://debugger.ru/blog/richedit_vk Что умеет: * поддерживает более 130 раскладок, включая китайские/корейские * работает с input/textarea/iframe * позволяет вводить текст как мышой, так и транслирует нажатия кнопок Стабильная версия (без поддержки фреймов): http://debugger.ru/demo/projects/virtualkeyboard/
Last reply by WingedFox, -
- 5 replies
- 2.3k views
Убрал ссылку — by DW - верстку
Last reply by Dimitry Wolotko, -
- 4 replies
- 2.3k views
http://allprograms.ucoz.ru отцените сайт В комментариях скажите как вам понравился дизайн и содержимое страниц.
Last reply by Kod-E, -
- 16 replies
- 2.3k views
Доброго дня. Прошу оценить верстку и указать на ошибки. http://mihayliack98.url.ph/naturetour/index.html
Last reply by Ghost86421, -
- 3 replies
- 2.3k views
Оцените сайт, только сегодня закончил, интересно ваше мнение! http://qwelp.ru Заранее спасибо!
Last reply by Andryshok, -
- 15 replies
- 2.3k views
Предупреждаю сразу, я только увлекаюсь HTML и не являюсь в этом деле продвинутой. Поэтому прошу верстку строго не судить, а посмотреть на дизайн взглядом обычного пользователя. Сайт - http://neo-forum.ucoz.ru/
Last reply by SelenIT, -
- 6 replies
- 2.3k views
Добрый вечер. Не так давно начал изучать верстку. Вот моя первая страница. Легкая, конечно, но уверен и в ней есть немало ошибок. Прошу строгую, но адекватную критику. https://alex2033.github.io/
Last reply by WebNewbe, -
Сайт Оцените его со всех сторон, пожалуйста. з.ы. страница "О нас" и "Главная" без контента пока, поэтому по воду можно промолчать)
Last reply by Golgi, -
- 4 replies
- 2.3k views
Здраствуйте, могло бы многоуважаемое сообщество указать на ошибки в html версии обложки DVD диска, доступна по адресу www.artunion.cellbiol.ru Так как предполагается рапространение на DVD то над оптимизацией размеров картинок особо не задумывался (размер главной страницы 250 kb, размер заголовка около 100 kb) Также, хочу предупредить что большинство разделов не заполнено, во многих местах нет картинок и вместо них "ссылочные заглушки", также некоторые ссылки не работают по причине, опять же отсутствия материала. т.о. я прошу оценить не наполнение, а оформление и правильность кода. Спасибо.
Last reply by DMGaster, -
- 13 replies
- 2.3k views
Тема с макетом и вёрстка оного. Макет я не ужимал в ширину и верстал как есть. Наблюдал, что тут не приветствуют id, но я не вижу причин неприменения его для уникальных элементов, поэтому надеюсь, что не нанесу никому душевных травм. В шапке есть выворачивание кишок для того, чтобы "забор" занимал весь бэкграунд, а не только центральный враппер. Может я не прав, и это реализуется гораздо проще. Критика приветствуется. В заголовках h3 запихнул спан для того, чтобы выровнять текст в IE 7. Ваши варианты? На локальном серве трейлер проигрывается, а юкоз, наверно, не даёт., но пофиг, т.к. в текущем виде всё равно не подходил для достижения требуемой цели. Скроллбар не совсем…
Last reply by Boolat, -
- 3 replies
- 2.3k views
Здравствуйте, оцените пожалуйста верстку. Исходник и сам результат, а также макет.
Last reply by ttbomk, -
- 12 replies
- 2.3k views
Первый раз верстал более-менее сложный макет, который взял с этого же форума. http://forum.htmlboo...showtopic=27440 отсюда. сверстанный макет - http://kompolom.ru/p...samples/templ1/ Большая просьба, дать конструктивную критику, что получилось, что нет, и как правильней.
Last reply by uuu, -
- 5 replies
- 2.3k views
Здравствуйте, оцените, пожалуйста верстку. Делал с помощью Susy 2. Верстка адаптивная, резиновая. Макет взял с интернета. Ссылка на гитхаб; Демо; Есть также пара моментов: 1. Возможно как-то сделать чтобы при добавлении контента див этот растягивался и не выезжал текст 2. Социальные иконки идут в мобильной версии после блока с текстом, а в десктопной до и справа, флоатом и относительным позиционированием я этого добился, но порядок у них изменился. Есть другие решения? Спасибо!
Last reply by xzarxzes, -
- 10 replies
- 2.3k views
Вот тут сама верстка: http://chakra.besaba.com/examples/indotourism/index.html Тут шаблон страницы: http://all-psd.ru/files/19-05-2013/01910.zip Тут jpg этой страницы: http://i60.fastpic.ru/big/2013/1218/1f/58b7de3f68fbcda0f9bee9d6383b571f.jpg Буду очень признательна, если ответите на несколько вопросов: 1. Правильно ли я подключила шрифты (в частности, cufon для IE8-)? 2. У страницы горизонтальная симметрия, поэтому я отцентрировала основные элементы, но из-за этого элементы сдвинулись относительно их расположения на шаблоне. Такое допускается? Как обычно относятся к подобным "улучшениям"? 3. Возможно, нужно было использовать заголовки <h1>,... Если да, то где им…
Last reply by Chakra, -
- 16 replies
- 2.3k views
Вот сайт http://dima.chpmodul.com.ua/ сделан по макету http://absolvo.ru/tmp/uta.png на вид все вроде правильно, только текст пиксель в пиксель никак не могу подогнать, расстоянием между строк между словами и буквами угадать не получается. В основном мне интересна правильность самой верстки, но если увидите еще какие-то ошибки - буду благодарен за критику. Спасибо заранее
Last reply by o5Tolik, -
- 4 replies
- 2.3k views
Зацените сайт, обмен вещами ru-obmen.ru
Last reply by Victor Ananiev, -
- 2 replies
- 2.3k views
Всем привет! Имеется одна до безобразия простейшая веб-страница (http://www.cssdesk.com/FzRm2), созданная в процессе изучения азов HTML и CSS. Вопрос таков: что в HTML-коде и таблице стилей данной вёрстки можно было бы сделать грамотнее/иначе/правильнее/лучше? За банальный пример простите уж, да больно хотелось спросить... Спасибо!
Last reply by Mozzie, -
- 4 replies
- 2.3k views
Добрый день! В общем вопрос такой. Я не верстальщик и не программист, но по работе иногда нужны небольшие знания HTML. Вопрос такой. Редактируя описание товара, создаю список через <ul>. На самом сайте в каждой из карточек товаров есть состав комплекта. Так вот, этот список <ul> будто бы прилипает к блоку с составом комплекта.. В общем приходится в один из списков прописывать style="margin-left", чтоб не прилипало к блоку с составом комплекта. Во вложении скриншоты. Через "просмотр кода" в браузере я вижу следующее: в блоке состава комплекта прописат стайл margin-right:25px. В чем тогда проблема, почему списки <ul> липнут к этому составу комп…
Last reply by shocked, -
- 6 replies
- 2.3k views
Всем привет. Собственно по сабжу: Верстка GitHub верстки
Last reply by tarthur, -
- 19 replies
- 2.3k views
Перевёл сайт http://art143.ru на CodeIgniter, переверстал на HTML5 и слегка подправил дизайн. У кого какие есть замечания и предложения по вёрстке и дизайну?
Last reply by Vlad, -
- 0 replies
- 2.3k views
Всем привет! Оцените учебную верстку. Исходник PSD был отрисован только под десктоп. Пришлось делать адаптивность как есть desktop first. C SVG - анимацией сталкиваюсь первый раз. Вообще много с чем сталкиваюст первый раз на этом макете. Верстка выполнена на основе сетки бутстрап4. https://schamil74.github.io/Daisy
Last reply by Schamil74, -
- 7 replies
- 2.3k views
Здравствуйте. Оцените пожалуйста данную верстку. Судить строго! https://alex2033.github.io/ Использовал: сетку с поддержкой флексов (Flexbox Grid) На данный момент пока самый сложный макет, который верстал. Реализованы: - слайдеры - плавные переходы по ссылкам на якори - адаптивное меню Toggle(специально верхнюю часть хедера делал через флоаты, т.к. с флексами Toggle несколько конфликтует) - табы - scroll up - всплывающие окна и прочее
Last reply by Hasiev, -
- 14 replies
- 2.3k views
Сверстал страницу девятого уровня, по одному небезызвестному макету. Проверял пиксель перфектом, в пределах одного метра все более-менее сходится. Больше интересует кривость реализации. Особо безнадежные моменты: 1. HTML5 теги. Что не на своем месте? 2. Квадратная деградация в IE. Можно ли ее назвать изящной или нужно поизвращаться? 3. Тег h1. Так и не придумал куда его воткнуть. 4. Форма с чекбоксами и горизонтальные менюшки. Кажется, что все сделано через одно место. Большая просьба оценить все это безобразие.
Last reply by Bassline, -
- 22 replies
- 2.3k views
Обещал проверить новую верстку на валидаторе. Как вы оцениваете верстку?Чем не понравился валидатор для табличной верстки, анализирую:1) Проблема в подключение шрифта из сервиса "Гугл", в чем проблема?2) Всегда использую в таблицах, не выношу в CSS - border="0" cellspacing="0" cellpadding="0" width="100%"3) Для ячейки, также оставляю в коде - valign и align4) Для картинки - border пишет что устаревшее, Понятно что в CSS можно вынести, но не заприщается писать у каждой картинки.5) Дубликат ID various1 - дублирую, так как всплывашки с одинакомыми размерами. Не вижу смысла делать разные ID.6) У картинок border бываю пишу 2 раза вместо 1. Чем и кому это мешает? http://www.ed…
Last reply by webmasterFast, -
- 7 replies
- 2.3k views
https://github.com/AlekseyPn/alekseypn.github.io/blob/master/index.html вот есть верстка, разметку делал по свеже изученым материалам по разметке БЭМ, кто уже давно пользуется даннлй методологией оцените, интересно ваше мнение, и правильно ли я понял как нужно размечать по БЭМ, можете потыкаться по репозитозиторию, там есть еще несколько файлов. Заранее спасибо.
Last reply by Endorphin,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-