Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2,327 topics in this forum
-
- 13 replies
- 1.4k views
http://www.testx.bl.ee/ верстка http://s019.radikal.ru/i601/1403/b5/0058d92870de.jpg скрин макета Не смог реализовать : 1. Верхнее меню, что бы бэкграунд менялся на белый + скругленные углы.. 2, Не смог избавится от стрелки select-a в ФФ.. Съезжает он, в хроме нормально показывает 3, Не смог настроить радиокнопки внизу которые, что бы при активации внутри загорелось тем же цветом что и текст. Ну а от себя добавил слайдер, ховер и актив кнопок ( в макете не было ТЗ, а я не дизайнер, не бейте сильно )
Last reply by CroaToa, -
- 13 replies
- 1.5k views
Всем привет. Верстаю в принипе давно, но вот сейчас хотел посоветоваться, может я что не так делаю. Пишите пожалуйста все замечания которые найдете, буду рад к конструктивной критике этого проекта. Вот собственно сам проект: http://imperata.by/fiesta/ Очень интересно узнать ваше мнение. После небольшой критики у меня будут еще пару вопросов. Возможно вы знаете как их решить, а пока что хочу услышать ваше мнение.
Last reply by xzarxzes, -
- 7 replies
- 1.6k views
Доброго времени суток! Я начинающий верстальщик, это одна из моих первых работ. Оцените пожалуйста мою верстку. Интересно узнать: 1. Что сделано неправильно? 2. Что можно было сделать лучше, проще? 3. Оцените качество верстки по шкале 1-10 (1-наихудшее, 10-наилучшее). Ваши советы и критика очень важны для меня, заранее всем спасибо. Кстати, всех с прошедшими праздниками! Вот собственно сама верстка: http://mywork1.andrew-layout.tk/
Last reply by Andrew_007, -
- 2 replies
- 1.8k views
Доброго времени суток. Буду очень рад услышать мнение опытных(и не совсем ) верстальщиков, о выполненой работе. Верстка тут http://htmlcss.890m.com/
Last reply by dmink, -
- 0 replies
- 973 views
Здравствуйте. Прошу оценить мою вёрстку: http://leshiple.esy.es/ Upd: Прижал футер к низу
Last reply by leshiple, -
- 6 replies
- 1.2k views
Оцените пожалуйста верстку. http://webstas.bombnet.ru/ Первый вопрос, не могу понять почему этот редактор так криво отоброжает страницу. В мазиле, хроме и эксплорере отображается так как хотел. Второй вопрос, я сделал социальные кнопки, при наведении появляется круглый border и он смещает вниз контент. Как этого можно избежать? Третий вопрос. Форма для отправки емейла. Что бы она была посредине слоев, я сделал это с помощью margin-top: -40px; Правильно ли так делать или есть другой способ? И если есть немного времени, оцените общую верстку.
Last reply by franticc, -
- 1 reply
- 1.9k views
Добрый вечер. Оцените пожалуйста мою первую верстку. Приветствуется любая адекватная критика. Ссылка на верстку здесь
Last reply by DivMan, -
- 2 replies
- 1.2k views
Здравствуйте! Может ли кто-то оценить вёрстку новичка(по первому макету)? Указать на конкретные ошибки/недочёты. Очень нужен code-review от более опытных товарищей. Ссылка на вёрстку код с файла main.js Заранее спасибо всем откликнувшимся!
Last reply by Gotcha_Fish, -
- 9 replies
- 1.2k views
Хотелось бы узнать мнение более опытных, я собираю портфолио, стоит ли такую работу туда выкладывать? Какие задачи я ставил для себя: 1. Адаптивность - минимальная ширина 320px, IE 8 и выше 2. Кроссбраузерность - IE8 и выше 3. Валидность кода - постоянная моя забота 4. Логичность и лаконичность кода Pixel Perfect не удалось, есть минимальные различия в некоторых деталях (~5-8px), из за слабой управляемости сетки. Сетку взял из Bootstrap (Только сетку). Прошу сказать что не удалось, буду очень признателен. http://www.nt-work.bl.ee/ upd. Firefox не понимает подключенный шрифт, пытаюсь найти решение.
Last reply by Нарек, -
- 1 reply
- 1.1k views
У кого есть время оцените пожалуйста верстку. Можно ли из таких работ(по уровню верстки) сделать портфолио и показывать работодателям? Работа 1. Поддержка: популярные браузеры IE7+ Как должно быть Как есть Есть вопрос по поводу большого изображения в банере, понимаю что большой png это не ок, но не знаю как разрулить скругленные уголки на неоднородном фоне с поддержкой ie7+ Работа 2. Поддержка: популярные браузеры IE9+, ie7+ - что-то типа "graceful degradation" Верхняя навигация работает. Как должно быть "Home" "What's New" "Specials" "My Account" "Contacts" Как есть
Last reply by RodgerFox, -
- 8 replies
- 2k views
Здравствуйте. Страницу сверстал из бесплатного PSD-шаблона. Хотелось бы услышать критику по поводу качества вёрстки, а также по поводу javascript кода. JS писал сам, единственное для удобства работы с DOM'ом использовал jQuery. Страница: http://artemkajs.meximas.com/ jpeg шаблона: http://higgs.rghost.ru/53507945/image.png psd: http://rghost.ru/53508127
Last reply by ZondArt, -
- 3 replies
- 1.2k views
Здравствуйте! У меня есть статических сайт по адресу: http://yarkaic.github.io/index.html. Может кто-нибудь сможет оценить мою вёрстку с точки зрения семантики, адаптивности и вообще удобочитаемости кода. Также был бы благодарен, если бы кто-нибудь объяснил бы почему сайт ломается на мобильных устройствах. Спасибо за внимание.
Last reply by robo1500, -
- 7 replies
- 1.6k views
http://websterjoy.tk/ Покритикуйте пожалуйста верстку. Также меня волнует это: 1) Я не уверен что правильно использовал заголовки на сайте, скажите пожалуйста по поводу них. 2) И семантика, хорошая ли? Какие теги html5 я написал не там где нужно, какие можно было бы добавить и куда?
Last reply by websterjoy, -
- 2 replies
- 650 views
Добрый вечер! это моя первая попытка сверстать что-нибудь от начала и до конца. Макет выбрал самый нубский, но все же, прошу оценить и откритиковать это: 1. Верстка - http://food-for-food.esy.es 2. Макет - http://s019.radikal.ru/i623/1401/b3/f8fc12bcd6df.png 3. PSD-шник - http://vk.com/doc82896553_266477680 Буду рад любым замечаниям т.к. знаю что нуб)
Last reply by rast999, -
- 3 replies
- 1.5k views
я новичок в верстке. Хотел бы получить ваше мнению на верстке + узнать как решить проблему. Вот сам шаблон хотел бы узнать как убрать лишнюю лишнее вертикальное место под шаблоном. Получилось он из за того что саму обвертку(класс wrapper) я поднял на 728px вверх относительным позиционированием, подскажите пожалуйста как избавится от этого лишнего пустого места.
Last reply by cssview, -
- 5 replies
- 972 views
Оцените пожалуйста адекватность верстки (насколько далек от семантической,) качество css? www.hozjain.org.ua Буду признателен за любые конструктивные замечания. с уважением Александр Блок
Last reply by Great Rash, -
- 0 replies
- 1k views
Выполнил небольшую начальную разметку, с использованием flexbox. Напишите пожалуйста, насколько всё правильно, и что нужно переделать или вообще убрать(я новичёк). Заранее спасибо всем за ответы!!! Моя ссылка - https://codepen.io/Krutov/pen/bLJKQR
Last reply by Maxim_1987, -
- 24 replies
- 1.7k views
Всем привет. Верстал 3 дня, первый раз прикручивал слайдеры и вот что получилось http://allnet.16mb.com/bislite/ Макет JPG http://i68.fastpic.ru/big/2014/0815/14/5da3ce67f2e207e4c8899e5618dc7a14.jpg По счёту это у меня четвёртая вёрстка.
Last reply by DivMan, -
- 21 replies
- 4.9k views
Оцените мой сайт- http://gameworld.hop.ru (смотреть в IE) И я бы хотел спросить у того кто знает- почему в FireFox сайт немного искажается(левая и нижняя колонки)?Если надо, могу и css дать или HTML код страницы.
Last reply by kalyaka-malyaka, -
- 10 replies
- 1.9k views
Здравствуйте! Оцените пожалуйста мою вёрстку, не скажу что первую, но выставляю на всеобщее обозрение первый раз. Верстал из бесплатной psd'шки. Сначала верстал пиксель в пиксель(установлен плагин pixLayout), но потом понял, что некоторые размеры в шаблоне какие-то не правильные(там, где казалось бы должны быть одинаковые отступы в psd они были разными ) и я забил на это дело. Буду рад критике. http://zondart.koding.com
Last reply by saiidr, -
- 7 replies
- 1.8k views
Сайт: www.useful-soft2010.narod.ru Программы на компьютер и мобильные ьелефоны. Оцените пожалуйста общее впечатление и удобство пользованием сайтом. И у меня просьба пожалуйста напишите что бы вы хотели исправить в дизайне или ещё что нибуди на сайте. Вот ссылка . Заранее спасибо!
Last reply by nightgremlin, -
- 4 replies
- 1.3k views
Доброго дня. Прошу оценить мою верстку, http://randmfkngdomen.atwebpages.com/ шаблон использовался вот этот https://drive.google.com/file/d/0B9yl2hPpnbyVT1RfWU02bWQwSVk/view?usp=sharing в голове каша от обилия технологий и тенденций в верстке, поэтому как я понял сразу надо делать сайт адаптивный, что я и постарался сделать в силу своих знаний. так как шаблон не подходил (или у меня руки кривые ) под 12 колоночную сетку, то сверстано не в пиксель в пиксель. Слайдеры не рукописные, лишь адаптированы под шаблон. Заранее благодарю за критику.
Last reply by Dmtry, -
- 8 replies
- 1.8k views
Доброго времени суток! Прошу оценить мою "пробу пера" - myfreshsite.esy.es. Шаблон
Last reply by noobkin, -
- 6 replies
- 1.5k views
вот только что закончил работу над одним из заказов, прошу опытным мастерам дать свое мнение и строго судит, посмотрите пожалуйста и скажите что я делаю не так, что не правильно, сайт рисовал с нуля в Adobe Fireworks -e, я очень плохо рисую так что в этом плане не очень строго судите, верстал сайт в notepad++ - е, натянул на wordpress , не было использовано не одного плагина, плагинов ноль, Internet Explorer ниже 10 почти не учитывался, работа длилась около 4-5 дней, параллельно работал еще над двумя другими, для быстрой верстки использовал конечно zencoding в notepad++- e, который в свою очередь был подключен к мозилле через mozrepl чтобы браузер автоматически обновлял…
Last reply by sarhov, -
- 13 replies
- 1.9k views
Здравствуйте Уважаемые форумчане! Долго не хотел показывать своё творение или вытворение, Но я думаю время пришло. Я уже когда-то давно выкладывал данный сайт, был молод, горяч спорил со всеми выхватил минусы в репутации, с тех пор прошло немало времени. А вот сие творение - www.sdcvoy.ru Вот что хотелось бы узнать: - удобство навигации; - юзабилити в целом; - чего не хватает или чтобы вы хотели добавить; - как в целом дизайн (не режет глаза или что-то вроде этого); - что убрать, что переместить; - какой элемент бы изменили, какой эффект добавили, а какой бы изменили; - сам код (я не профессионал так что не судите строго). Если будет несложно проверьте сайт у себя н…
Last reply by nightgremlin,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-