Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2,327 topics in this forum
-
- 2 replies
- 780 views
Смотрю курс [Школа Программирования] HTML5 и CSS3. Современные средства Web-разработки. И там на 4 уроке дали домашнее задание, сверстать небольшую галерею. Вот требования: Галерея изображений в стиле полароид 1. Создать 9 изображений с подписью; 2. Изображения оформить в стиле фотографий «полароид» (в белой рамке, внизу белое поле, на белом поле подпись). Блок с изображением отбрасывает тень; 3. Придать небольшую хаотичность изображениям: повернуть на +/- 2-3 градуса, переместить на 2-5 пикселей влево-право, вверх, вниз (используя псевдо-класс :nth-child); 4. При наведении: - изображение плавно увеличивается с переходом в 1.25-1.5 раза (и поворот пропадает); - тень о…
Last reply by SelenIT, -
Макет - http://leatherly.webpages.hes78.com/Leatherly_onepagesite.jpg'>http://leatherly.webpages.hes78.com/Leatherly_onepagesite.jpg Вёрстка - http://leatherly.webpages.hes78.com/ Что сделал не так, что можно было лучше?
Last reply by xenon_k, -
- 1 reply
- 778 views
Вот 1. baxter.loc 2. imaginative.loc 3. openmint.loc 4. professionalbusiness.loc - только на нем работают все страницы. 5. smartbizz.loc я знаю что там есть ошыбки проходил уже валидацию там в основном все ошыбки из-за того что я постоянно использовал id вместо классов раньше я этого не знал что так нужно делать прочитал тут на форуме статью теперь знаю) еще там канешно есть елементы которые должны работать типа слайдеров но так как я только новичок я все это реализовал с помощю html,css. Жду вашых коментариев. я уже постил это в теме http://htmlforum.ru/index.php?showtopic=49349 но думаю тут правильней. Учитывая то что я сверстал на что мне стоит обратить вниман…
Last reply by Aleksandr.L, -
- 1 reply
- 778 views
Здравствуйте, вот сверстал макет. Прошу поделится мнением, указать на недостатки, хочу максимум критики по поводу данной работы. Макет не адаптивен, так как не умею верстать адаптивно. Вот сам макет http://hkar.ru/CRtg Вот Верстка http://fdsfsd.esy.es/ Вот HTML/CSS код https://jsfiddle.net/srraazhe/ Такие недостатки в данной работе обнаружил сам: 1. Слайдер сделал картинкой, еще не было опыта с слайдерами. 2. Кнопки. При наведении на круг не меняется цвет картинки, но при наведении на саму картинку цвет меняется адекватно, а вот текст становится цветом картинки. Так же при наведении на кнопку в верхней части должен отображаться треугольник. Буду признателен если под…
Last reply by antonKar, -
- 2 replies
- 777 views
Адрес: http://sundel-ex.ru/ Уже вторая версия сайта постоянно ведется доработка. Хочу услышать разносторонние мнения и советы по улучшению.
Last reply by Radiocity, -
- 5 replies
- 774 views
оцените пожалуйста способ организации сайта. на косяки вёрстки и дизайна внимание не обращайте, цель была в другом я из-за недостатка литературы изобрёл велосипед - некоторый шаблон, используя который можно собирать несложные сайты из xml и html. хотел бы знать имеет ли этот шаблон право на существование(может быть существуют более удачные решения)? может быть такой подход при организации уже устарел или всё таки такой сайт может быть полезен в определённой ситуации? скажите пожалуйста своё критическое мнение
Last reply by Vin, -
- 4 replies
- 774 views
Добрый день. Прошу покритиковать еще одну верстку. Так же возникло несколько вопросов. В этот раз использовал иконочный шрифт. На сколько это оправдано, какие есть недостатки по сравнению с обычной вставкой изображений? Использовал абсолютное позиционирование для даты поста, со сдвигом самого поста вправо. На сколько это правильный способ? Пагинатор внизу страницы нужно было сделать одной шириной с текстом поста. Выравнял по ширине с помощью text-align: justify и фиктивной строки в before. Нет ля для этих целей более простого способа.Спасибо.
Last reply by Shenia132, -
- 5 replies
- 770 views
Оцените пожалуйста адекватность верстки (насколько далек от семантической,) качество css? www.hozjain.org.ua Буду признателен за любые конструктивные замечания. с уважением Александр Блок
Last reply by Great Rash, -
- 6 replies
- 770 views
прошу оценить верстку(кликабельно)
Last reply by pupil, -
- 1 reply
- 768 views
Прошу оценить вёрстку! Вот страничка (ссылка не актуальна) (пытался сверстать всё, что верстается, хотя текстуры получились не очень) При вёрстке возникли некоторые вопросы, а именно, возможно ли воспроизвести с помощью css таких текстур, как в шаблоне. Например в навигации, видно, что нет ни градиентов ни тени, а текстура, как-бы рыхлая. Проверял во всех нормальных браузерах и ие9++ Жду уместную критику!
Last reply by parabola, -
- 4 replies
- 765 views
Прошу посмотреть верстку новичка. Где белые пятна в моей подготовке наиболее заметны? http://seemax.pomidor.com.ua/Husband.html Задание не смог реализовать, при резине 100% правая картинка в хедере лезет на левую. Мне казалось обе картинки должны изменяться пропорционально размерам экрана. Прошу, также, помочь понять непонятое: Две колонки между Хед и Фут имеют один цвет, но левая за счёт фоновой картинки с мелкими градиентами снизу и сверху. Размер картинки 294х520 px. Мне показалось правильным задать соотв размеры лев колонки и соотв высоту правой. В результате они никак не хотели прижаться равномерно по высоте к вышестоящему блоку. Попытки вспомнить про схлёстывани…
Last reply by seemax, -
- 2 replies
- 764 views
Здравствуйте, этот шаблон сайта я нашел в интернете. Сверстал его, чтоб набраться опыта. Я бы хотел узнать, на сколько правильно я пишу код, верно мыслю итп. Сайт: http://klimchik.ru/my/3/ Только одна страничка. Эксплорер 6 я не учитывал.
Last reply by MadMax, -
- 3 replies
- 762 views
http://workforboobs.ru/ Мое портфолио, еще не заполнил, только сверстал. Есть небольшие баги в ие8. Другие браузеры(ие+ 8 хром лиса и опера) должны показывать сайт отлично в любом разрешении. Одна проблема-верстка не валидна. Это же не может плохо сказаться на SEO сайта?
Last reply by Int, -
- 1 reply
- 761 views
Добрый день. Уважаемые товарищи, только недавно начал осваивать веб-технологии. На данном этапе нахожусь на стадии изучения HTML и CSS. Попробывал сверстать страницу из PDF, пожалуйста, кому не лень, посмотрите и укажите на мои ошибки, да и в целом кто что может выразить (без учета резины и адаптивности для разных устройств, так как еще в стадии обучения ). Заранее большое спасибо. http://dropmefiles.com/zDURR
Last reply by Great Rash, -
- 3 replies
- 761 views
Добрый день! Мы запустили проект "Чек-листы от экспертов" - mychecklist.ru. Попросили ведущих специалистов в различных областях поделиться знаниями и оформили это в виде чек-листов, которые можно использовать "в бою". Прошу вас покритиковать проект. Что вам не нравится? Что неудобно? Заранее всех благодарю!
Last reply by bryknyk, -
- 3 replies
- 759 views
Нашел вот такой макет на просторах интернета, решил сверстать. Что получилось можно посмотреть здесь. От вас хотел бы услышать критики, что не так сделал и т.д Еще не смог сделать сайдбар на всю высоту, кто может подскажите как сделать его полностью до футера, буду признателен. И почему валидатор всегда жалуется на это св-во <input placeholder="Поиск..." type="text" class="pole">
Last reply by hedgehog, -
Набросал на коленке, поскупившись на дизайнера, поэтому особо нервным, а также не обделенным чувством прекрасного рекомендуется поберечь психику и не жать на ссылку В перспективе хочется сделать что-нибудь эдакое адаптивное. Критикуйте что хотите, но больше всего мне хотелось бы услышать советы по структуре. С HTML5 тегами раньше не сталкивался в деле, поэтому мне кажется, что я там крепко наломал дров и семантикой если пахнет, то едва заметно... Я как-то задавал уже абстрактные вопросы по HTML5 в другой теме, но мне никто не ответил, поэтому сделал насколько хватило знаний. Собственно, сайт планируется как "записная книжка" а-ля блог, на текущей стадии без контента. htt…
Last reply by hedgehog, -
-
- 2 replies
- 753 views
www.anonsi-prazdnikov.ru Сайт, созданный для аноннсов различных праздников и событий на территории РФ. К сожалению после сдачи проекта, заказчик куда то пропал, а потому на сайте присутствует "рыба" и только одно тестовое событие (выбираем на календаре 2011 октября). Просьба оценить дизайн и юзабилити, впрочем, любая критика приветствуется.
Last reply by yacor, -
- 3 replies
- 753 views
Добрый день! Вот Я и закончил верстку второго шаблона найденного в интернете. Как вы возможно помните мой первый собачий сайт , так вот после его завершения я понял сколько я сделал ошибок и когда Я делал новую работу то Я уже старался все ошибки учесть, в частности меня интересует правильно ли я соблюдал правила семантической верстки и вообще правильность верстки в целом, заранее спасибо! Прошу критики! Страница Шаблон Файлы
Last reply by li4e, -
- 2 replies
- 751 views
Здравствуйте, оцените пожалуйста вёрстку psd-макета сайта интернет-магазина. Это моя первая вёрстка, она сделана не до конца, хотелось бы узнать нюансы которые присутсвуют в том, что свёрстано. конструктивная критика приветсвуеться. вёрстка: index.html
Last reply by spdif, -
- 1 reply
- 749 views
Всем привет! Заранее извиняюсь если такая тема есть, но я токовой не обнаружил воспользовавшись поиском! Проблема моя вот в чем! Есть сайт и есть форум, нужно прикрутить его к сайту, header,footer,sitebar но мне не хватает опыта в php. Ну хотя быть может и без php можно обойтись, но как может посоветуете? Движок BB3.php изменил дизайн под сайт, а вот с прокруткой проблема! Если надо ссылки могу выложить по вашей просьбе.
Last reply by Intern, -
- 4 replies
- 749 views
Доброго дня, уважаемые жители форума. Сверстал макет, хотелось бы услышать мнения, замечания, где совершены ошибки. В Chrome при уменьшении (zoom-in) левое черное меню вылазит на правое изображение. Если задать менюшке фиксированную ширину то все хорошо, кроме переносов пунктов во время того же zoom-in'а. Как это решить? Всем откликнувшимся спасибо. Готовая работа здесь Скачать PSD макет можно здесь
Last reply by EvnDavis, -
- 4 replies
- 749 views
Решил научится верстать сайты сверстал шаблон главной страницы из psd макета который нашол в инете.Хочу услышать критику и советы(опытных верстальщиков) по Верстки кода(что не так и тд). Сайт с макетом Клик 1 jpg картинка макета Клик 2
Last reply by nimens, -
- 3 replies
- 749 views
Собственно вот - http://testsiteoleg126.tk/Environmental.com/
Last reply by amelice, -
- 2 replies
- 747 views
http://hhabilis.github.io/greenish/index.html
Last reply by vladmih,
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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/
-