Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2,327 topics in this forum
-
- 9 replies
- 1.7k views
Занимаюсь версткой 1 месяц. Без наставника, просто просматривая обучающие ролики и читая источники по этой теме. Скачал psd-макет от HTML ACADEMY. Это моя первая верстка, просьба ее оценить. Похвалить и наругать. https://schamil74.github.io/Gllacy_CSS_Slider Страница с каталогом в выпадающем меню пункт Сливочное Не могу подгрузить jpg из psd, так что вот ссылка на них https://drive.google.com/drive/folders/0B0OXgcufMZgwNVZGMUtJaXNETk0?usp=sharing
Last reply by Schamil74, -
- 9 replies
- 3.3k views
После Раиры - http://forum.htmlbook.ru/index.php?showtopic=15384 Решил сделать http://forum.htmlbook.ru/index.php?showtop...t=0&start=0 вот это В общем всего второй опыт верстки целой страницы… Учусь. оценивайте… Под ИЕ 6, 7, 8 , FF 3.5 и Опера 10 вроде выглядит одинаково - т.е. если специально не считать пиксели. http://verstkahtml.far.ru/izoprint з.ы. В некоторых браузах макет съезжает на несколько пикселей вниз из за рекламы. Что поделать - издержки бесплатного хостинга. На локальном сервере такого нету. з.ы.ы Нужно ли был джаваскрипт для выравнивания поля поиска в 6 и 7 ие ? Как сделать без него? Так и не осилил…
Last reply by hf3, -
- 27 replies
- 2.5k views
Макет http://i68.fastpic.ru/big/2014/1010/68/1c27718eeacf8d810134663fec089368.jpg Вёрстка http://allnet.16mb.com/remont/ Первый раз сверстал, нашёл кучу косяков и потом переверстал и получился в коде небольшой бардак с нелогичными названиями классов. За основу взял boilerplate. Так как в этой сборке уже прописан clearfix, я элементам решил не задавать его с помощью :after, а просто прописывал класс clearfix. Мой css код начинается с 100 строчки. в файле main.css У меня есть 1 вопрос: почему, когда сжимаешь ширину сайта, то фон шапки обрезается? Сколько можно взять денег за такую вёрстку?
Last reply by npofopr, -
- 3 replies
- 1k views
Без адаптивности http://allnet.16mb.com/clarcs/ Макет http://i67.fastpic.ru/big/2014/1106/8b/e440b4e33da132c8b1b79be18f681d8b.jpg Сам оцениваю себя на плохо Валидатор ругается на одни и те же ошибки.
Last reply by npofopr, -
Оцените новый дизайн. 1 2 3
by vvsh- 74 replies
- 11.9k views
http://md-studio.us/ Вот новый дизайн, готов услышать ваше мнение.
Last reply by Searcher, -
- 5 replies
- 2.5k views
некий человек не смог в данный шаблон встроить шопскрипт и сказал что у меня руки из жопы растут, рассудите плз. http://depositfiles.com/files/hyi9zzpl6
Last reply by klierik, -
- 5 replies
- 1.3k views
Всем привет. Давно выкладывал в этот раздел такую работу. Набрался немного опыта, решил переверстать. Хочу выслушать вашу критику по поводу качества кода, багов и так далее. Заранее спасибо.http://a96362zl.bget.ru/index.html
Last reply by VeniVidiVici, -
- 10 replies
- 1.6k views
Всем привет.Решил что пора переходить на практику ,нашел в сети простой ,но приятный дизайн в psd формате ,нарезал и начал верстать.На верстку ушёл 1 день. В вёрстке я пока что новичек , уверен ,что сделал много ошибок в коде ,мне кажется что многие вещи можно было сделать проще чем это сделал я... Помогите найти ошибки и разобрать их ,что бы вы сделали по другому ?Интересно мнение насчет позиционирование элементов,какими способами лучше было бы расположить элементы на свои места и т д. Макет Вёрстка ВОТ САЙТ Бразуеры IE вообще не учитывал при верстке ,про их ошибки не нужно говорить.Параметры шрифтов не все учитывал.
Last reply by coldug, -
- 8 replies
- 1k views
Всем привет,вот и настал час моего первого сообщения на этом форуме) Собственно вот сайт ссылка .Верстал сам,просто файлы на ucoz залил ,другого придумать ничего не мог) .Жду коментов)
Last reply by alexandr_v-vich, -
- 11 replies
- 2k views
Добрый день уважаемый форум! Оцените пожалуйста мою первую верстку. Буду рад советам, замечаниям, критике. Собственно вот: http://kramakv.pusku.com/Site1/
Last reply by Валерия, -
- 7 replies
- 1.1k views
Добрый вечер. Прошу оценить код и как сверстано на http://break.zg5.ru/1/index.html Также указать ошибки и на что следует обратить внимание. Спасибо
Last reply by exeto, -
- 11 replies
- 1.5k views
Всем салют! Делаю первые шаги в верстке, поэтому прошу оценить: Тыц! Сверстал макет фиксированный ширины 1600 пикселей. Укажите, пожалуйста, все косяки. Пока верстал, появилось несколько вопросов: 1. Если background в psd макете представляет собой что-то сложное (много слоев), то их нужно склеить и уже как одну картинку использовать для сайта? 2. На примере этого макета понял, что иногда требуется резиновая верстка и т.п. более продвинутые варианты. Посоветуйте, пожалуйста, каких-нибудь годных вступительных статей на эту тему. 3. В макете один из заголовков сделан с использованием тени и градиента. Можно ли как-то решать это при помощи CSS или не стоит заморачиваться и вс…
Last reply by advokatua, -
- 4 replies
- 1k views
http://lpmhsmsyp.github.io/Jetro/index.html
Last reply by Андрей_Андриевский, -
- 4 replies
- 1.1k views
По задумке должны были быть еще и скрипты, но я успел выучить только html и css, поэтому вместо сладйера стоит просто картинка lysenko-project1.url.ph Просьба указать ошибки как грубые так и мелкие, и как можно было бы их испарвить Уже знаю, что верстка сама по себе кривая, много дивов, которые располагаются один за одним как попало и куча id вместо классов Остальное хочу от вас услышать
Last reply by cof666, -
- 2 replies
- 778 views
http://hhabilis.github.io/greenish/index.html
Last reply by vladmih, -
- 12 replies
- 2.2k views
Вот ссылка http://ordered.esy.es/ Хотел бы узнать как бы нужно было сверстать правильно
Last reply by psywalker, -
- 4 replies
- 852 views
Здравствуйте. Прошу оценить мою первую верстку, в частности код (хотя бы общее впечатление). Возможно, какие моменты в верстке ошибочны или сделаны не верно - просьба указать на них. Сайт - http://web-kos.ru/ PSD - http://freepsd.ws/maket-mobile-apps-v-formate-psd/ Буду рад комментариям и критике!
Last reply by artemkos88, -
- 3 replies
- 1.4k views
Прошу оценить первую верстку(код) http://mydomain1322.esy.es/Index.html. Жду конструктивной критики.
Last reply by parliament, -
- 5 replies
- 1.4k views
Покритикуйте, похвалите, оцените первую верстку пожалуйста. Хотя бы визуально. Если по поводу кода прокоментируете буду премного благодарен. http://alexzaw.github.io Исходники: https://yadi.sk/d/4Bhyui6-3Pkw3t Картинки все брались из сети, ссылка на видео из youtube, а не тегом чтобы не увеличивать размер архива
Last reply by AlexZaw, -
- 6 replies
- 1k views
Здравствуйте. Я начинающий верстальщик. Оцените,пожалуйста,верстку макета с вашего форума http://htmlforum.ru/index.php?showtopic=27438 Сама верстка здесь http://testsite98.ts6.ru/maket.html Прошу указать мне на ошибки. С моей версткой есть проблемы в IE7,а также на мобильных устройствах(у меня на планшете сильно сдвинут левый сайдбар). В валидаторе ошибок нет,все что там показывается касается не моей верстки,а элементов,добавляемых бесплатным хостингом. Заранее спасибо.
Last reply by Asche, -
- 4 replies
- 1.7k views
Доброго времени суток! Не смог создать новую тему в соответствующем разделе, поэтому пишу здесь!! Макет брал вот от сюда http://forum.htmlbook.ru/index.php?showtopic=16763 Ссылка на вёрстку http://test-manhunt.hdd1.ru/ Прокомментируйте пожалуйста вёрстку!!!!
Last reply by Serlutin, -
- 4 replies
- 894 views
Создал первый сайт, работает первая выпадающая меню(остальные однотипные, не вижу смысла), прошу оценить саму вёрстку, на что стоит обратить внимание, что исправить, в чём ошибся и тп. П.с. помидорами можно кидаться главная обоснованно. Зарание спасибо Вам всем за помощь) http://bimkassir.tk
Last reply by NSFall, -
- 2 replies
- 1.1k views
Здравствуйте. Сайт распологается по адресу автозад.рф сайт делала впервые, поэтому интересно правильно ли все сделано. Возможны какие-либо улучшения или нет, что можно реализовать другим способом.Какие советы можно получить на будущее. Заранее благодарю.
Last reply by DivMan, -
- 4 replies
- 1.2k views
В первую очередь спасибо комьюнити, за подсказки и решения некоторых заморочек, которые возникали с версткой. Сайт верстал с помощью фреймворка bootstrap, поэтому мобильная версия отличается от компьютерной. Вопросы следующего характера: 1. Юзабилити мобильной версии, удобно ли, что можно сделать лучше. 2. На сколько правильная верстка не мобильной версии. 3. На сколько правильно отображается сайт на стационарных компьютерах (тестил только на ноуте и симуляторе смартфонов), что можно поправить. 4. Работает ли mask input формы обратной связи на мобильной версии. Сайт - лендинг про продажи smart watch. www.gadjet.pro
Last reply by Pinga, -
- 1 reply
- 1.3k views
2 день изучая азы. Решил выложить для критики. Без критики мы никто. Т.к. я не разобрался как залить на сайт это всё, выложу в виде архива.(Не ругайтесь за это, я реально не знаю как это делать. Где то час потратил...) Надеюсь услышать что сделано плохо, что хорошо, исходя из того что имеется, а не то что бы вы хотели видеть в идеале. Надеюсь вам понравится. И спасибо за время, которое вы потратите на просмотр данной работы. Инструкиця: Запускать через файл index.html Этот файл находится в папке html Ссылка на скачивание: http://rghost.ru/6QDPJr6yL Любезен буду, если кто то напишет как всё таки залить на сайт, для удобства просмотра
Last reply by HEEG.HTML,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-