Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2,327 topics in this forum
-
- 5 replies
- 1.5k views
Здравствуйте. Недавно появился заказ, который меня немного насторожил тем, что дизайном заведовал дизайнер-маркетолог. На первый взгляд макеты для десктопа неплохие, как обычно. Потом через время предоставили для планшетов и мобильных. Вот с этого момента подробнее: 1. Макеты с одинаковыми блоками для разных страницы отличаются 2. Мобильное меню с непонятно откуда взятыми пунктами, которых не было в десктопной версии. Их то 6 пунктов, а в моб. - 8 (совершенно новых )+вложенности до 2 уровня. 3. Мелочи вроде разных padding по краям, также нижние и верхние отступы разнятся у одинаковых блоков. 4. Немного нелогичное построение блоков - у десктопа одн…
Last reply by Николя223, -
- 5 replies
- 1.2k views
Всем привет. Давно выкладывал в этот раздел такую работу. Набрался немного опыта, решил переверстать. Хочу выслушать вашу критику по поводу качества кода, багов и так далее. Заранее спасибо.http://a96362zl.bget.ru/index.html
Last reply by VeniVidiVici, -
- 2 replies
- 1.1k views
Доверстал макетик. Прошу оценить верстку с точки зрения качества кода и подходов. Что сверстано неверно и что нужно доработать. Также отдельная рассказать о косяках с отображением, которые заметите. Вот сайт: http://a96362zl.bget.ru/index.html
Last reply by IvanRu08, -
- 1 reply
- 1.1k views
Всем привет! Данная тема создана для обсуждения верстки макета который вы можете скачать по ссылкеhttp://freepsd.ws/universalnyj-psd-shablon-promobil/ Цель сверстать резиновую страничку с использованием SASS По ходу верстки я буду задавать вопросы и возможно делится идеями(если будет что-то интересное) Будет здорово если кто-то еще захочет параллельно верстать этот макет и обсуждать его верстку online (пишите в ЛС, можем пообщаться в ВК) Ссылка на хостинг http://www.example.ho.ua/Design/Index.html Код https://jsfiddle.net/19jeqLt8/ Вопросы: 1) Как лучше сделать "ленточки"? (рядом с формой входа) - можно вырезать из макета и спозиционировать - можн…
Last reply by Barnin, -
- 0 replies
- 1.2k views
Адаптивная верстка IE10+ Для себя сделал вывод, меню лучше делать два: одно полноразмерное, другое для мобильных устройств. Правда, в ie8 не отображается ровным счетом ничего(пустая страница), что для меня пока загадка. Может кто знает ответ?
Last reply by grafnet, -
- 3 replies
- 1.1k views
Вчера на htmlbook в практикуме увидел такой прием, в решениях заданий они использовали font и background и в них прописывали все свойстсва через пробел, насколько этот прием приемлен для использования в работе, или все таки стоит разделять их на font-size font-family и т.д, если это приемлемо, поделитесь какие еще свойства можно таким образом сокращать. Сразу предупреждаю я новичек и только учусь, увидел стало интересно, и хочется пообщаться с реальными людьми на эту тему а не гуглить в очередной раз))))
Last reply by Endorphin, -
- 3 replies
- 1k views
Помогите сделать так чтобы всплывающая вкладка "Подзаголовок" была по верх Контента с права! И как сделать так, чтоб менялся только контент (вариант по легче если есть таковы) при выборе какого-нибудь Заголовка/Подзаголовка (P.S. Текст на казахском языке )
Last reply by MEREY, -
- 48 replies
- 10.5k views
Гуглил эту тему, но как-то не попалось решение. Так как я нуб, сделал самое простое и очевидное решение и решил поделиться с нубами всего мира Суть: на одной строке должно располагаться несколько DIV'ов с одинаковыми отступами, одинаковой высотой и шириной, что их как бы центрирует. Путей решения этой задачи наверняка много, а самый простой вариант: <content> <div></div><div></div><div></div><div></div> <div></div><div></div><div></div><div></div> </content> В принципе, решение на CSS мне виделось примерно: height: width; -- но так к сожалению (или с…
Last reply by Launder, -
- 2 replies
- 1.5k views
Посмотрите пожалуйста мою первую работу. И подскажите какие я допустил промахи если не тяжело. Говорю сразу что адаптивность пока не делал ибо основная часть до конца не завершена (фантазия заканчивается:((((() может кто-то какие-то предложения даст. На оформление пока сильно тоже не заморачивался, задача функционал освоить. http://dlynnyj.ho.ua/
Last reply by Int, -
- 2 replies
- 1.1k views
Здравствуйте! Это моя вторая работа. Подскажите чего я не учел или вообще не правильно сделал, что-бы не допускать подобных ошибок. Также интересует семантика, на которую потратил немало времени, но так до конца и не разобрался. За основу взял макет отсюда - http://www.cssauthor.com/business-website-template-psd/ Верстка - http://business.hozyainov.com.ua/ P.S. Полного сходства с макетом не придерживался...
Last reply by Barnin, -
- 4 replies
- 1.5k views
Макет фиксированный. Обучаюсь вёрстке чуть больше месяца. В наименовании классов использовал методологию по БЭМ (похоже много раз перепутав блок с элементом). C JS еще толком не знаком, по-этому сделал только слайдер в разделе "отзывы" на чистом JS. Делал под требования IE10+ Макет Верстка
Last reply by HEEG.HTML, -
- 4 replies
- 1.5k views
Наверное уже не осталось мамонтов, которые делают сайты на статичных страницах. Бесплатные Джомла и Вордпресс обросли таким количеством бесплатных плагинов и шаблонов, что даже самый придирчивый всегда сможет найти что-нибудь по вкусу и без особых напрягов сделать на шаблоне довольно приличный сайт. Но это не про меня. Год назад я наткнулся на классную штуку, которая называется tiddlywiki - это персональная страничка - блокнот, которая сделана на javascript (полностью статичная) и она может сохранять себя сама! При помощи node.js на своем компе можно разбивать эту одну страничку на много отдельных статичных страниц. В общем смотрите, что у меня получилось __с…
Last reply by HEEG.HTML, -
- 1 reply
- 1.2k views
2 день изучая азы. Решил выложить для критики. Без критики мы никто. Т.к. я не разобрался как залить на сайт это всё, выложу в виде архива.(Не ругайтесь за это, я реально не знаю как это делать. Где то час потратил...) Надеюсь услышать что сделано плохо, что хорошо, исходя из того что имеется, а не то что бы вы хотели видеть в идеале. Надеюсь вам понравится. И спасибо за время, которое вы потратите на просмотр данной работы. Инструкиця: Запускать через файл index.html Этот файл находится в папке html Ссылка на скачивание: http://rghost.ru/6QDPJr6yL Любезен буду, если кто то напишет как всё таки залить на сайт, для удобства просмотра
Last reply by HEEG.HTML, -
- 1 reply
- 1.2k views
Здравствуйте. В свободное время люблю побаловаться с css анимацией, вот сделал лоадер(если это можно так назвать). Оцените, скажите, что как лучше делать, спасибо. Лоадер
Last reply by HEEG.HTML, -
- 1 reply
- 797 views
Критику верстки. Зы шрифт не получается загрузить Сайт - http://free-portfolio.zzz.com.ua/
Last reply by klierik, -
- 4 replies
- 1.1k views
Это первая моя работа. Подозреваю, что в ней не все так хорошо... Подскажите, что именно. Макет взял отсюда - http://www.freepik.com/free-psd/cafe-&-restaurant-website-psd-template_597943.htm Сверстанная страничка - http://cafe.hozyainov.com.ua/
Last reply by Barnin, -
- 6 replies
- 2.6k views
На выходных сверстал, если можно так выразиться, еще одну страницу. Макет в png http://codeliner.ucoz.com/fadelicious/home.png Макет в psd https://yadi.sk/i/Td7IVc0pqKKNc Сверстанная веб-страница http://codeliner.ucoz.com/fadelicious/index.html Прошу объективной критики и дельных советов на будущее
Last reply by jkikksa, -
- 4 replies
- 1.3k views
Прошел практикум на htmlbook.ru. Теперь вот начинаю верстать веб-страницы для тренировки. Это первая. Сам макет в png - http://codeliner.ucoz.com/blackbeard/BlackBeard.png Готовая веб-страница - http://codeliner.ucoz.com/blackbeard/index.html Прошу критики. Сколько на ваш взгляд времени должна занимать верстка такой страницы (когда уже умеешь верстать)?
Last reply by codeliner, -
- 7 replies
- 1.3k views
Пишу прогу для помощи в вёрстке. Прошу оценить даже не исполнение но хотябы идею. Сайт программы
Last reply by Евгений123, -
- 3 replies
- 1.1k views
Посмотрите, что наверстал енто макет тут верстка http://incorp.byethost5.com но не надо сразу хватать браузеры и тянуть верстку она не адаптивная) учусь сам спросить неукого поэтому я просто хотел бы, чтобы вы посмотрели и за самые большие косяки в верстке руки мне поотбивали
Last reply by parliament, -
- 0 replies
- 1.1k views
Делал для себя. Любая аргументированная критика приветствуется. Макет сделан для ширины 1600 и 640. Может подразумевалась фиксированная ширина, но я сделал резину. Для того, чтобы удобнее было смотреть на мобильном, я добавил немного от себя. 1. Модифицировал меню. Оно кликабельное, происходит переход к соответствующим секциям. Возможно стоит совсем убрать Login, Sign up. Они не очень логично смотрятся (?) 2. Главный баннер является одновременно слайдером. Возможно поменяю эффект на fade, а не slide. 3. Главный баннер подстраивает свою высоту под высоту экрана, чтобы сильно не растягивать в высоту страницу. И сразу же заметил ошибку. Если на смартфоне смотреть в альбомн…
Last reply by WhatIsHTML, -
Splat 1 2
by СергейРусков- 40 replies
- 16.6k views
Сам макет и ТЗ находятся здесь http://htmlforum.ru/index.php?showtopic=47965 . Собственно хотел обсудить там, но злые админы запретили. Так вот, хотел бы выразить благодарность Klierik'у за отличный макет, много чему научился выполняя его ТЗ. По теме, за эталонный браузер был взят Chrome. В архиве лежит grunt, если кому захочется покопаться поглубже, livereload и компиляция запускаются с помощью команды: grunt splat, минификация, контагинация и т.д. - grunt production. Момент с шириной сайта в ТЗ я не совсем понял, написано стандартная ширина сайта 960px, а в макете 940px, делал по макету. Промо слайдер это что-то с чем-то. Насколько я понял сделать его именно таким как в…
Last reply by СергейРусков, -
- 2 replies
- 1.4k views
Привет всем! Это моя первая серьезная работа. Недавно делал несколько страниц для тренировки. Макет фиксированный, из фреймворков брал bootstrap3. Необходима поддержка IE8+ Ссылки: 1. Главная http://jakeweb.cc.ua/building/ 2. http://jakeweb.cc.ua/building/project.html 3. http://jakeweb.cc.ua/building/elements.html 4. http://jakeweb.cc.ua/building/catalog.html Исходники: https://github.com/jakeweb/building.git Изначально собирался сделать только одну страницу, но потом еще решил доделать остальные, поэтому структура css могла быть лучшей, если бы я планировал все изначально. Буду рад критике и советам.
Last reply by WhatIsHTML, -
- 6 replies
- 1.8k views
Всем привет. Собственно по сабжу: Верстка GitHub верстки
Last reply by tarthur, -
- 9 replies
- 1.9k views
Сайт https://getmyspace.org/ Инновационная рекламная система, где можно заработать на рекламе своих же ресурсов. Оцените пожалуйста дизайн и удобство использования, а также прошу написать, поняли ли вы, о чем сайт и что там нужно делать? (половина моих знакомых без моей помощи не разобрались) И еще: судите строго. Весь сайт я создал в одиночку без чьей-либо помощи ^^
Last reply by Launder,
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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/
-