Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2,327 topics in this forum
-
- 10 replies
- 1.8k 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.4k views
Приветствую! Когда-то я сверстал при помощи таблиц сайт, а теперь решил переделать его с использованием современных технологий и подходов с целью начать с этого своё изучение web-программирования. Раньше сайт выглядел вот так: http://yogaeveryday.esy.es/yoga__1_0/ Меня не столько сейчас интересуют внешний вид и пр., сколько сама организация сайта. Поэтому предлагаю к оценке сразу исходники, а не конечный продукт https://github.com/avalan4e57/yoga2_0 Я постарался сделать сайт максимально простым и удобным для редактирования. С этой целью разбил все логические и функциональные блоки на отдельные файлы, автоматизировал генерацию элементов до добавления новых данных в…
Last reply by klierik, -
- 0 replies
- 1.1k views
http://adder-infinity.ru/ Веб-презентация предназначена для узкого круга IT-специалистов старше 30, руководителей IT-отделов или системных архитекторов АСУ ТП. Добрый день! Оцените, пожалуйста, оформление, удобство, информативность. Насколько понятно, для чего используется предлагаемое оборудование?
Last reply by maritca, -
- 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.7k 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.6k views
Прошу оценить верстку (сделать замечания/дать советы) одностраничного макета : верстка , ссылка на макет Верстал близко к макету,hover-эффекты делал на свое усмотрение.
Last reply by Alexandr37, -
- 9 replies
- 2k 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.2k views
Сайт ссылка Макет ссылка Оцените пожалуйста верстку макета.Так как опыта мало не спал пока разбираться со слайдером просто вставил картинкой.
Last reply by Endorphin, -
- 1 reply
- 968 views
Проверьте пожалуйста, нужно ли доработать? Главной страницы и одной из страниц http://duo.com.ua/ http://duo.com.ua/ru/prodazha-pod-zhyle
Last reply by klierik, -
- 7 replies
- 1.7k views
В целях практики сверстал макет. Прошу оценить качество вёрстки и указать на недостатки и ошибки. Сайт Макет Наибольшие сомнения у меня вызывает реализация теней - замечания по этому вопросу интересуют больше всего. P.S. без адаптивности и кросс-браузерности
Last reply by Xenia Wanger, -
- 3 replies
- 1.4k views
Первая в жизни вёрстка http://test131313.zzz.com.ua/ Прошу оценить, раскритиковать и объяснить что не так, спасибо.
Last reply by mikoart, -
- 1 reply
- 977 views
Наконец доверстал главную страницу. Хочу выставить на суд. Оцените, пожалуйста, кроссбраузерность, подходы к верстке и общую картину качества кода. http://verstkapro.cuccfree.com/ Огромная просьба. В футере есть маленькое меню. Нужно чтобы его пункты располагались вот так: То есть первые символы всегда были на одной вертикальной линии независимо от длинны слова. Реализовал при помощи 3 списков, но решение не нравится, так как при добавлении новых пунктов все разъезжается. Наверняка как то можно проще и лучше это сделать. Заранее всем спасибо за критику!
Last reply by by chris, -
- 5 replies
- 1.3k views
Первопост. Сайт — http://dimaspavlov.16mb.com/ Макет — https://yadi.sk/i/Cx8jTKfxt4anV Прошу оценить раскритиковать верстку, начиная с HTML-структуры и указать на все недостатки. Так и не смог сделать переход для градиента в навигационном меню. Буду очень благодарен! P.S. Верстка не адаптивная.
Last reply by DmitryPavlov, -
- 0 replies
- 1.2k 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, -
- 0 replies
- 832 views
Делал первый раз микроразметку и буду очень признателен если подскажите правильно-ли все там сделал может что-то упустил что-то не так ну и по самой верстке тоже ссылка: http://artmex.webtm.ru/vm/index.html Всем спасибо !
Last reply by CyMpaK56, -
- 13 replies
- 1.7k views
Всем привет, Кому не сложно, просмотрите, пожалуйста верстку для 6 страниц визарда создания нового хостела. login test_admin@mail.com 1S8cXGW9 1я страница визарда hostelstep1 При открытии новой страницы должны быть заполнены данными по дефолту На странице с картинками(Step 5) загрузите несколько картинок также кроме введенных данных также, плиз, кликните сохранить с инвалидными данными, чтобы увидеть отображение ошибок... также index страница админки dashboard Это бутстрап - я делал для айпадов, но чтобы работало и на смартфонах. Я понимаю, что сделать админку для смартфона сложно - но один из моих предыдущих клиентов просих делать и для смартфонов …
Last reply by mstdmstd, -
- 4 replies
- 1.2k views
оцените пожалуйста форму, которая добавляет в базу рецепты коктейлей: http://fh79272k.bget.ru/files/works/coctails/1/ в первую очередь хотелось бы услышать отзывы об архитектурке
Last reply by Джулия, -
- 2 replies
- 1.5k views
Продвигаю тему маленьких бесплатных интернет магазинчиков полностью на javascript ( статичный html файл). Постарался сделать максимально простой шаблон для магазина на один - десять товаров. _http://heeg.ru/test/heeg.html мне нужно создать первое положительное впечатление и вызвать желание попробовать сделать магазин на этом шаблоне. Поэтому хотел сделать дизайн максимально приятным и универсальным (выбрал серый цвет) не знаю получилось или нет? второе - магазин ориентирован на новичков, поэтому старался сделать шаблон понятным. Добавил комментарии по работе и настройке магазина прямо в сам шаблон, не знаю правильно это или нет? Еще мне нужно понять, сможет л…
Last reply by WhatIsHTML, -
- 2 replies
- 1.6k views
Здравствуйте. Оцените вёрстку LandingPage Исходники Во время вёрстки изучал Foundation 6 и SMACSS. Хочу получить критику использования этих технологий от разработчиков, которые с ними работают. Прошу оценить кроссбраузерность, адаптивность, организацию кода. В Firefox на мобильных расширениях появляется нижняя полоса прокрутки, в Chrome/Opera этой полоски нет, не знаю почему.
Last reply by shol, -
- 4 replies
- 1.9k views
Ребята, ваше мнение, а еще лучше - кто знает точно? Планирую около 5-ти однотипных но на разные тематики сайты. Контакты и контент тоже будут разные. Вопрос в том, не повлияет ли на раскрутку этих сайтов то, что все на одном хостинге, а доменные имена на одном человеке? И вообще, не заблокируют ли поисковики мне эти сайты?
Last reply by SeoManaz, -
- 2 replies
- 1.4k views
Здравствуйте, товарищи. Оцените пожалуйста верстку одностраничного сайта. http://malahov-web.ru/demo/eco_stochnie_vodi/ Основные вопросы: 1. Общее по коду html - семантика, структура 2. В раздел "Прайс-лист" изображение человека сейчас сделано отдельной картинкой .png - это плохой вариант она весит очень много. Но соединить его с общим серым фоном в один jpeg в данном случае затруднительно потому фон раздела - повторяющийся узор. Как Вы решаете такую задачу? 3. Классы обычно делаю по логике Блок-элемент ( и иногда модификатор). Хотя в верстке небольших сайтов чаще применяют "чистый код" на наследовании. Если заглянете в css-код могу сказ…
Last reply by Джулия, -
- 5 replies
- 1.6k views
Здравствуйте. Недавно появился заказ, который меня немного насторожил тем, что дизайном заведовал дизайнер-маркетолог. На первый взгляд макеты для десктопа неплохие, как обычно. Потом через время предоставили для планшетов и мобильных. Вот с этого момента подробнее: 1. Макеты с одинаковыми блоками для разных страницы отличаются 2. Мобильное меню с непонятно откуда взятыми пунктами, которых не было в десктопной версии. Их то 6 пунктов, а в моб. - 8 (совершенно новых )+вложенности до 2 уровня. 3. Мелочи вроде разных padding по краям, также нижние и верхние отступы разнятся у одинаковых блоков. 4. Немного нелогичное построение блоков - у десктопа одн…
Last reply by Николя223, -
- 5 replies
- 1.3k views
Всем привет. Давно выкладывал в этот раздел такую работу. Набрался немного опыта, решил переверстать. Хочу выслушать вашу критику по поводу качества кода, багов и так далее. Заранее спасибо.http://a96362zl.bget.ru/index.html
Last reply by VeniVidiVici, -
- 2 replies
- 1.2k views
Доверстал макетик. Прошу оценить верстку с точки зрения качества кода и подходов. Что сверстано неверно и что нужно доработать. Также отдельная рассказать о косяках с отображением, которые заметите. Вот сайт: http://a96362zl.bget.ru/index.html
Last reply by IvanRu08, -
- 0 replies
- 1.2k views
Адаптивная верстка IE10+ Для себя сделал вывод, меню лучше делать два: одно полноразмерное, другое для мобильных устройств. Правда, в ie8 не отображается ровным счетом ничего(пустая страница), что для меня пока загадка. Может кто знает ответ?
Last reply by grafnet,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-