Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2327 topics in this forum
-
- 15 replies
- 2.4k views
Доброго времени суток, уважаемые форумчане. Сверстал макетик, прошу взглянуть и дать какие-то рекомендации или сделать замечания, указать на что обратить внимание? Ну, в общем, как обычно у новичков. Сайт одностраничник, с претензией на адаптивность и IE9 минимум: http://forownneeds.tk/ JS и jquery применял впервые, если возможно, то что-нибудь и по поводу скриптов скажите. Буду рад любым откликам, кроме вас расчитывать не на кого У меня самого есть пока два вопроса: 1) по поводу слайдера: как только загрузилась страница, анимация fadeIn/fadeOut начинает работать только на втором круге, а до этого просто резкая смена слайдов. 2) Почему в режиме эмуляции ИЕ9 шрифты сбрас…
Last reply by antonKar, -
- 5 replies
- 2.4k views
Добрый день, коллеги! Ничего особенного я вам не покажу - это мой первый сайт на html с применением css. Я постарался реализовать необходимые требования поисковых систем по качеству для его дальнейшего ранжирования - выполнил оптимизацию, структуризацию, добавил сайт в ПС гугл и яндекс. Если считать, что на этом этапе я выполнил все правильно, какие необходимо предпринимать дальнейшие действия, чтобы обойти конкурентов в поисковой системе?
Last reply by sigma77, -
- 11 replies
- 2.4k views
Добрый день уважаемый форум! Оцените пожалуйста мою первую верстку. Буду рад советам, замечаниям, критике. Собственно вот: http://kramakv.pusku.com/Site1/
Last reply by Валерия, -
- 12 replies
- 2.4k views
Сайт http://savemc.3dn.ru/ Жду море критики,так как это мой первый сайт,уверен что ошибок в нем полно,если что то нашли обьясняйте по подробней т.к. мои познания ещё очень малы(некоторые блоки были нагло скопипастены с других сайтов и чуть отредактированы)
Last reply by Non Stop, -
- 7 replies
- 2.4k views
https://github.com/AlekseyPn/alekseypn.github.io/blob/master/index.html вот есть верстка, разметку делал по свеже изученым материалам по разметке БЭМ, кто уже давно пользуется даннлй методологией оцените, интересно ваше мнение, и правильно ли я понял как нужно размечать по БЭМ, можете потыкаться по репозитозиторию, там есть еще несколько файлов. Заранее спасибо.
Last reply by Endorphin, -
Здравствуйте! Помогите пожалуйста, нужно посмотреть мою "кривую" верстку в IE6, у меня его нет. firefox и chrom по моему норм. Но буду рад замечаниям, если нужно выложу исходники. Дело в том что я первый раз верстаю, даже наконец то понял что такое валидность кода, теперь с кроссбраузерностью надо разобраться ) И еще я сделал все в px, с картинки ), но наверно на больших мониторах будет смотреться криво, как размеры из px перевести в % относительно страницы. Наверно многовато прошу Вот страница Ссылка на страницу
Last reply by penchukov, -
- 2 replies
- 2.4k views
Всем привет! Имеется одна до безобразия простейшая веб-страница (http://www.cssdesk.com/FzRm2), созданная в процессе изучения азов HTML и CSS. Вопрос таков: что в HTML-коде и таблице стилей данной вёрстки можно было бы сделать грамотнее/иначе/правильнее/лучше? За банальный пример простите уж, да больно хотелось спросить... Спасибо!
Last reply by Mozzie, -
- 4 replies
- 2.4k views
Подскажите пожалуйста, почему при выборе в пункте меню ссылки, она не переходит в нужное мне место на странице? https://jsfiddle.net/wg6t51zL/
Last reply by oleg126, -
- 9 replies
- 2.4k views
Приветствую. Сделал нечто https://lnf353.github.io/desoliosite/ У всего этого дела есть одна проблема, которая меня волнует(проблемы есть ещё, но не такие волнительные для меня), если перейти в раздел, которые подгружает кусок кода в блок past-content, то посредством стрелочек назад\вперед и api history можно ходите по странице взад\вперед. Но если, нажать refresh, то перезагружается только тот вставленный кусок когда. Как сделать так, чтоб при нажать кнопки ОБНОВИТЬ появлялась вся страница с загруженным в данный момент разделом. Я подозреваю, что для этого нужно php, но пчп я не трогал даже нежно пока. Ну и критика вёрстки, конечно, приветствуется.…
Last reply by Switch74, -
- 4 replies
- 2.4k views
Добрый день! В общем вопрос такой. Я не верстальщик и не программист, но по работе иногда нужны небольшие знания HTML. Вопрос такой. Редактируя описание товара, создаю список через <ul>. На самом сайте в каждой из карточек товаров есть состав комплекта. Так вот, этот список <ul> будто бы прилипает к блоку с составом комплекта.. В общем приходится в один из списков прописывать style="margin-left", чтоб не прилипало к блоку с составом комплекта. Во вложении скриншоты. Через "просмотр кода" в браузере я вижу следующее: в блоке состава комплекта прописат стайл margin-right:25px. В чем тогда проблема, почему списки <ul> липнут к этому составу комп…
Last reply by shocked, -
- 13 replies
- 2.4k views
Оцените, пожалуйста, попытку сверстать на html5 резиновую страничку, с адаптацией по контрольным точкам к разным устройствам. На малых экранах макет поддерживается по контрольных точках, при промежуточных состояниях может смещаться. На ИЕ8 внимание особо не акцентировать. Хотел бы услышать: 1) Общее состояние верстки. 2) Правильность/ошибочность использования html5. 3) Правильность/ошибочность использования медиа-запросов. 4) Любые обнаруженные замечания. 5) Сколько времени в среднем занимает правильная верстка подобной странички для специалиста среднего класса? Страничка: http://aleks-lv.ucoz.ua/udersoft/index.html Макет psd: http://aleks-lv.ucoz.ua/udersoft/UnderSof…
Last reply by aleks-lv, -
- 3 replies
- 2.4k views
Здравствуйте, оцените пожалуйста верстку. Исходник и сам результат, а также макет.
Last reply by ttbomk, -
- 19 replies
- 2.4k views
Здравствуйте) Занимаюсь вёрсткой 2,5 месяца. Поскольку мой учитель - это интернет, мне очень не хватает советов опытных верстальщиков (и не очень опытных). Буду благодарна за советы, подсказки, а также критику моей работы. Сразу скажу, что страничка получилась тяжёлой за счёт фона, нестандартного шрифта и слайдера. Кстати, слайдер на хостинге почему-то отказывается работать. Не могу найти причину. Ссылка на сайт: http://exumple4.esy.es
Last reply by Crystal-3, -
Вот, сверстал кое-что. Не идеально, конечно, да и всего одна страничка из трех, но все-таки. Не совсем адаптивный (хотя, в принципе, можно было сделать таковым). IE9+. При виде IE8 в ужасе разваливается, но восьмеркоюзеры уже привыкли к страданиям, так что не страшно. Критику приветствую. Макеты, если кому интересно: https://vk.com/mwlds?w=wall-57877578_2426 http://demos.zenwarr.ru/vk ЗЫ. Сорри за заголовок, написал в задумчивости, забыл изменить) Прошу модераторов исправить на что-нибудь более адекватное)
Last reply by stan07, -
-
Эволюция...
by mizm- 14 replies
- 2.4k views
designzx ...А общее впечатление?
Last reply by nightgremlin, -
- 6 replies
- 2.4k views
Доброго времени суток! Макет Результат
Last reply by yuck, -
- 4 replies
- 2.4k views
Ребята, ваше мнение, а еще лучше - кто знает точно? Планирую около 5-ти однотипных но на разные тематики сайты. Контакты и контент тоже будут разные. Вопрос в том, не повлияет ли на раскрутку этих сайтов то, что все на одном хостинге, а доменные имена на одном человеке? И вообще, не заблокируют ли поисковики мне эти сайты?
Last reply by SeoManaz, -
- 6 replies
- 2.4k views
Здравствуйте. вот собственно что получилось: сайт упаковок брал задание с веблансера но не за деньги, даже не за спасибо я просто для себя для практики. я новичек в хтмл и ксс.. вот файл КСС что бы не искать если не сложно, то укажите ошибки/ляпы..
Last reply by Mike-Eci, -
- 14 replies
- 2.4k views
Подскажите пожалуйста, какие ошибки есть? И вопрос, который не смог я решить это как в футере и хедере сделать их фон на всю ширину экрана, а не обертки? http://testsiteoleg126.tk/Kitchenwall/
Last reply by tobb, -
- 9 replies
- 2.4k views
Оцените, пожалуйста, вёрстку: http://tellmeof.cc.ua/Styleux/styleux.html
Last reply by klierik, -
- 8 replies
- 2.4k views
Привет все. Решил занять версткой. Нарисовал в Photoshop простой дизайн. И начал верстать. Вы не подумайте, я не собираюсь вам надоедать. Просто хочу спросить по поводу корректности уже законченной верстки, потому что я там очень жестко намутил. Мне кажется, что нормальные люди так не верстают. Посмотреть макет можно тут. А скачать полный архив с версткой и psd файлом здесь. Направьте на путь истинный. Например если использовать табличную верстку, то там более менее понятно, т.е визуально разбиваешь страницу на блоки и т.п. А в верстке слоями(блоками, дивами) как разбивать? создавать div'ы с размерами? Жду совета.
Last reply by Justnewone, -
- 5 replies
- 2.4k views
Мне в разборе прошлого шаблона столько замечаний накидали. А здесь как? Вот готовый шаблон: http://testing.nordwing.ru/elena/index.html Вот макет: https://yadi.sk/i/KiBTLbhpigkYm
Last reply by Nordwing, -
- 0 replies
- 2.4k views
Всем привет! Оцените учебную верстку. Исходник PSD был отрисован только под десктоп. Пришлось делать адаптивность как есть desktop first. C SVG - анимацией сталкиваюсь первый раз. Вообще много с чем сталкиваюст первый раз на этом макете. Верстка выполнена на основе сетки бутстрап4. https://schamil74.github.io/Daisy
Last reply by Schamil74, -
- 6 replies
- 2.4k views
Доработал сайт группы Искатели, который уже как-то здесь выставлялся на обсуждение. Во-первых, интересует Юзабилити. Особенно в разделах "Галерея" и "Мысли". Достаточно ли понятны посетителю переходы вглубь в просмотр и комментарии и обратно? Во-вторых, Опера при разворачивании внутреннего окошка и при переходе на просмотр фотографии в Галерее не дорисовывает некоторые элементы, в том числе полосу прокрутки, или оставляет куски рамок и еще какой-то графический мусор, особенно при небольших размерах окна браузера. Почему так происходит и есть ли способ это исправить? Всем спасибо! ))
Last reply by Searcher, -
- 8 replies
- 2.4k views
Здравствуйте, я начинающий верстальщик, решил перейти от теоретического обучения к практическому, сверстал макет из вот этой темы, попытался использовать HTML5 и CSS3, получилось вот так: Сайт на хостингеВсе файлы сайтаПрошёл проверку на валидность, как HTML так и CSS, тестировал, в основном, хромом, на скорую руку просмотрел в последних версиях Opera, Opera Next, FF, IE8+, так что особо на кроссбраузерность не претендую, прошу критиковать по всей строгости, но конструктивно, заранее спасибо.
Last reply by scion,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-