Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2,327 topics in this forum
-
- 2 replies
- 1.3k views
Здравствуйте! Прошу более опытных коллег оценить верстку лендинга http://sro.kg-gk.ru/ Также у меня на подобный лендинг ушло 4 дня вместе с джаваскриптами и написанием обработчика отправки формы. Сколько бы у вас ушло на это времени? Хотелось бы понять. 4 дня - это нормальный срок, или у нормального верстальщика должно уходить меньше времени на подобные лендинги?
Last reply by atlanta, -
- 25 replies
- 3.5k views
Сайт http://xn--80aal0a.xn--80asehdb/ Делаю сайт посвященный автомобилям Лада. Содержит новости, отзывы, обзоры, статьи про ремонт, тюнинг и доработки. Стараюсь создать максимально полезный и информативный сайт. Оцените дизайн, скорость загрузки, навигацию по сайту. Что нравится, что нет. Что следует изменить или добавить?
Last reply by NlCK, -
- 3 replies
- 1.5k views
Всем доброго времени суток! Собственно верстка. Немного о верстке: Верстка тянется от 580px до 960px; Немного вопросов по верстке: Стрёмно выглядят векторные иконки в фаерфоксе(птица твиттера похожа на орла, не ну солидно конешно, но мне обычная нужна ) P/S. Все файлы сайта можно скачать тут.
Last reply by Igor Schnaider, -
- 4 replies
- 1.3k views
добрый день, натянул дизайн на шаблон джумла 2.5 http://bcplaneta.com.ua/ буду благодарен замечаниям и критике - по допущенным ошибкам в работе. Особый акцент на корректное отображение на разных экранах Спасибо.
Last reply by mrfrunze, -
- 4 replies
- 1.4k views
Здравствуйте! Имеется две версии шаблона с анимированным слайдером баннеров: В исходном шаблоне баннеры выходят за края центральной колонки макета: http://www.biostar.ru/img/tmp/t1.html В измененной версии баннеры ограничены центральной колонкой макета: http://www.biostar.ru/img/tmp/t2.html Хотелось бы мнения публики относительно обоих вариантов - что лучше?
Last reply by Alex_, -
- 3 replies
- 1.6k views
Решил добавить к себе в портфолио "резиновую верстку", начинаю делать и понимаю, что вот вот и адаптивная щас будет. То есть пару часов и уже адаптив. Вопрос: время резины прошло что ли? для чего сейчас применяют такой вид верстки?(возможно - это экономия, то есть резина нужна для больших экранов/планшетов(ну примерно такой диапазон: max-width: 1920px; min-width: 768px), а для мобильников нам не нужно(ведь по сути для мобильников, свой минималистичный дизайн и т.п.) и экономнее сделать именно резину?).
Last reply by ShumNo, -
- 5 replies
- 1.4k views
Всем доброго времени суток! Сверстал свой первый адаптивный сайт. Очень хотелось бы оценки опытных в этой теме верстальщиков (я знаю что при адаптации под мобильники все стремится к минимализму в дизайне, при этом всякие тяжёлые вещи(типо скрипты) или удаляются или заменятся более меньшими по объему – хотелось бы подробнее узнать про все эти тонкости. В верстке я пока не смог так тонко манипулировать файлами(напр. я бы хотел убрать плагин wow для маленьких расширений и т.п.)) Если кому удобнее, можно скачать верстку со всеми комментами и не оптимизированными файлами. Второстепенные вопросы: -Что происходит со шрифтами в сафари? -В IE9, 10 форма в футэре кривая, не наш…
Last reply by Flexible Curd, -
- 4 replies
- 1.3k views
Добрый день, уважаемые участники форума. Оцените, пожалуйста, мою первую верстку. Два нюанса: а) ошибка с названиями классов camelCase мне известна; б) слайдеры - это велосипеды на чистом JS и да, их можно было бы сделать резиновыми, но было лень ) всё равно в реальном проекте проще на jquery писать. Или я здесь не прав? Собственно сам сайт: http://svden.github.io/PracticeEcommerce/ Макет (переведен в JPG): https://gyazo.com/4dcba975a038e1f77e87a6d053b0f34c Что улучшить? Где нужно было делать иначе? В общем, буду рад любым замечаниям (особенно развёрнутым . Спасибо.
Last reply by panteriya, -
- 7 replies
- 1.4k views
Здравствуйте, форумчане. Я начинающий верстальщик и хотел бы узнать от более опытных, какие ошибки допущенные в верстке ? Вот ссылка на макет: template-3.esy.es Спасибо за внимание и уделенное время.
Last reply by VeniVidiVici, -
Верстка : http://loorelax.ru/lpage/ Оценивайтк вертску и указывайте на ошибки
Last reply by xShift, -
-
- 0 replies
- 732 views
http://codepen.io/tavira/pen/JYmNqN По ссылке вёрстка одной страницы и самую малость JS для разнообразия. Совсем малость Посмотрите, пожалуйста....скажите, что хорошо, что плохо. В данный момент - самый главный косяк в том, что вёрстка поедет, если добавить много текста. Но, в общем-то, это не совсем тот случай, когда за этим надо следить. Также отметил трудность в организации вёрстки. Посколку есть два одинаковых объекта по сути, но для каждого из них надо задавать разные свойства.
Last reply by binomer, -
- 13 replies
- 1.4k views
Добрый день, я недавно начал изучать HTML/CSS, только сегодня я сверстал свой первый нормальный макет, получилось конечно так себе, но хочется знать, где я допустил ошибки, чтобы не допускать их в следующий раз. Просьба не обращать внимание на форму поиска и подписки, так как я планировал адаптировать шаблон под какой-нибудь движок, а там своя есть форма поиска и подписки. Макет я тоже рисовал сам, рисовал первый раз, поэтому тоже хотелось бы знать, что и где я сделал не так. Извините, но сайта у меня своего нет, поэтому если я нарушаю правила сайта, то закройте тему. http://codepen.io/Frodo/pen/WQaXNq- сам шаблон http://rghost.ru/7tXFnFdSv- здесь PSD и шаблон
Last reply by SvDen, -
- 4 replies
- 1.2k views
Моя первая работа, изучаю HTML ,CSS месяц ... как улучшить код ? может много классов? должен ли верстальщик (работу делал именно для портфолио ) делать кнопки рабочими и форму? Наверное не стоит брать заказы , еще поработаю за опыт ..смогу ли я на фрилансе выполнять именно по css и html работу или рынок уже перенасыщен и нужно пробовать с JS что-то? https://jsfiddle.net/rootnoob/fq9tpoy5/ и сам сайт http://business-training.esy.es/
Last reply by nomalware, -
- 2 replies
- 2.1k views
Всем привет! Имеется одна до безобразия простейшая веб-страница (http://www.cssdesk.com/FzRm2), созданная в процессе изучения азов HTML и CSS. Вопрос таков: что в HTML-коде и таблице стилей данной вёрстки можно было бы сделать грамотнее/иначе/правильнее/лучше? За банальный пример простите уж, да больно хотелось спросить... Спасибо!
Last reply by Mozzie, -
- 1 reply
- 1.3k views
Оцените верстку http://slavian.coolpage.biz/www/ Макет куда высталять ?
Last reply by Mozzie, -
- 5 replies
- 2k views
Добрый день, коллеги! Ничего особенного я вам не покажу - это мой первый сайт на html с применением css. Я постарался реализовать необходимые требования поисковых систем по качеству для его дальнейшего ранжирования - выполнил оптимизацию, структуризацию, добавил сайт в ПС гугл и яндекс. Если считать, что на этом этапе я выполнил все правильно, какие необходимо предпринимать дальнейшие действия, чтобы обойти конкурентов в поисковой системе?
Last reply by sigma77, -
- 37 replies
- 6.4k views
Привет всем хочу вам рассказать о новой версии «Конструктора верстки», проект условно бесплатный. Бета тест http://test.buildmak.com/ Цель проекта облегчить создание HTML верстки страниц. После входа в сервис можем приступить к роботе. Нажимаем на кнопку «СОЗДАТЬ ПРОЕКТ», предварительно указав его имя. Теперь вы можете приступить к верстке. Дальше мы рассмотрим возможности конструктора верстки, а также какие результаты следует ожидать. Конструктор имеет пять составных частей: Панель управления (первая панель) – здесь есть такие кнопки: 1. Создать элементы; 2. Очистить рабочую область; 3. Копировать; 4. Вставить; 5. Редактировать; 6. У…
Last reply by buildmak, -
- 3 replies
- 969 views
Оцените верстку www.it-khab.ru макет https://cloud.mail.ru/public/ABLZ/bxzrK1qYR
Last reply by psywalker, -
- 23 replies
- 3.6k views
Доброго времени суток, частично выполнил задание предложенное на форуме. Сам сайт. Исходник тут. Там же чуть больше деталей об этом проекте, не буду повторяться. Сразу отмечу, что не придерживался ТЗ доскональна, так как это учебная верстка, а ТЗ ставило рамки и задачи не подходящие под мои цели. Специально и сразу не соблюдалась поддержка IE8, так как AngularJS давно прекратил его поддержку(все замечательно работает под IE9), так же мне не очень понравилось качество макета, поэтому раз деньги мне все равно не заплатят, я решил не грузится подгонкой пикселей . Было сделано 3 представления сайта, заместо 4, так как этого вполне достаточно, возможно я и не прав, но сп…
Last reply by andrey7287, -
- 3 replies
- 1.2k views
Залил на бесплатный хостинг http://verstkaaaa.esy.es/ Вот макет в jpg http://cs624327.vk.me/v624327186/4f25a/dh9wBjRrjX8.jpg Я совсем новичок в верстке, нужна критика по структуре html, верна ли она, не переборщил ли я с классами и особенно с комментариями. Адаптивил под разрешения в фаер фоксе при ctrl+shit+m Думаю еще сделать под телефоны скрывающиеся мобильное меню, и надо форму допилить, и плавный скрол. Подключено много всего в коде, не мешает ли это, если я не использую все? (скрипты попап и т.д.) Использовал только сетку бутстрап. Макет взял из одного открытого заказа на фл.ру, могу ли я использовать это для своего портфолио, или лучше текст поменять…
Last reply by Great Rash, -
- 11 replies
- 1.3k views
Обновил тут по-крупному сайтик с панорамами Магадана и области — http://magadan360.ru/. Правим оставшиеся баги после переноса всех панорам, но было бы интересно услышать мнения касаемо дизайна и прочего. С десктопным вроде определились, но, вероятно, в мобильном есть какие-то неудобные штуки, поэтому мнения со стороны будут ценны и полезны.
Last reply by psywalker, -
- 8 replies
- 1.8k views
Доброго времени суток! Прошу оценить мою "пробу пера" - myfreshsite.esy.es. Шаблон
Last reply by noobkin, -
Сайт пиццерии 1 2
by Rudiarius- 25 replies
- 3.7k views
Недавно закончил сайт сети пиццерий СанРемо http://sanremo-pizza.com/ дизайн, вёрстка, программирование всё моё. CMS - OpenCart По программированию, частично, обращался за помощью... Заказы принимаются полностью по смс уведомлению.
Last reply by sigma77, -
- 6 replies
- 1.2k views
Оцените пожалуйста верстку. http://webstas.bombnet.ru/ Первый вопрос, не могу понять почему этот редактор так криво отоброжает страницу. В мазиле, хроме и эксплорере отображается так как хотел. Второй вопрос, я сделал социальные кнопки, при наведении появляется круглый border и он смещает вниз контент. Как этого можно избежать? Третий вопрос. Форма для отправки емейла. Что бы она была посредине слоев, я сделал это с помощью margin-top: -40px; Правильно ли так делать или есть другой способ? И если есть немного времени, оцените общую верстку.
Last reply by franticc, -
- 11 replies
- 2.5k views
Народ,оцени удобство поиска нужной информации и её расположение. Сайт о базе отдыха: http://buzim-club.ru Нужен совет по модернизации сайта.
Last reply by fraps,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-