Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2,327 topics in this forum
-
- 3 replies
- 1.4k views
Здравствуйте!!! Собираю команду из альтруистов для создания социального проекта. Есть некоторые идеи, но не хватает опыта. Проект о нашей родине без политики. Дать возможность рассказать и показать людям из регионов свой край. Жду творческих и желающих реализовать себя.Подробности лично. Желающие, добро пожаловать!) Файлы не прикрепляются к сожклению
Last reply by IInga, -
- 1 reply
- 1.5k views
макет вёрстка (адаптивная до 320px) Использовал: jade+sass+gulp. Требуется критика вёрстки, любые пожелания, указание на ошибки/недочёты, также приветствуются. От себя несколько вопросов: 1) Google page speed даёт низкую оценку скорости: Как это исправить?? скрин 2) Валидатор постоянно ругается на подключённые через гугл шрифты, можно ли это как-то исправить? скрин ошибки
Last reply by Alexandr37, -
- 9 replies
- 4.7k views
Приветствую. Снова. Сайт — http://flexboxtryfirst.16mb.com/ Макет — https://yadi.sk/i/2xULK9O9tjq4R Сайт выглядит одинаково почти во всех браузерах, кроме любимого IE. Валидация HTML и CSS пройдена без ошибок. 769 - 1024 (max-width: 1024px) and (min-width: 769px) Мобильная версия сайта (max-width: 480px) and (min-width: 320px) Прошу! Указать на ошибки в использовании Flexbox. (Правильно ли я вообще использовал flexbox?) Указать на различия между версткой и макетом. Высказать свое субъективное мнение по поводу верстки в общем. Что стоит изменить или как делать не нужно. Да и вообще указать на любые ошибки. Жду л…
Last reply by lexxcode, -
- 4 replies
- 1.5k views
Приветствую! Продолжаю изучать web-технологии, и сегодня завершил свою первую вёрстку по макету. Макет предоставлялся только в десктопной версии, так что я адаптировал его по ходу выполнения работы не прибегая к прорисовке отдельных макетов, т.к. пока что не силён в инструментах дизайна. Получилось, что получилось. Жду ваших комментариев. Макет: http://www.pcklab.com/templates/flat-corporate Сайт: http://igor-chernega-works.dx.am
Last reply by by chris, -
- 10 replies
- 1.7k views
<section class="b-about-us__line"> <div class="b-about-us-content center-block clearfix"> <div class="b-about-us__head"> <h2>О компании</h2> </div> <div class="b-about-us__left"> <div class="b-about-us-left__img"> <img class="b-image" src="images/abous-us-image.png" alt="фото"> </div> <div class="b-about-us-left__video"> <video class="b-video" controls="controls"> <source src="" type=""> <source src="" type=""> <source src="" type=""> </video> </div> </div> <div class="b-ab…
Last reply by Igor Schnaider, -
- 3 replies
- 1.3k views
Приветствую! Когда-то я сверстал при помощи таблиц сайт, а теперь решил переделать его с использованием современных технологий и подходов с целью начать с этого своё изучение web-программирования. Раньше сайт выглядел вот так: http://yogaeveryday.esy.es/yoga__1_0/ Меня не столько сейчас интересуют внешний вид и пр., сколько сама организация сайта. Поэтому предлагаю к оценке сразу исходники, а не конечный продукт https://github.com/avalan4e57/yoga2_0 Я постарался сделать сайт максимально простым и удобным для редактирования. С этой целью разбил все логические и функциональные блоки на отдельные файлы, автоматизировал генерацию элементов до добавления новых данных в…
Last reply by klierik, -
- 0 replies
- 1k views
http://adder-infinity.ru/ Веб-презентация предназначена для узкого круга IT-специалистов старше 30, руководителей IT-отделов или системных архитекторов АСУ ТП. Добрый день! Оцените, пожалуйста, оформление, удобство, информативность. Насколько понятно, для чего используется предлагаемое оборудование?
Last reply by maritca, -
- 9 replies
- 1.5k views
Прошу оценить верстку (сделать замечания/дать советы) одностраничного макета : верстка , ссылка на макет Верстал близко к макету,hover-эффекты делал на свое усмотрение.
Last reply by Alexandr37, -
- 1 reply
- 1.2k views
верстка - https://pashkes.github.io/pink/ исходники - https://github.com/pashkes/pink макеты - https://drive.google.com/file/d/0B-aDLlVbnLubR2hvV19TRzdGa00/view?usp=sharing Адаптивный проект в 3 страницах (Главная, Фотографии, Конкурс), контрольные точки (320px, 660px, 960px). Использован препроцессор Sass, сетка сделана на флексах, использована адаптивная графика и ретенизация
Last reply by alejandro13, -
- 10 replies
- 2.6k views
Приветствую! Сайт — http://dimaspavlov.16mb.com/ Макет — https://yadi.sk/i/IqjF55CztPxYx Второй макет. Решил попытаться сделать сайт адаптивным в таких разрешениях. (min-width: 768px) and (max-width:1152px) Валидация CSS и HTML пройдена успешно. Прошу! Указать на ошибки в структуре HTML и CSS кода. (К примеру каких div-блоков можно было избежать, я уверен, что таковые имеются) Указать на различия между версткой и макетом. Высказать свое субъективное мнение по поводу верстки в общем. (Адаптивность не включая). Дать пару советов начинающему верстальщику Спасибо! Спасибо, форумчанин, за потраченное время на оценку в…
Last reply by DmitryPavlov, -
- 9 replies
- 1.9k views
Оцените пожалуйста верстку простенького лэндинга, фикс, использован препроцессор Sass, флексы, именование классов выполнено по БЭМ ссылка на работу - https://pashkes.github.io/ ссылка на репозиторий - https://github.com/pashkes/pashkes.github.io ссылка на макет - https://drive.google.com/open?id=0B2WaTCbThw1GR0dmb3d0V2J2S28
Last reply by Pashkes, -
- 3 replies
- 1.1k views
Сайт ссылка Макет ссылка Оцените пожалуйста верстку макета.Так как опыта мало не спал пока разбираться со слайдером просто вставил картинкой.
Last reply by Endorphin, -
- 13 replies
- 1.5k views
Всем привет, Кому не сложно, просмотрите, пожалуйста верстку для 6 страниц визарда создания нового хостела. login test_admin@mail.com 1S8cXGW9 1я страница визарда hostelstep1 При открытии новой страницы должны быть заполнены данными по дефолту На странице с картинками(Step 5) загрузите несколько картинок также кроме введенных данных также, плиз, кликните сохранить с инвалидными данными, чтобы увидеть отображение ошибок... также index страница админки dashboard Это бутстрап - я делал для айпадов, но чтобы работало и на смартфонах. Я понимаю, что сделать админку для смартфона сложно - но один из моих предыдущих клиентов просих делать и для смартфонов …
Last reply by mstdmstd, -
- 1 reply
- 907 views
Проверьте пожалуйста, нужно ли доработать? Главной страницы и одной из страниц http://duo.com.ua/ http://duo.com.ua/ru/prodazha-pod-zhyle
Last reply by klierik, -
- 7 replies
- 1.5k views
В целях практики сверстал макет. Прошу оценить качество вёрстки и указать на недостатки и ошибки. Сайт Макет Наибольшие сомнения у меня вызывает реализация теней - замечания по этому вопросу интересуют больше всего. P.S. без адаптивности и кросс-браузерности
Last reply by Xenia Wanger, -
- 3 replies
- 1.3k views
Первая в жизни вёрстка http://test131313.zzz.com.ua/ Прошу оценить, раскритиковать и объяснить что не так, спасибо.
Last reply by mikoart, -
- 5 replies
- 1.2k views
Первопост. Сайт — http://dimaspavlov.16mb.com/ Макет — https://yadi.sk/i/Cx8jTKfxt4anV Прошу оценить раскритиковать верстку, начиная с HTML-структуры и указать на все недостатки. Так и не смог сделать переход для градиента в навигационном меню. Буду очень благодарен! P.S. Верстка не адаптивная.
Last reply by DmitryPavlov, -
- 1 reply
- 915 views
Наконец доверстал главную страницу. Хочу выставить на суд. Оцените, пожалуйста, кроссбраузерность, подходы к верстке и общую картину качества кода. http://verstkapro.cuccfree.com/ Огромная просьба. В футере есть маленькое меню. Нужно чтобы его пункты располагались вот так: То есть первые символы всегда были на одной вертикальной линии независимо от длинны слова. Реализовал при помощи 3 списков, но решение не нравится, так как при добавлении новых пунктов все разъезжается. Наверняка как то можно проще и лучше это сделать. Заранее всем спасибо за критику!
Last reply by by chris, -
- 0 replies
- 1.1k views
Здесь только разметка, без стилизации макет : http://radikal.ru/lfp/s010.radikal.ru/i312/1607/ed/0b2717720a69.jpg/htm код: http://jsbin.com/venewunifo/edit?html,css,output Что хочу от вас: полезные советы и критику Что больше всего волнует в этой разметке: названия классов, с этим полная беда Очень надеюсь на вашу помощь...
Last reply by Rimming, -
- 2 replies
- 1.4k views
Продвигаю тему маленьких бесплатных интернет магазинчиков полностью на javascript ( статичный html файл). Постарался сделать максимально простой шаблон для магазина на один - десять товаров. _http://heeg.ru/test/heeg.html мне нужно создать первое положительное впечатление и вызвать желание попробовать сделать магазин на этом шаблоне. Поэтому хотел сделать дизайн максимально приятным и универсальным (выбрал серый цвет) не знаю получилось или нет? второе - магазин ориентирован на новичков, поэтому старался сделать шаблон понятным. Добавил комментарии по работе и настройке магазина прямо в сам шаблон, не знаю правильно это или нет? Еще мне нужно понять, сможет л…
Last reply by WhatIsHTML, -
- 0 replies
- 785 views
Делал первый раз микроразметку и буду очень признателен если подскажите правильно-ли все там сделал может что-то упустил что-то не так ну и по самой верстке тоже ссылка: http://artmex.webtm.ru/vm/index.html Всем спасибо !
Last reply by CyMpaK56, -
- 2 replies
- 1.3k views
Здравствуйте, товарищи. Оцените пожалуйста верстку одностраничного сайта. http://malahov-web.ru/demo/eco_stochnie_vodi/ Основные вопросы: 1. Общее по коду html - семантика, структура 2. В раздел "Прайс-лист" изображение человека сейчас сделано отдельной картинкой .png - это плохой вариант она весит очень много. Но соединить его с общим серым фоном в один jpeg в данном случае затруднительно потому фон раздела - повторяющийся узор. Как Вы решаете такую задачу? 3. Классы обычно делаю по логике Блок-элемент ( и иногда модификатор). Хотя в верстке небольших сайтов чаще применяют "чистый код" на наследовании. Если заглянете в css-код могу сказ…
Last reply by Джулия, -
- 4 replies
- 1.1k views
оцените пожалуйста форму, которая добавляет в базу рецепты коктейлей: http://fh79272k.bget.ru/files/works/coctails/1/ в первую очередь хотелось бы услышать отзывы об архитектурке
Last reply by Джулия, -
- 2 replies
- 1.5k views
Здравствуйте. Оцените вёрстку LandingPage Исходники Во время вёрстки изучал Foundation 6 и SMACSS. Хочу получить критику использования этих технологий от разработчиков, которые с ними работают. Прошу оценить кроссбраузерность, адаптивность, организацию кода. В Firefox на мобильных расширениях появляется нижняя полоса прокрутки, в Chrome/Opera этой полоски нет, не знаю почему.
Last reply by shol, -
- 4 replies
- 1.8k views
Ребята, ваше мнение, а еще лучше - кто знает точно? Планирую около 5-ти однотипных но на разные тематики сайты. Контакты и контент тоже будут разные. Вопрос в том, не повлияет ли на раскрутку этих сайтов то, что все на одном хостинге, а доменные имена на одном человеке? И вообще, не заблокируют ли поисковики мне эти сайты?
Last reply by SeoManaz,
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-