Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2327 topics in this forum
-
- 12 replies
- 2k views
Приветствую, если вас не затруднит, то оцените верстку ссылка 1 макета ссылка 2. Спасибо.
Last reply by NeoXidizer, -
- 6 replies
- 2k views
Попробовал сверстать несложный вроде бы шаблон: ссылка 1 И вот что получилось: ссылка 2 - не могу в кроссбраузерность, подгоняю для ff - из html 5 пока знаю/использую только doctype Спасибо.
Last reply by Vin, -
- 8 replies
- 2k views
Привет всем. Сверстал макет для тренировки. Вот сам сайт. Макет простой, но все же хотелось бы, чтобы указали на мои ошибки верстки. Предупреждения и ошибки валидатора и полоса ниже подвала появились после заливки на сервер. Из-за него же пришлось поменять кодировку с utf-8 на windows-1251.
Last reply by gordey, -
- 2 replies
- 2k views
Не хотел дожидаться набора 30 сообщений и потому выложил работу здесь. Пожалуйста не ругайтесь Оцените пожалуйста мою верстку BusinessName.com, взятого с этого форума. За непопиксельное соотвествие макету самому себе жирный минус, но переверстывать неохота Проверял в старье IE6-7, Firefox2 - вроде норм. Что не так или плохо? Ссылка: BusinessName.com
Last reply by web-monster, -
- 7 replies
- 2k views
Приветствую! Создал свой блог, с каждым днем посещаемость растет. Блог на тему веб-дизайна и веб-разработки. Хотелось узнать ваше мнение, насколько им удобно пользоваться, красиво ли смотрится дизайн и качество контента. Ссылка на сайт - http://mikebreeze.ru/ Дизайн сайта, верстка, адаптация на wordpress, написание статей - все лежит на мне, поэтому судите как можно строже! Также сайт адаптивный
Last reply by ZhenevyevaN, -
- 8 replies
- 2k 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, -
- 15 replies
- 2k views
Клиент утверждает, что у него с разных компьютеров при открытии этой страницы: http://www.exmedikal.ru/hardware сущности (в данном случае датчики) разбегаются по странице, а верхний блок (главная-о компании-контакты) находится в левом углу. У меня же и на компьютерах моих знакомых всё нормально, как и должно быть согласно вёрстке. Просто напишите, как у вас видно. Есличё, прикрепляю эталон. Просто скажите, отличается или нет.
Last reply by Softlink, -
- 9 replies
- 2k views
Добрый день всем, интересны ваши советы/критика по всем аспектам моего творения =) http://www.wecode.ru/index2.html Дизайн брал из шаблона, значительно его поменяв.
Last reply by yacor, -
- 9 replies
- 2k views
Всем прувет Верстал макет предоставленный автором сайта (Ссылка на тему) http://bava.ho.ua/ - вот здесь сверстанная страница. Прошу критики и советов: 1. Правильно ли были использованы теги(такие теги какие нужно, расположение div'ов) для структурирования данных? 2. Правильные ли были использованы CSS свойства в определенных местах? Ну то есть в определенных ситуациях правильно ли я использовал определенные свойства.. или это не важно?.. хз 3. Помогите оформить меню сайта (список ссылок) как на картинке. 4. Получилась кроссбраузерность начиная с ИЕ 8. Если не считать, что в ИЕ8 не работает border-radius, можно его как-то заменить чем-то другим? 5. Ну и какие-то замеч…
Last reply by Bava, -
Прошу, Вас про комментировать сайт http://www.mbeauty.com.ua, что бы вы добавили или изменили т.п. Буду рад любому, Вашему мнению!!!
Last reply by Николя223, -
- 5 replies
- 2k views
Товарищи, здравствуйте! Хотелось бы, чтобы протестили недостатки юзабилити на сайте http://band.se.org.ua/, а именно на конкретном треке, например, тут - трек. Общая идея - делал друзьям за пиво, а самому, как мне кажется, идея с плеером подвернулась интересная - вот и хочу его протестировать на удобство пользования. Сразу хочу сказать, что согласен с тем, что отсутствие возможности перемотки(например, полоска с квадратиком) - это не очень хорошо, однако, заказчики этого и не просили. Всем спасибо. Кстати, привет всем кого давно здесь не видел!
Last reply by rome.ro, -
- 3 replies
- 2k views
Решил добавить к себе в портфолио "резиновую верстку", начинаю делать и понимаю, что вот вот и адаптивная щас будет. То есть пару часов и уже адаптив. Вопрос: время резины прошло что ли? для чего сейчас применяют такой вид верстки?(возможно - это экономия, то есть резина нужна для больших экранов/планшетов(ну примерно такой диапазон: max-width: 1920px; min-width: 768px), а для мобильников нам не нужно(ведь по сути для мобильников, свой минималистичный дизайн и т.п.) и экономнее сделать именно резину?).
Last reply by ShumNo, -
- 7 replies
- 2k views
Всем привет, сразу скажу, я еще начинающий, и вот на днях доделал макет с сайта divhack.com. Готовый пример вот тут - http://divhack.com/d...s/study/4/html/ То, что получилось у меня тут - http://cssmaniac.com/site4/index.html Старался верстать пиксель в пиксель, вроде бы почти получилось. Подозреваю, что кода многовато и был бы признателен, если бы вы указали на ошибки/недочеты либо дали дельные советы. Всем заранее спасибо!
Last reply by rusbit, -
- 4 replies
- 2k views
Наверное уже не осталось мамонтов, которые делают сайты на статичных страницах. Бесплатные Джомла и Вордпресс обросли таким количеством бесплатных плагинов и шаблонов, что даже самый придирчивый всегда сможет найти что-нибудь по вкусу и без особых напрягов сделать на шаблоне довольно приличный сайт. Но это не про меня. Год назад я наткнулся на классную штуку, которая называется tiddlywiki - это персональная страничка - блокнот, которая сделана на javascript (полностью статичная) и она может сохранять себя сама! При помощи node.js на своем компе можно разбивать эту одну страничку на много отдельных статичных страниц. В общем смотрите, что у меня получилось __с…
Last reply by HEEG.HTML, -
- 5 replies
- 2k views
http://pdd-vmg.ru/ Очень хочу узнать, интересна ли моя идея? Долго ли загружается? Удобно ли пользоваться сайтом? В код лезть не надо. А сможете добавить вопрос для своего города?
Last reply by nightgremlin, -
- 2 replies
- 2k views
Несколько месяцев назад, когда я еще только начинал учить html/css, первой моей работой была модификация шаблона. Сейчас из козы я вырос, делаю все заново на DLE, а старый сайт мирно пылится у меня в закладках. Так вот, глядя на него, я думаю, можно ли, особо не тратя время на модернизацию, загнать шаблончик 1$/копия. Ибо самому, вроде, не нужно, а выбросить - жалко. Адрес сайта http://ngr.my1.ru/
Last reply by Klever., -
Макет довольно простенький. Примерно 3-я моя работа. Боковые стороны резинятся в зависимости от расширения. backpack.mcdir.ru
Last reply by cyklop77, -
- 8 replies
- 2k views
Здравствуйте! Сделал второй сайт, хотелось бы услышать общее впечатление о нем, сайт делал с ноля сам, кроме скриптов(js не владею, только редактирую под себя). Делал в блокноте notepad++. Спасибо за внимание. http://carbon-avtomobile.ru P.S. Вот первый сайт для сравнения, интересно есть ли прогресс? http://fortunashow.ru/
Last reply by Indo, -
- 7 replies
- 2k views
Пишу прогу для помощи в вёрстке. Прошу оценить даже не исполнение но хотябы идею. Сайт программы
Last reply by Евгений123, -
- 9 replies
- 2k views
В общем сделал по ТЗ : (хотя оно достаточно розмытое) <tz>Дизайн сайта должен быть выполнен в светлых теплых тонах и приятном колорите. Он должен выглядеть представительно и изысканно, но в то же время и достаточно креативно. При этом дизайн не должен выглядеть броско или вычурно. От вас мы приветствуем оригинальный подход и нестандартные идеи. Сайт должен быть легким на восприятие и удобным в использовании Простота и доступность меню В шапке сайта обязательно должны быть телефоны компании и заголовок</tz> Перед сдачей хочу показать вам, может что-то следует заменить, добавить и просто ваше мнение как пользователя. Рисунок побольше
Last reply by Great Rash, -
- 4 replies
- 2k 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, -
- 9 replies
- 2k views
Сверстал макет для тренировки. Оцените, пожалуйста, верстку. http://zxcv.url.ph/simple-site/index.html Версия для печати появляется на предпросмотре.
Last reply by Заглянувший, -
- 1 reply
- 2k views
Здравствуйте, я начинающий верстальщик, недавно научился более менее верстать на html и css. Я хотел бы принять критику в мою сторону, а точнее в сторону моего первого макета. Что надо исправить, как лучше сделать, ну и еще я заметил одну проблему с цветами, они некорректно отображаются, хотя беру цвета указанные в макете. А также хотел бы услышать советы по адаптивности а то у меня в этом плане все плохо и как уменьшить вес картинки. Заранее спасибо!! P.S Макет не адаптивный то есть нету мобильной версии ну и минимальная ширина экрана должна быть 1200px иначе все поплывет. http://normand.ga/corporate/ - сайт corporate landing.zip
Last reply by AlexZaw, -
- 0 replies
- 2k views
Всем привет. Новичок, месяц назад понятия не имел о чем речь. За месяц cверстал сайт, с помощью видео уроков и форумов. Есть две проблемы. 1. Хочу добавить всплывающие окошко. На CSS и HTML, без JS. (Скрин №1). Не хватает смекалки, как его сделать по вызову кнопки. Кнопка "#24/7/365". 2. Какие свойства посоветуете задать для видео фона, что бы он был во все окно браузера. Если заходить с сафари, проблем нет. Но если с хрома, справа торчит полоска. (Скрин №2) Критику воспринимаю адекватно, любые советы приветствуются. Отблагодарю советами по тренировкам по плаванию, так как являюсь тренером. Сайт - http://demolishingswim.club
Last reply by Adrian_v1, -
- 0 replies
- 2k views
Добрый день! Я новичок в верстке. Это первый самостоятельно сверстанный лендинг: https://evgenarbatsky.github.io/landing-template/ Пока только десктоп, адаптив еще не умею делать. Можете пожалуйста посмотреть код, дать какие то общие рекомендации по структуре, может я где то перегрузил и написал чего лишнего, а можно проще и лучше: https://github.com/EvgenArbatsky/landing-template.git. Буду рад любым советам и критике для уровня новичка. Можем пока не затрагивать вопросы адаптивности, оптимизации изображений и кроссбраузерности. Я брал готовый макет из Фигма комьюнити (он оказался кривенький): https://www.figma.com/file/7KK9jombRde2Dm9QTWXdMh/Landing-Page-Template-(Commun…
Last reply by Eugene Arbatsky,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-