Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2327 topics in this forum
-
- 0 replies
- 1.8k views
Всем привет. Новичок, месяц назад понятия не имел о чем речь. За месяц cверстал сайт, с помощью видео уроков и форумов. Есть две проблемы. 1. Хочу добавить всплывающие окошко. На CSS и HTML, без JS. (Скрин №1). Не хватает смекалки, как его сделать по вызову кнопки. Кнопка "#24/7/365". 2. Какие свойства посоветуете задать для видео фона, что бы он был во все окно браузера. Если заходить с сафари, проблем нет. Но если с хрома, справа торчит полоска. (Скрин №2) Критику воспринимаю адекватно, любые советы приветствуются. Отблагодарю советами по тренировкам по плаванию, так как являюсь тренером. Сайт - http://demolishingswim.club
Last reply by Adrian_v1, -
- 4 replies
- 1.8k views
Собственно интересует процесс от получения заказа (на что надо обращать внимание видя макет и что необходимо уточнить перед началом?) до проверки (какие приоритеты ставим при верстке, как и что делать, чтобы заказчик оставался довольным, как проверяете полное соответствие макету)
Last reply by Ялекс, -
- 5 replies
- 1.8k views
Товарищи, здравствуйте! Хотелось бы, чтобы протестили недостатки юзабилити на сайте http://band.se.org.ua/, а именно на конкретном треке, например, тут - трек. Общая идея - делал друзьям за пиво, а самому, как мне кажется, идея с плеером подвернулась интересная - вот и хочу его протестировать на удобство пользования. Сразу хочу сказать, что согласен с тем, что отсутствие возможности перемотки(например, полоска с квадратиком) - это не очень хорошо, однако, заказчики этого и не просили. Всем спасибо. Кстати, привет всем кого давно здесь не видел!
Last reply by rome.ro, -
- 8 replies
- 1.8k views
Тут недавно Вердер выкладывал свою работу, где задача дизайнера явно сводилась к тому, чтобы показать «здесь был дизайнер. Здесь всё круто. Только читать ничего не надо, грамотных мы не любим». Хочу показать и свою аналогичную работу. В том смысле, что задача дизайнера сводится к тому, чтобы пустить пыль в глаза, создать у посетителя первое впечатление, на фоне которого множество огрехов предложения даже не воспримется. http://cro-shop.ru Сайт уже неоднократно переделывался. В самой первой версии заказчик переборщил с «элитностью». Мелкий жёлтый курсив с засечками на чёрном фоне — это чересчур даже для такой задачи. Он уже не вызывает желания пропустить мимо блок текста, …
Last reply by swetlana, -
- 16 replies
- 1.8k views
Верстка выложена здесь http://web-portfolio1.narod.ru/index4/index.html
Last reply by Heidel, -
- 3 replies
- 1.8k views
Наша команда создала сайт в бело-коричневых тонах с множеством различных ярких слайдеров, изображений. На сайте показан множество товаров произведенные заказчиками сайта. Есть еще множество различных фишек. Думаю вам будет интересно посмотреть сайт. Но если вы найдете какие-нибудь недочёты, то напишите сюда и мы исправим заранее благодарные вам. Вот сайт https://toorkd.kz/
Last reply by Full-R, -
- 7 replies
- 1.8k views
Здравствуйте! Покритикуйте пожалуйста мою верстку под ie8+. Картинка Верстка Буду рад любым замечаниям.
Last reply by darknebel, -
- 6 replies
- 1.7k views
Репозиторий на GitHub Сборка Коллеги, доброго времени суток! Оцените качество верстки, очень интересна критика, так как это моя первая публичная демонстрация. Верстка бесплатного макета под WordPress.
Last reply by vladmih, -
- 9 replies
- 1.7k views
Всем привет! http://molniezashhita.ru Сайт провинциальной компании. Стремился к минимализму и рациональному использованию экранного пространства, поэтому не стал создавать в окне браузера внутреннее "окно" сайта с шапкой и подвалом. Буду благодарен за любые советы по улучшению сайта. Спасибо.
Last reply by kvant, -
- 12 replies
- 1.7k views
Доброго времени суток! Оцените пожалуйста дизайн и верстку: http://dms.tw1.ru Что нравится/не нравится, все ли нормально отображается? В общем, комментарии, критика и предложения приветствуются!
Last reply by SelenIT, -
- 9 replies
- 1.7k views
Добрый день, друзья. Ссылка - http://er-de-de.zewk.in Это тестовое задание для приема на работу. По идее, должна получиться адаптивная главная страница. Поругайте все - верстку, код, все что угодно. Буду очень благодарен.
Last reply by zenw, -
- 19 replies
- 1.7k views
Здравствуйте, /EASTBOOKING/
Last reply by Animkim, -
- 7 replies
- 1.7k views
http://ilyasf1.host-yes.ru/verstka/ Оцените качество и укажите на ошибки. Лучше верстать без float и использовать inline-block? и еще стараться больше позиционировать элементы чтобы обойтись без float ? Стрелки с всякие пустые блоки вставлял методами DOM (append, prepend), это же на произволительности не скажется ?
Last reply by ZI DAN, -
- 6 replies
- 1.7k views
http://texteredsa.besaba.com/alight/alight/ осталось доработать и адаптировать. скажите как дизайн? как сам макет? красивый? хороший? в портфолио пойдет?
Last reply by Radiocity, -
- 6 replies
- 1.7k views
http://ksportfolio.esy.es/PILKINGTON/interior/ Сабж, оцените в верстку. Скажите в чем ошибки
Last reply by Laroxx12, -
- 2 replies
- 1.7k views
HTML <video class="post__audio-video" src="video/video.mp4" poster="img/video-poster.png" controls></video> CSS &__vimeo-video { width: 570px; height: 324px; Фотография "poster" меньше за видео. Хотя размер фото и ширина видео ОДИНАКОВЫ В чем проблема?
Last reply by Full-R, -
- 3 replies
- 1.7k views
Есть три колонки внутри контейнера. Колонки левая и правая опеределенных размеров, кодом этом задано. Задача что бы колонки были одинаковой длинны, фон колонок растягивался по длине большей. ( в случае на картинке фон первых двух должне растянуться до Footer, т.к. третья по тексту до него. При этом верстка-блочная. Нельзя использовать флексы, гриды и таблицы. Т.е. только Float-ы, margin-ы. Схема размеров колонок 20%/*/200px Что можно попробовать? оборачивать в дополнительные дивы и играть с фонами?
Last reply by Igor Schnaider, -
- 2 replies
- 1.7k views
Достаточно недавно начал изучать CSS-HTML, считаю что в дальнейшем когда выйдет CSS4 и т.д. Возможно многое уже можно будет сделать без JS, на данный момент пока получается вот так. http://codepen.io/Maseone/pen/AgnJo - Собственно DEMO!
Last reply by Павлушка, -
- 3 replies
- 1.7k views
Решил добавить к себе в портфолио "резиновую верстку", начинаю делать и понимаю, что вот вот и адаптивная щас будет. То есть пару часов и уже адаптив. Вопрос: время резины прошло что ли? для чего сейчас применяют такой вид верстки?(возможно - это экономия, то есть резина нужна для больших экранов/планшетов(ну примерно такой диапазон: max-width: 1920px; min-width: 768px), а для мобильников нам не нужно(ведь по сути для мобильников, свой минималистичный дизайн и т.п.) и экономнее сделать именно резину?).
Last reply by ShumNo, -
- 4 replies
- 1.7k views
Наверное уже не осталось мамонтов, которые делают сайты на статичных страницах. Бесплатные Джомла и Вордпресс обросли таким количеством бесплатных плагинов и шаблонов, что даже самый придирчивый всегда сможет найти что-нибудь по вкусу и без особых напрягов сделать на шаблоне довольно приличный сайт. Но это не про меня. Год назад я наткнулся на классную штуку, которая называется tiddlywiki - это персональная страничка - блокнот, которая сделана на javascript (полностью статичная) и она может сохранять себя сама! При помощи node.js на своем компе можно разбивать эту одну страничку на много отдельных статичных страниц. В общем смотрите, что у меня получилось __с…
Last reply by HEEG.HTML, -
- 3 replies
- 1.7k views
http://ucpb.org/new/index.html Это все будет натягиваться как шаблон на MODx, так что ссылки не работают, просто как макет. Оцените дизайн, код и верстку, пожалуйста. Буду очень благодарен, если кто-то подскажет, как победить сглаживание в кастомных шрифтах и их подгрузку для IE, а также RGBa для него же.
Last reply by mishka, -
- 4 replies
- 1.7k views
В общем есть два сайта ugen.me и dt.pokaple.com Абсолютно все мои знакомые утверждают, что ugen.me, более приятный глазу сайт, но я видно один единственный кто думает иначе. Мне интересно Ваше мнение, желательно агрументированое. Вся проблема в дизайне. Благодарен)
Last reply by iKNG, -
- 9 replies
- 1.7k views
http://loorelax.ru/creative/ Прошу указать на ошибки в вёртске. Ссылка на макет
Last reply by BeetleJuice, -
- 0 replies
- 1.7k views
Доброго времени суток! Осваиваю верстку по методологии БЭМ. Прошу оценить мою 1-ю страничку по БЭМу, интересуют ошибки в коде чувствую их накопится немало. Заранее благодарю. http://web-verstka.zzz.com.ua/bem1/
Last reply by stan07, -
на днях решил для тренировки переверстать страницу одного сайта(нашел в портфолио какого то фрилансера). в код не заглядывал. получилось вот что. верстал под opera/FF/chrome/safari/ie8, под разрешения монитора 800х600 и больше. некоторые моменты, связанные с javascritpt я умышленно оставил без внимания. так же внёс небольшие изменения в дизайн очень хотелось бы услышать жёсткую критику. в первую очередь интересует семантика, кросс, быстродействие(организация кода). вообще буду рад любым замечаниям. некоторые особо важные для меня вопросы перечислю.надеюсь, не оставите без внимания. 1 правильно ли использовал микроформаты? не упустил ли что-нибудь важное? 2 что скажете о…
Last reply by cyklop77,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-