Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2327 topics in this forum
-
- 5 replies
- 1.7k views
Здравствуйте. Недавно появился заказ, который меня немного насторожил тем, что дизайном заведовал дизайнер-маркетолог. На первый взгляд макеты для десктопа неплохие, как обычно. Потом через время предоставили для планшетов и мобильных. Вот с этого момента подробнее: 1. Макеты с одинаковыми блоками для разных страницы отличаются 2. Мобильное меню с непонятно откуда взятыми пунктами, которых не было в десктопной версии. Их то 6 пунктов, а в моб. - 8 (совершенно новых )+вложенности до 2 уровня. 3. Мелочи вроде разных padding по краям, также нижние и верхние отступы разнятся у одинаковых блоков. 4. Немного нелогичное построение блоков - у десктопа одн…
Last reply by Николя223, -
Здравствуйте, прошу уважаемых гуру, погонять что не так по коду? Вроде валидацию XHTML strict прошел. В CSS если загляните было бы хорошо, что там, как лучше делать? Это моя первая так сказать чистовая верстка, которую вроде, как мне кажется не стыдно показать. Мне важен код! Дизайн не мой, просто понравился решил на нем потренироваться. Главная Внутренняя страница
Last reply by hamanovich, -
- 5 replies
- 1.7k views
http://cradleoffear.ru/ Нужна критика или похвалы!
Last reply by Kolya_YA, -
- 8 replies
- 1.7k views
Доброго времени суток! Уважаемые форумчане, помогите начинающему верстальщику. Макет первый, укажите на ошибки и недочеты явные верстки каркаса HTML, и оформления стилей. Дайте общую оценку верстки. Скажите насколько такая верстка"сырая" . Можно ли пробовать брать работы, или же темень такая, что учиться и еще раз учиться?=) http://tt.e3w.ru/ - верстка http://pixs.ru/showimage/utapng_6944280_11530414.png - PSD (взят с этого же форума http://htmlforum.ru/index.php?showtopic=16763)
Last reply by post-rock, -
- 0 replies
- 1.7k views
Добрый день! Я новичок в верстке. Это первый самостоятельно сверстанный лендинг: https://evgenarbatsky.github.io/landing-template/ Пока только десктоп, адаптив еще не умею делать. Можете пожалуйста посмотреть код, дать какие то общие рекомендации по структуре, может я где то перегрузил и написал чего лишнего, а можно проще и лучше: https://github.com/EvgenArbatsky/landing-template.git. Буду рад любым советам и критике для уровня новичка. Можем пока не затрагивать вопросы адаптивности, оптимизации изображений и кроссбраузерности. Я брал готовый макет из Фигма комьюнити (он оказался кривенький): https://www.figma.com/file/7KK9jombRde2Dm9QTWXdMh/Landing-Page-Template-(Commun…
Last reply by Eugene Arbatsky, -
- 3 replies
- 1.7k views
Есть три колонки внутри контейнера. Колонки левая и правая опеределенных размеров, кодом этом задано. Задача что бы колонки были одинаковой длинны, фон колонок растягивался по длине большей. ( в случае на картинке фон первых двух должне растянуться до Footer, т.к. третья по тексту до него. При этом верстка-блочная. Нельзя использовать флексы, гриды и таблицы. Т.е. только Float-ы, margin-ы. Схема размеров колонок 20%/*/200px Что можно попробовать? оборачивать в дополнительные дивы и играть с фонами?
Last reply by Igor Schnaider, -
- 4 replies
- 1.7k views
Здравствуйте! Прошу оценить мое первое творение! http://wegnet.ru/ нужна критика. на ошибках хочу научится. советы неплохо было бы тоже услышать так как начинающий я)
Last reply by ludio, -
- 4 replies
- 1.7k views
Вот ссыль: http://www.htmlonline.3dn.ru/Design.html
Last reply by Vlad, -
- 7 replies
- 1.7k views
Всем привет, сразу скажу, я еще начинающий, и вот на днях доделал макет с сайта divhack.com. Готовый пример вот тут - http://divhack.com/d...s/study/4/html/ То, что получилось у меня тут - http://cssmaniac.com/site4/index.html Старался верстать пиксель в пиксель, вроде бы почти получилось. Подозреваю, что кода многовато и был бы признателен, если бы вы указали на ошибки/недочеты либо дали дельные советы. Всем заранее спасибо!
Last reply by rusbit, -
- 8 replies
- 1.7k views
Прошу критики и побольше, мой первый макет, а это с чего делал! Целый день за ним сидел! Вчера, правда, вообще ток узнал что такое эти макеты ! Оцените в плане, на сколько отличается от оригинала!
Last reply by SelenIT, -
- 11 replies
- 1.7k views
Сайт http://glavhost.com.ua Хостинг, хостинг VDS. Прошу оценить: дизайн (подбор цветов) вёрстку общие впечатления о сайте код (что можно оптимизировать) Приветствую любую критику
Last reply by Gvager, -
- 14 replies
- 1.7k views
Всем доброго времени суток! Буду благодарен за оценку сверстанной странички. Кроссбраузерность: Современные браузеры(+ Opera 12) и IE9+
Last reply by npofopr, -
- 4 replies
- 1.7k views
Макет фиксированный. Обучаюсь вёрстке чуть больше месяца. В наименовании классов использовал методологию по БЭМ (похоже много раз перепутав блок с элементом). C JS еще толком не знаком, по-этому сделал только слайдер в разделе "отзывы" на чистом JS. Делал под требования IE10+ Макет Верстка
Last reply by HEEG.HTML, -
- 9 replies
- 1.7k views
Всем прувет Верстал макет предоставленный автором сайта (Ссылка на тему) http://bava.ho.ua/ - вот здесь сверстанная страница. Прошу критики и советов: 1. Правильно ли были использованы теги(такие теги какие нужно, расположение div'ов) для структурирования данных? 2. Правильные ли были использованы CSS свойства в определенных местах? Ну то есть в определенных ситуациях правильно ли я использовал определенные свойства.. или это не важно?.. хз 3. Помогите оформить меню сайта (список ссылок) как на картинке. 4. Получилась кроссбраузерность начиная с ИЕ 8. Если не считать, что в ИЕ8 не работает border-radius, можно его как-то заменить чем-то другим? 5. Ну и какие-то замеч…
Last reply by Bava, -
на днях решил для тренировки переверстать страницу одного сайта(нашел в портфолио какого то фрилансера). в код не заглядывал. получилось вот что. верстал под opera/FF/chrome/safari/ie8, под разрешения монитора 800х600 и больше. некоторые моменты, связанные с javascritpt я умышленно оставил без внимания. так же внёс небольшие изменения в дизайн очень хотелось бы услышать жёсткую критику. в первую очередь интересует семантика, кросс, быстродействие(организация кода). вообще буду рад любым замечаниям. некоторые особо важные для меня вопросы перечислю.надеюсь, не оставите без внимания. 1 правильно ли использовал микроформаты? не упустил ли что-нибудь важное? 2 что скажете о…
Last reply by cyklop77, -
- 7 replies
- 1.7k views
http://www.7512.itfb.name/photo-hosting/ Буду рад услышать критику, и пожелания. Спасибо.
Last reply by Hasiev, -
- 11 replies
- 1.7k views
Оцените верстку - http://dl.dropbox.com/u/15995074/portfolio/verstka_8/index.html ie7+ и последние версии всех остальных Из того что хочу еще доработать: эмулировать плэйсхолдер для поля password, отобразить маркеры в блоке для ie7 Буду рад конструктивной критике, рекомендациям и советам относительно верстки, написания кода, используемых методов. Спасибо.
Last reply by yarickyarick, -
- 4 replies
- 1.7k views
Оцените, пожалуйста, верстку макета. Сама верстка. IE ниже 9 не учитывал. По поводу hover на ссылках тоже не замарачивался. Где что сделал неправильно?
Last reply by gordey, -
- 2 replies
- 1.7k views
Посмотрите пожалуйста мою первую работу. И подскажите какие я допустил промахи если не тяжело. Говорю сразу что адаптивность пока не делал ибо основная часть до конца не завершена (фантазия заканчивается:((((() может кто-то какие-то предложения даст. На оформление пока сильно тоже не заморачивался, задача функционал освоить. http://dlynnyj.ho.ua/
Last reply by Int, -
- 15 replies
- 1.7k views
Вот, нарисовал дизайн. Интересует ваше мнение. Что не так и что можно исправить? Для желающих поверстать могу выложить psd'шку
Last reply by Searcher, -
- 4 replies
- 1.7k views
Приветствую! Продолжаю изучать web-технологии, и сегодня завершил свою первую вёрстку по макету. Макет предоставлялся только в десктопной версии, так что я адаптировал его по ходу выполнения работы не прибегая к прорисовке отдельных макетов, т.к. пока что не силён в инструментах дизайна. Получилось, что получилось. Жду ваших комментариев. Макет: http://www.pcklab.com/templates/flat-corporate Сайт: http://igor-chernega-works.dx.am
Last reply by by chris, -
- 8 replies
- 1.7k views
Привет всем. Сверстал макет для тренировки. Вот сам сайт. Макет простой, но все же хотелось бы, чтобы указали на мои ошибки верстки. Предупреждения и ошибки валидатора и полоса ниже подвала появились после заливки на сервер. Из-за него же пришлось поменять кодировку с utf-8 на windows-1251.
Last reply by gordey, -
- 15 replies
- 1.7k views
Прошу оценить сайт http://www.comp-reservice.tk
Last reply by advokatua, -
- 5 replies
- 1.6k views
Как Вам www.snow-web.ru ? Только не пинайте сильно. Может доделать чего?
Last reply by Lisjann, -
- 7 replies
- 1.6k views
т.з. — вёрстка блочная — раскладка резиновая, все 3 колонки тянутся пропорционально — минимальное разрешение, при котором не появится горизонтального скроллера – 1024px x 768px. максимальная ширина при растягивании — 1280px — футер всегда прижат к низу страницы — страница сохраняет свою функциональность и внешний вид при отключённой графике — кроссбраузерность (Internet Explorer 7.0 +, Opera 9.0 +, Google Chrome 1.0 +, Mozilla Firefox 3.5 +, Safari 3.0 +) — SEO-оптимизация — валидность XHTML (1.0 Strict) и CSS — семантика кода проверка на соответствие стандартам xhtml 1.0 strict & css: http://validator.w3.org/ http://jigsaw.w3.org/css-validator/ http://exfile.ru/169…
Last reply by psywalker,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-