Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2327 topics in this forum
-
- 0 replies
- 1.8k views
Доброго времени суток! Осваиваю верстку по методологии БЭМ. Прошу оценить мою 1-ю страничку по БЭМу, интересуют ошибки в коде чувствую их накопится немало. Заранее благодарю. http://web-verstka.zzz.com.ua/bem1/
Last reply by stan07, -
- 7 replies
- 1.8k views
т.з. — вёрстка блочная — раскладка резиновая, все 3 колонки тянутся пропорционально — минимальное разрешение, при котором не появится горизонтального скроллера – 1024px x 768px. максимальная ширина при растягивании — 1280px — футер всегда прижат к низу страницы — страница сохраняет свою функциональность и внешний вид при отключённой графике — кроссбраузерность (Internet Explorer 7.0 +, Opera 9.0 +, Google Chrome 1.0 +, Mozilla Firefox 3.5 +, Safari 3.0 +) — SEO-оптимизация — валидность XHTML (1.0 Strict) и CSS — семантика кода проверка на соответствие стандартам xhtml 1.0 strict & css: http://validator.w3.org/ http://jigsaw.w3.org/css-validator/ http://exfile.ru/169…
Last reply by psywalker, -
Здравствуйте, прошу уважаемых гуру, погонять что не так по коду? Вроде валидацию XHTML strict прошел. В CSS если загляните было бы хорошо, что там, как лучше делать? Это моя первая так сказать чистовая верстка, которую вроде, как мне кажется не стыдно показать. Мне важен код! Дизайн не мой, просто понравился решил на нем потренироваться. Главная Внутренняя страница
Last reply by hamanovich, -
- 3 replies
- 1.8k views
я новичек - укажите пожалуиста н а ошибки сверстал полностью на флексах + адаптив вот сайт http://frontend-er.h1n.ru/
Last reply by npofopr, -
- 2 replies
- 1.8k views
Здравствуйте! Вёрстка второго макета. Кнопка входа, элементы видеоряда активны. На странице "video" также кликабельны элементы видеоряда, кнопка "показать еще". На странице "drafts" Есть небольшое всплывающее окошко, появляющиеся при скролле. В header активна кнопка "Войти", и "регистрация". В подвале кнопка прокрутки наверх. Пожалуйста, "потыкайте" на все активные элементы(кнопки входа, регистрация), элементы видеоряда(на страницах "main" и "video"), я пытался сделать их через чистый js, хотелось бы узнать, возможна ли такая реализация функционала в реальной жизни... Не получилось: 1) На элементах видеоряда наложены before(их вы также могли заметить на pricin…
Last reply by Gotcha_Fish, -
- 11 replies
- 1.8k views
Первая работа, которую полностью закончил. Хочу услышать критику по поводу моей верстки: что сделал неправильно и так далее. По возможности проверить кроссбраузерность. У меня отлично отображается в IE10,9, Chrome, FF, Opera. Возникло 2 проблемы, которые никак не могу решить. Сайт: http://cm04741.tmweb.ru/ 1. Почему то не работает @font-face, когда пытаюсь подключить шрифт в нескольких форматах. То есть беру Roboto Regular.tff, генерирую с помощью сервиса дополнительные форматы и подключаю вот так: @font-face { font-family: 'robotoregular'; src: url('robotoregular-webfont.eot'); src: url('robotoregular-webfont.eot?#iefix') format('embedded-opentype'), ur…
Last reply by IvanRu08, -
- 4 replies
- 1.8k views
Наверное уже не осталось мамонтов, которые делают сайты на статичных страницах. Бесплатные Джомла и Вордпресс обросли таким количеством бесплатных плагинов и шаблонов, что даже самый придирчивый всегда сможет найти что-нибудь по вкусу и без особых напрягов сделать на шаблоне довольно приличный сайт. Но это не про меня. Год назад я наткнулся на классную штуку, которая называется tiddlywiki - это персональная страничка - блокнот, которая сделана на javascript (полностью статичная) и она может сохранять себя сама! При помощи node.js на своем компе можно разбивать эту одну страничку на много отдельных статичных страниц. В общем смотрите, что у меня получилось __с…
Last reply by HEEG.HTML, -
- 2 replies
- 1.8k views
Здравствуйте. Оцените вёрстку LandingPage Исходники Во время вёрстки изучал Foundation 6 и SMACSS. Хочу получить критику использования этих технологий от разработчиков, которые с ними работают. Прошу оценить кроссбраузерность, адаптивность, организацию кода. В Firefox на мобильных расширениях появляется нижняя полоса прокрутки, в Chrome/Opera этой полоски нет, не знаю почему.
Last reply by shol, -
- 14 replies
- 1.8k views
Доброго времени суток, уважаемые форумчане. 3-я самостоятельная попытка верстки странички. Рsd шаблон был взят здесь же на форуме. Прошу посмотреть и высказать ваши замечания и пожелания. Заранее благодарен . Вот страничка: www.forownneeds.tk
Last reply by BeetleJuice, -
- 7 replies
- 1.8k views
Доброго времени суток! Я начинающий верстальщик, это одна из моих первых работ. Оцените пожалуйста мою верстку. Интересно узнать: 1. Что сделано неправильно? 2. Что можно было сделать лучше, проще? 3. Оцените качество верстки по шкале 1-10 (1-наихудшее, 10-наилучшее). Ваши советы и критика очень важны для меня, заранее всем спасибо. Кстати, всех с прошедшими праздниками! Вот собственно сама верстка: http://mywork1.andrew-layout.tk/
Last reply by Andrew_007, -
- 5 replies
- 1.8k views
http://pdd-vmg.ru/ Очень хочу узнать, интересна ли моя идея? Долго ли загружается? Удобно ли пользоваться сайтом? В код лезть не надо. А сможете добавить вопрос для своего города?
Last reply by nightgremlin, -
- 4 replies
- 1.8k views
В общем есть два сайта ugen.me и dt.pokaple.com Абсолютно все мои знакомые утверждают, что ugen.me, более приятный глазу сайт, но я видно один единственный кто думает иначе. Мне интересно Ваше мнение, желательно агрументированое. Вся проблема в дизайне. Благодарен)
Last reply by iKNG, -
- 8 replies
- 1.8k views
Прошу критики и побольше, мой первый макет, а это с чего делал! Целый день за ним сидел! Вчера, правда, вообще ток узнал что такое эти макеты ! Оцените в плане, на сколько отличается от оригинала!
Last reply by SelenIT, -
- 4 replies
- 1.8k views
Прошу оценить верстку мини landing page . http://vacations.besaba.com/ Пишите что не так. Ошибки.
Last reply by webmasterFast, -
- 3 replies
- 1.8k views
http://ucpb.org/new/index.html Это все будет натягиваться как шаблон на MODx, так что ссылки не работают, просто как макет. Оцените дизайн, код и верстку, пожалуйста. Буду очень благодарен, если кто-то подскажет, как победить сглаживание в кастомных шрифтах и их подгрузку для IE, а также RGBa для него же.
Last reply by mishka, -
- 6 replies
- 1.8k views
Помогите оценить уровень.Нужна критика. Собираюсь опять зарабатывать версткой, пока качаю скилл. Заранее спасибо за потраченное время. Верстка нубо верстка Вот шаблон для верстки
Last reply by chekit, -
- 8 replies
- 1.8k views
Не знаю что с шапкой делать) Подскажите пожалуйста, что можно там разместить.. Вариантов 5 перебрал, ничего не устраивает. Глаз окончательно замылился!
Last reply by penchukov, -
- 8 replies
- 1.8k views
Доброго времени суток! Уважаемые форумчане, помогите начинающему верстальщику. Макет первый, укажите на ошибки и недочеты явные верстки каркаса HTML, и оформления стилей. Дайте общую оценку верстки. Скажите насколько такая верстка"сырая" . Можно ли пробовать брать работы, или же темень такая, что учиться и еще раз учиться?=) http://tt.e3w.ru/ - верстка http://pixs.ru/showimage/utapng_6944280_11530414.png - PSD (взят с этого же форума http://htmlforum.ru/index.php?showtopic=16763)
Last reply by post-rock, -
- 12 replies
- 1.8k views
Спасибо всем за предыдущие отзывы, прошу оценить верстку заново, может что еще не так? http://testsiteoleg126.tk/CreativeDesignServices/
Last reply by Ironimus, -
- 4 replies
- 1.8k 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.8k views
Вот ссыль: http://www.htmlonline.3dn.ru/Design.html
Last reply by Vlad, -
- 9 replies
- 1.8k views
Добрый день участники форума (в первые секунды была мысль написать, здравствуйте фрилансеры просьба оценить мой сайт. http://portfolio-st.com/ Созрела отдать его для критики. Просьба, объективная критика.
Last reply by Tatiana_Balitskaya, -
- 3 replies
- 1.8k views
Здравствуйте. На данный момент занимаюсь изучением вёрстки. Оцените, пожалуйста, одну из первых работ на Bootstrap 3: http://aleksandr.vn.ua/works/recreation-center/code/index.html
Last reply by shol, -
- 5 replies
- 1.8k views
Как Вам www.snow-web.ru ? Только не пинайте сильно. Может доделать чего?
Last reply by Lisjann, -
- 7 replies
- 1.8k views
Приветствую! Создал свой блог, с каждым днем посещаемость растет. Блог на тему веб-дизайна и веб-разработки. Хотелось узнать ваше мнение, насколько им удобно пользоваться, красиво ли смотрится дизайн и качество контента. Ссылка на сайт - http://mikebreeze.ru/ Дизайн сайта, верстка, адаптация на wordpress, написание статей - все лежит на мне, поэтому судите как можно строже! Также сайт адаптивный
Last reply by ZhenevyevaN,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-