Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2327 topics in this forum
-
- 5 replies
- 1.7k views
http://cradleoffear.ru/ Нужна критика или похвалы!
Last reply by Kolya_YA, -
- 8 replies
- 1.7k views
Макет 4
Last reply by Aleksey19881988, -
- 8 replies
- 1.7k views
Не знаю что с шапкой делать) Подскажите пожалуйста, что можно там разместить.. Вариантов 5 перебрал, ничего не устраивает. Глаз окончательно замылился!
Last reply by penchukov, -
- 0 replies
- 1.7k views
Здравствуйте. У меня вопрос, как можно сделать подобную инверсию цветов? Примерно есть способ, создать два объекта разного цвета и маской каждый отделить, но есть ли другой способ, т.к. в будущем буду анимировать как сам фон так и объект?
Last reply by JoilyFox, -
- 8 replies
- 1.7k views
Заверстал этот макет: http://tonder.3dn.ru/sol/index.html Конечно немного смущают растянутые картинки в слайд-шоу, но ничего лучше я не придумал. Люблю жёсткую критику, и чОтко по вёрстке
Last reply by Serlutin, -
- 4 replies
- 1.7k views
Здравствуйте! Прошу оценить мое первое творение! http://wegnet.ru/ нужна критика. на ошибках хочу научится. советы неплохо было бы тоже услышать так как начинающий я)
Last reply by ludio, -
- 5 replies
- 1.7k views
Здравствуйте. Недавно появился заказ, который меня немного насторожил тем, что дизайном заведовал дизайнер-маркетолог. На первый взгляд макеты для десктопа неплохие, как обычно. Потом через время предоставили для планшетов и мобильных. Вот с этого момента подробнее: 1. Макеты с одинаковыми блоками для разных страницы отличаются 2. Мобильное меню с непонятно откуда взятыми пунктами, которых не было в десктопной версии. Их то 6 пунктов, а в моб. - 8 (совершенно новых )+вложенности до 2 уровня. 3. Мелочи вроде разных padding по краям, также нижние и верхние отступы разнятся у одинаковых блоков. 4. Немного нелогичное построение блоков - у десктопа одн…
Last reply by Николя223, -
- 1 reply
- 1.7k views
установил slider slick есть 2 проблеммы я сделал чтобы слаидер заработал только при размере не более 640px - при уменьшении экрана когда доходит до 640px и меньше слаидер появляется только если перезагрузить страницу оставаясь в диапазоне до 640px. 2 проблема у стрелок слаидера есть непонятные синие тени - подскажите как убрать http://frontend-er.h1n.ru/asia-spa/
Last reply by Rewon, -
- 0 replies
- 1.7k views
Здравствуйте! http://unbrokenteam.ru/ Как переместить кнопку на ту же вертикальную линию, что и поля для ввода? Вот как сейчас Вот как должно быть Я использую этот класс для кнопки в style.css .noTableBorder-button { left: 0; margin-left: 0; transform: none; display: block; } index.html style.css
Last reply by noob_saibot, -
- 9 replies
- 1.7k views
Всем прувет Верстал макет предоставленный автором сайта (Ссылка на тему) http://bava.ho.ua/ - вот здесь сверстанная страница. Прошу критики и советов: 1. Правильно ли были использованы теги(такие теги какие нужно, расположение div'ов) для структурирования данных? 2. Правильные ли были использованы CSS свойства в определенных местах? Ну то есть в определенных ситуациях правильно ли я использовал определенные свойства.. или это не важно?.. хз 3. Помогите оформить меню сайта (список ссылок) как на картинке. 4. Получилась кроссбраузерность начиная с ИЕ 8. Если не считать, что в ИЕ8 не работает border-radius, можно его как-то заменить чем-то другим? 5. Ну и какие-то замеч…
Last reply by Bava, -
- 6 replies
- 1.7k views
Прошу придирчиво посмотреть мою работу http://magneto.skepton.ru/ От её качества зависит получение постоянной работы. IE11 озадачил сильно, впечатление отключеного JS. Т есть, пропала респонсив галлерея, ссылка "Share it" на большом экране не активна. Но, если бы JS был отключен, слайд-шоу для экрана телефона тоже бы не работало...
Last reply by seemax, -
- 3 replies
- 1.7k views
я новичек - укажите пожалуиста н а ошибки сверстал полностью на флексах + адаптив вот сайт http://frontend-er.h1n.ru/
Last reply by npofopr, -
- 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
Доброго времени суток! Уважаемые форумчане, помогите начинающему верстальщику. Макет первый, укажите на ошибки и недочеты явные верстки каркаса 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, -
- 15 replies
- 1.7k views
Прошу оценить сайт http://www.comp-reservice.tk
Last reply by advokatua, -
- 11 replies
- 1.7k views
Сайт http://glavhost.com.ua Хостинг, хостинг VDS. Прошу оценить: дизайн (подбор цветов) вёрстку общие впечатления о сайте код (что можно оптимизировать) Приветствую любую критику
Last reply by Gvager, -
- 2 replies
- 1.7k views
Посмотрите пожалуйста мою первую работу. И подскажите какие я допустил промахи если не тяжело. Говорю сразу что адаптивность пока не делал ибо основная часть до конца не завершена (фантазия заканчивается:((((() может кто-то какие-то предложения даст. На оформление пока сильно тоже не заморачивался, задача функционал освоить. http://dlynnyj.ho.ua/
Last reply by Int, -
- 7 replies
- 1.7k 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, -
- 7 replies
- 1.7k views
http://www.7512.itfb.name/photo-hosting/ Буду рад услышать критику, и пожелания. Спасибо.
Last reply by Hasiev, -
- 4 replies
- 1.7k views
Вот ссыль: http://www.htmlonline.3dn.ru/Design.html
Last reply by Vlad, -
- 14 replies
- 1.7k views
Зацените плиз инет-магазин, написан с нуля http://powertools.by/ верстка не резиновая
Last reply by krowkad, -
- 4 replies
- 1.7k views
Макет фиксированный. Обучаюсь вёрстке чуть больше месяца. В наименовании классов использовал методологию по БЭМ (похоже много раз перепутав блок с элементом). C JS еще толком не знаком, по-этому сделал только слайдер в разделе "отзывы" на чистом JS. Делал под требования IE10+ Макет Верстка
Last reply by HEEG.HTML, -
- 8 replies
- 1.7k views
Прошу критики и побольше, мой первый макет, а это с чего делал! Целый день за ним сидел! Вчера, правда, вообще ток узнал что такое эти макеты ! Оцените в плане, на сколько отличается от оригинала!
Last reply by SelenIT, -
- 11 replies
- 1.7k views
Оцените верстку - http://dl.dropbox.com/u/15995074/portfolio/verstka_8/index.html ie7+ и последние версии всех остальных Из того что хочу еще доработать: эмулировать плэйсхолдер для поля password, отобразить маркеры в блоке для ie7 Буду рад конструктивной критике, рекомендациям и советам относительно верстки, написания кода, используемых методов. Спасибо.
Last reply by yarickyarick, -
- 19 replies
- 1.7k views
Сама верстка - http://serafim1991.esy.es/ Макет - http://rghost.ru/52789387 Картинка для PixelPerfect - http://rghost.ru/52789416 P.S. это первая верстка, поэтому версталось только под хром
Last reply by CauseloveAV,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-