Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2,327 topics in this forum
-
- 7 replies
- 2k views
Здравствуйте. Оцените пожалуйста данную верстку. Судить строго! https://alex2033.github.io/ Использовал: сетку с поддержкой флексов (Flexbox Grid) На данный момент пока самый сложный макет, который верстал. Реализованы: - слайдеры - плавные переходы по ссылкам на якори - адаптивное меню Toggle(специально верхнюю часть хедера делал через флоаты, т.к. с флексами Toggle несколько конфликтует) - табы - scroll up - всплывающие окна и прочее
Last reply by Hasiev, -
- 12 replies
- 2k views
Верстаю не так давно вот сверстал шаблон с форма оцените скажите где что не так за ранее спасибо Ссылка http://cympak56.tf9.ru/
Last reply by CyMpaK56, -
Фотохостинг
by ctpz- 3 replies
- 2k views
Photobot - это сервис, предоставляющий вам доступ к сотням изображений высокого качества совершенно бесплатно. Просьба протестировать его юзабилити и по возможности добавить фотографий в архив.
Last reply by ablay2009, -
- 10 replies
- 2k 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, -
- 4 replies
- 2k views
Подскажите пожалуйста, почему при выборе в пункте меню ссылки, она не переходит в нужное мне место на странице? https://jsfiddle.net/wg6t51zL/
Last reply by oleg126, -
Всем привет! Сделал портфолио http://sergeynekrasov.besaba.com Хочу услышать много критики по вёрстке, дизайну, в том числе и по работам которые в портфолио?!
Last reply by ShumNo, -
- 7 replies
- 2k views
http://ordered.esy.es Ссылка на сайт В макете не верстал оформление видео плеера,так как не умею это +Шрифт не такой как в шаблоне Верстал две странички,одна Blog,вторая Home,доступ к ним осуществляется через верхнее меню что в header Вот макетики Home https://cloud.mail.ru/public/3x7mBwusQcp1/Home.psd Blog https://cloud.mail.ru/public/237ZnSFNuMDU/Blog.psd Благодарю заранее!
Last reply by afdw, -
- 5 replies
- 2k views
Мне в разборе прошлого шаблона столько замечаний накидали. А здесь как? Вот готовый шаблон: http://testing.nordwing.ru/elena/index.html Вот макет: https://yadi.sk/i/KiBTLbhpigkYm
Last reply by Nordwing, -
- 1 reply
- 2k views
https://artrises.github.io/index.html Всем добрый день, это моя первая работа, прошу конструктивно описать какие проблемы есть, какие ошибки допустил (хочу не вырабатывать говнокод), а постепенно реализовывать себя как толкового фронтендера. Поэтому будет важно все - мои косяки, ваши предложения, огрехи которые вы увидели в работе. И прошу помочь с одной проблемой - логотип в шапке - под ним как будто маленький маргин\паддинг, но я обнулил его, через инспектор тоже не нашел в чем проблема, какая то брешь между логотипом и контейнером оберткой. Заранее спасибо.
Last reply by vladmih, -
- 10 replies
- 2k views
не давно закончил сайт для магазина мебели, заказчик попросил сделать версткук резиновой, тк изначально верстал под статику не стал менять css а добавил JS скрипты для растягивания, какие косяки видите? и вообще как сама верстка? Скажу сразу что под Осла не верстал! собственно сама верстка
Last reply by sun-ks, -
- 6 replies
- 2k views
Всем привет. Собственно по сабжу: Верстка GitHub верстки
Last reply by tarthur, -
- 23 replies
- 2k views
http://do-holiday.ru/funny/ Оцените, пожалуйста, со всех сторон.
Last reply by yarickyarick, -
- 16 replies
- 2k views
Доброго дня. Прошу оценить верстку и указать на ошибки. http://mihayliack98.url.ph/naturetour/index.html
Last reply by Ghost86421, -
- 8 replies
- 2k views
Друзья! Предлагаю Вам на суд свой сайт. Мне хотелось бы услышать замечания и подсказки по верстке, структуре сайта, наполнению, использованию стилей и кода html. Возможно кто-то подскажет по доработке сайта в данной тематике. Вот сайт: http://proleading.ru/
Last reply by Нарек, -
- 9 replies
- 2k views
дайте оценку хотя бы по 5 ти бальной шкале portfoliox.ru/test
Last reply by начинающий верстаг, -
- 2 replies
- 2k views
Добрый день форумчане. Прошу критики/советов/рекомендаций. Сайт -> Сам макет(Yandex.disk) -> Скрин макета Это мой третья самостоятельная работа с PSD и первая, которая в адаптиве. Для компиляции sass и скриптов, а также для Live reload использовал программу Prepros. Для разметки использовал susy фреймворк и breakpoint. Проверял на работу в Chrome, Firefox, Opera, Edge. В IE 11(и ниже) не коректно отображается галерея.
Last reply by Zimniros, -
- 5 replies
- 2k views
Добрый день, коллеги! Ничего особенного я вам не покажу - это мой первый сайт на html с применением css. Я постарался реализовать необходимые требования поисковых систем по качеству для его дальнейшего ранжирования - выполнил оптимизацию, структуризацию, добавил сайт в ПС гугл и яндекс. Если считать, что на этом этапе я выполнил все правильно, какие необходимо предпринимать дальнейшие действия, чтобы обойти конкурентов в поисковой системе?
Last reply by sigma77, -
- 12 replies
- 2k views
Первый раз верстал более-менее сложный макет, который взял с этого же форума. http://forum.htmlboo...showtopic=27440 отсюда. сверстанный макет - http://kompolom.ru/p...samples/templ1/ Большая просьба, дать конструктивную критику, что получилось, что нет, и как правильней.
Last reply by uuu, -
- 0 replies
- 2k views
Начальство отдало фрилансерам несколько млн. рублей за данный сайт (beta.sintez.io), при этом анимация кнопки на главной странице рваная и дерганная, конец одного состояния кнопки не попадает в начало зацикленной части. Так как на сайте очень много графических элементов и анимаций, было принято решение сделать прелоадер, после загрузки которого должна начаться анимация всех элементов сайта, плавно, без дерганий и потерь кадров, особенно это касается главную кнопку (кнопка PLAY) в центре на первом экране. Она имеет 3 состояния - 1. появление(24 кадра), 2. основная анимация(48 кадров), 3. наведенное состояние. Проблема в том, что после загрузки прелоадера, анимация "появлен…
Last reply by musaisaev271020, -
переверстал страницу, получилось вот что. хотел бы услышать что-нибудь про шрифты. удобно ли читать, не слишком ли длинные строки на больших разрешениях и т.п.? так же интересно какие заметны плюсы/минусы по сравнению с оригиналом. ps дизайн не мой
Last reply by cyklop77, -
-
- 10 replies
- 1.9k views
Выскажите мнение о тренировочной верстке ссылка
Last reply by Heidel, -
- 6 replies
- 1.9k views
нужно было решить глюк с рендером в ИЕ. В подвале есть список с ссылками. ие переносил последнии несколько букв последнего элемента списка за мир реальности. решилось все очень просто. а выглядит это так (версия для печати) Причем если нажать cntrl+F и поискать слово "печати", то он наидет только одно слово. кто хочет поразбираться в кривости кода - качайте архив зы: выкладываю ради демонстрации веселого рендера не совсем корректного кода
Last reply by Grand-Realt, -
- 5 replies
- 1.9k views
Здравствуйте, оцените, пожалуйста верстку. Делал с помощью Susy 2. Верстка адаптивная, резиновая. Макет взял с интернета. Ссылка на гитхаб; Демо; Есть также пара моментов: 1. Возможно как-то сделать чтобы при добавлении контента див этот растягивался и не выезжал текст 2. Социальные иконки идут в мобильной версии после блока с текстом, а в десктопной до и справа, флоатом и относительным позиционированием я этого добился, но порядок у них изменился. Есть другие решения? Спасибо!
Last reply by xzarxzes, -
- 11 replies
- 1.9k views
Добрый день, родился у меня сайт полезный, очень полезный - в узких кругах но что-то не могу с внешним видом ничего придумать, как то пусто и уныло, а чем разбавить - ума не приложу, помогите. вот он
Last reply by usb_serg, -
- 8 replies
- 1.9k views
Здравствуйте. Страницу сверстал из бесплатного PSD-шаблона. Хотелось бы услышать критику по поводу качества вёрстки, а также по поводу javascript кода. JS писал сам, единственное для удобства работы с DOM'ом использовал jQuery. Страница: http://artemkajs.meximas.com/ jpeg шаблона: http://higgs.rghost.ru/53507945/image.png psd: http://rghost.ru/53508127
Last reply by ZondArt,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-