Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2327 topics in this forum
-
- 1 reply
- 1.6k views
Здравствуйте. Прошу посмотреть мой первый сверстанный шаблон. Сразу говорю там нет Меню, Слайдера и круги не заполнены. Меня, по большому счету, интересует правильность кода. Мне кажется я слишком много делаю обрамляющих div'ов. Так ли это? Ну и в целом не помешает критика по всем остальным критериям. Макет: http://bruimafia.ru/temp_1/template.png Сайт: http://bruimafia.ru/temp_1/
Last reply by xzarxzes, -
- 6 replies
- 1.6k views
Прошу оценить дизайн, указать на недостатки
Last reply by Coneenoc, -
- 4 replies
- 1.6k views
Доброго времени суток, Помогите, пожалуйста провалидировать html код в данной форме!? Насколько там все корректно? Какие могут быть уязвимости при передаче данных через форму? Спасибо.
Last reply by kompolom, -
- 9 replies
- 1.6k views
Здравствуйте, я тут можно сказать начинающий верставших, хотелось бы от Вас по больше критики, хотелось бы услышать, что я все такие делаю ни так. Такс, вот первая муть =)) : http://evilscorpion.esy.es/test1/ Вот вторая: http://evilscorpion.esy.es/test2/но, тут я пользовался аяксом... Ну, и что я сегодня сделал, за целый день, ... короче втянулся. http://evilscorpion.esy.es/ Жду ваши комментарии с нетерпением. Спасибо! И да, если не сложно, можете оценить последний диз с версткой по 10 бальной школе... хотя что я, думаю больше 3х не будет xD
Last reply by afdw, -
- 6 replies
- 1.6k views
Добрый вечер! Вот сверстал свой первый макет ссылка. Задания взята отсюда http://htmlforum.ru/index.php?showtopic=47965 Прошу оценить по html и css. javascript пока еще не изучал Использовал 960 grid слайдер отсюда взял http://liquidslider.com/ с шрифтом не знаю что делать в psd который используется платный.
Last reply by klierik, -
- 2 replies
- 1.6k views
Продвигаю тему маленьких бесплатных интернет магазинчиков полностью на javascript ( статичный html файл). Постарался сделать максимально простой шаблон для магазина на один - десять товаров. _http://heeg.ru/test/heeg.html мне нужно создать первое положительное впечатление и вызвать желание попробовать сделать магазин на этом шаблоне. Поэтому хотел сделать дизайн максимально приятным и универсальным (выбрал серый цвет) не знаю получилось или нет? второе - магазин ориентирован на новичков, поэтому старался сделать шаблон понятным. Добавил комментарии по работе и настройке магазина прямо в сам шаблон, не знаю правильно это или нет? Еще мне нужно понять, сможет л…
Last reply by WhatIsHTML, -
- 6 replies
- 1.6k views
Здравствуйте уважаемые форумчане. Как написал в заголовке, я только месяц изучаю html и css, поэтому очень нуждаюсь в советах и критике Оцените, пожалуйста, мою первую самостоятельную работу http://lehakos.tioo.ru/ psd макет взят из этой темы форума: http://htmlforum.ru/index.php?showtopic=16763 Всем кто уделит время огромное спасибо!
Last reply by mihai, -
- 5 replies
- 1.6k views
Здравствуйте! Прошу обратить внимание на мой первый сайт. Не судите строго - до этого я с компом была на "Вы". http://myaso-domoy.hut4.ru/ Спасибо за критику!
Last reply by cyklop77, -
- 8 replies
- 1.6k views
Здравствуйте! Сделал второй сайт, хотелось бы услышать общее впечатление о нем, сайт делал с ноля сам, кроме скриптов(js не владею, только редактирую под себя). Делал в блокноте notepad++. Спасибо за внимание. http://carbon-avtomobile.ru P.S. Вот первый сайт для сравнения, интересно есть ли прогресс? http://fortunashow.ru/
Last reply by Indo, -
- 10 replies
- 1.6k views
Всем привет! Кидаю на оценку очень простенький, но достаточно симпатичный макет (http://probnik2.bl.ee/). Надеюсь на конструктивную критику. Думаю, что после этого макета буду браться за макеты посложнее. Спасибо вам за ответы
Last reply by cyklop77, -
- 1 reply
- 1.6k views
Здравствуйте! В вёрстке первый месяц, это мой первый самостоятельный сайт. Адаптивки пока что нет, хотел бы услышал конструктивной критики. Так как я новичок, и изначально понятия не имел что такое "Макет в PSD", начал делать (а потом узнав про PSD не стал бросать начатое дело) на основе одного скрина, т.е. шрифты, картинки и т.д выбирал "на глаз". Так же не был сделан слайдер. Понимаю, что звучит очень плачевно, но я бы попросил оценить большей части наверное код. Буду благодарен всем ответам! Адрес на мою вёрстку: https://nathanblack9.github.io/nathanblack.github.io/ P.S приложу еще скрин, для сравнения
Last reply by npofopr, -
- 2 replies
- 1.6k views
Всем привет, как вам мой сайт?http://gta-publ.org.ua/
Last reply by mishka, -
- 3 replies
- 1.6k views
Пишу тут, ибо для меня закрыт доступ к разделу "Обсуждение работ". Просьба кому не лень потестить на баги и разные ошибки. А также нужна критика о дизайне. Уже какую неделю голову ломаю над сочетанием цветов. Если можно перенесите тему в другой раздел. Вот: http://greedygoblin.ru/ Думаю правые ссылки сделать выдвигающимися, а не раскрытыми сразу (сэкономит место).
Last reply by igon, -
- 9 replies
- 1.6k views
Покритикуйте. верстка Верстка соответствует макету в последних версиях браузеров. В более старых тоже не разваливается, но отличается в некоторых местах от psd.
Last reply by psywalker, -
- 4 replies
- 1.6k views
Здравствуйте. Ссылка: http://whosmm.com/ Прошу оценить качество верстки в целом, а так же степень избыточности CSS кода. Указать на неэффективные решения при верстке того или иного блока. Мб какие - то CSS свойства целесообразнее было бы заменить другими. Заранее благодарен всем отписавшимся.
Last reply by Игорь Ермаков, -
- 8 replies
- 1.6k views
Сверстал макет из данной темы. Результат находится по адресу http://zhebrik.ru/ По задумке макет должен быть резиновый, но я ограничил его тягучесть с 960px до 1300px (правая колонка фиксированной ширины), потому что фотографии в шапке начинают залезать на самолет при размере окна меньше 960. Помимо косяков, которые найдут другие у меня следующие вопросы: 1.Меню сделал табличное, так как через float оно начинает перескакивать, при ширине меньше 1000px. Есть ли какие другие способы? 2.Заметил, что если уменьшать размер картинки в браузере с помощью ctrl и колеса мыши то тень под белыми слоями с новостями съезжает. В чем дело понять не могу... 3.Только в конце вспомнил, что…
Last reply by karlitos32, -
- 7 replies
- 1.6k views
Учла все комментарии относительно моей прошлой работы для подруги www.psy-volgodonsk.ru, прошу вас посмотреть и прокомментировать мою вторую работу, относительно диайна и верстки. Хостинг еще не выбран, поэтому выкладываю на Opera server, пароль 3421, файл Index.html http://home.komissarovatatyana.operaunite.com/file_sharing/ Спасибо
Last reply by Vin, -
- 3 replies
- 1.6k views
http://ksportfolio.esy.es/Zebra/ Сабж, думаю все плохо, т.к. первая попытка сделать адаптив. З.Ы. не гнобите за шрифты, маржины и вообще за плохое написание стилей, думал о том как сделать,а не как написать. Вопросы: Как сделать нормальную анимацию в блоке категории?(проводить по нескольким картинкам быстро начинает выстраиватся очередь из анимаций, .clearQueue() не помогло). Что делать с логотипом Levis где есть ::before и ::after с уголками? Как такие конструкции делать и чтобы они были адаптивными?
Last reply by ryter, -
- 15 replies
- 1.6k views
Клиент утверждает, что у него с разных компьютеров при открытии этой страницы: http://www.exmedikal.ru/hardware сущности (в данном случае датчики) разбегаются по странице, а верхний блок (главная-о компании-контакты) находится в левом углу. У меня же и на компьютерах моих знакомых всё нормально, как и должно быть согласно вёрстке. Просто напишите, как у вас видно. Есличё, прикрепляю эталон. Просто скажите, отличается или нет.
Last reply by Softlink, -
- 8 replies
- 1.6k views
Что добавить, что изменить, что убрать. *** Благодарим.
Last reply by spdif, -
- 16 replies
- 1.6k views
Давненько не верстал, времени чё-та никак не было, а тут макетик приглянулся один (главная страница только), решил заверстать. Поэтому можно считать, что это моя Первая вёрстка за долгое время) В общем всё как обычно, жду критики (не жалейте ), пинков, и прочих советов. http://css-live.ru/Portfolio/Yandex-winter-task/2/main-page.html Кстати, отдельный вопрос. Следует ли эту вёрстку класть в портфель или она вообще ни о чём? p.s. Участвуют только IE8+. И все последние браузеры. Отдельно спасибо Илье (SelenIT) за всяческую помощь!
Last reply by alexandr_v-vich, -
- 2 replies
- 1.6k views
Всем привет. Прошу вас, оцените мой первый сайт. Буду рад выслушать любые замечания! Если так же посоветуете, что исправить, буду признателен. Сайт http://umybaby.ru Если посоветуете какие то курсы или сайты с уроками, то же буду весьма благодарен. Учусь сам почти только на ютубе. И к сожалению адекватной и полезной информации крайне мало.
Last reply by dontlisten, -
- 0 replies
- 1.6k views
Приветствую. Сайт — http://goldentemplate.16mb.com/ Макет — https://yadi.sk/i/lSit055YuTPCY Предисловие. Валидацию CSS прошел. А вот с HTML ошибки. Figure не может быть родительским элементом для div. В этой верстке, вместо height был использован flex-basis. (Я так и не понял, где его можно использовать. По крайней мере в этом макете.) Прошу помочь. Указать на ошибки, которые сразу бросаются вам в глаза. Сказать Ваше субъективное мнение, по поводу верстки. Для меня это очень важно. Подскажите то, что считаете нужным для начинающего. Так как даже не знаю, какие вопросы задавать по поводу верстки. (P. S. Либо нужно брать по…
Last reply by DmitryPavlov, -
- 7 replies
- 1.6k views
В этой работе http://magneto.skepton.ru/ я применил абс позиционирование, а не флоат для логотипа и меню хедера т как мне казалось это будет чуть проще по причине абс позиционированного sliding down меню, которому нужно прятаться под меню хедера или становиться видимым за пределами родителя .top-wrap. Который, в свою очередь, не должен иметь overflow: hidden, а может быть очищен только пустым div clear: both, в случае применения привычного float: left/right. Плюс к этому, раздвинул горизонтально "Pickup date", "Return date" бордерами, а не маржин. Эти два решения вызвали жёсткую критику с восклицательными знаками. Прошу прокомментировать, действительно ли эти д…
Last reply by Tilonorrinco, -
- 5 replies
- 1.6k views
Приветствую. Нуждаюсь в оценке верстки макета. Интересуют 3 вопроса. 1) Сематика кода 2) Решение тянущегося сайдбара (посредством бордера и бекграунда) 3) Качество кода. Спасибо. Ссылка на страницу - http://dl.dropbox.com/u/98227866/Ticket_stub/index.html
Last reply by wildhind,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-