Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2,327 topics in this forum
-
- 0 replies
- 746 views
http://codepen.io/tavira/pen/JYmNqN По ссылке вёрстка одной страницы и самую малость JS для разнообразия. Совсем малость Посмотрите, пожалуйста....скажите, что хорошо, что плохо. В данный момент - самый главный косяк в том, что вёрстка поедет, если добавить много текста. Но, в общем-то, это не совсем тот случай, когда за этим надо следить. Также отметил трудность в организации вёрстки. Посколку есть два одинаковых объекта по сути, но для каждого из них надо задавать разные свойства.
Last reply by binomer, -
- 15 replies
- 1.4k views
Верстка. Прошу оценить: -На граммотность в HTML5(как лучше по семантике сделать), CSS. -Названия блоков и картинок(может сделать снипит так как много мелких картинок?). -Вообще в целом. Кроссбраузерность: IE9 и современные браузеры
Last reply by zenw, -
- 4 replies
- 2.4k views
Всем привет. Я новичок в верстке сайтов, сверстал свой второй макет в учебных целях, шаблон скачал из интернета. Хотелось бы услышать как можно больше конструктивной критики от опытных людей с целью развития и совершенствования своих навыков и знаний. Заранее благодарен. http://aleksa-pavlyuk.narod.ru/index.html - верстка http://aleksa-pavlyuk.narod.ru/maket.jpg - макет Вопросы, которые возникли в ходе верстки макета: 1. Вопрос касательно высчитывания отступов у элементов типа h1-h6, <p>. К примеру, у меня есть <h3>Заголовок третьего уровня</h3> с font-size:50px. Мне необходимо сделать отступ моего заголовка от верха страницы в 20 пикселей (margin-top:20…
Last reply by pismenny, -
- 20 replies
- 3.2k views
Вот оригинал: http://windows.microsoft.com/ru-ru/windows7/help/getting-started, вот моя верстка: http://getting-started.ucoz.ru/ Ни в коем случае не копия. Просто попытка реализовать основные моменты своими силами. Ссылки не работают. Требуется мнение специалиста 1. Можно ли сократить коль-во Div ов и имеет ли это смысл? 2. Какие замечания по семантике, компоновке и к именам классов? 4. Пишите обо всем что видите и чего не видите из того что должно быть. 5. Надеюсь, доп. код Юкоза под footer Вас не остановит. Наверняка, в процессе возникнут ещё вопросы и доработки. Не надо советовать хорошие платные хостинги http://getting-started.ucoz.ru/getting-started.rar - локальная…
Last reply by Starter, -
- 3 replies
- 1.3k views
Сверстал шаблон для модуля популярных новостей Joomla http://ordered.esy.es/(гитхабом еще не могу пользоваться выложил на бесплатный хостинг) оцените пожалуйста,если не тяжело укажите недочеты данного шаблоны,способы верстки этого шаблона другими способами Javascript не знаю Вопросы: 1) Вот строка кода: <div class="frame5" style = "background:url(news.jpg); background-size:cover; ">Нужно избавится от избыточного кода background-size:cover который в файле стилей не работает 2)Как стягивать бекграунд так ,чтобы изображение имело нормальное качество? 3)Есть ли у меня еще избыточный код 4)У нижнем up_container нужно сделать чтобы столбцы были одинаковой высоты без фикс…
Last reply by Нарек, -
- 4 replies
- 1.2k views
Прошу оценить верстку шаблона-визитки. Что не так сделал и что можно сделать. Сам шаблон - http://parrot.zencoder.ru/ P.S. Рано радовался. В Firefox v.20 - все ОК. А вот в Google Chrome v.26 - вот такой косяк - http://itmag.es/10JS4 Почему, подскажите. И кстати, научите, какими true-инструментами пользоваться для проверки кроссбраузерности шаблона.
Last reply by cyklop77, -
- 2 replies
- 784 views
Здравствуйте, оцените пожалуйста вёрстку psd-макета сайта интернет-магазина. Это моя первая вёрстка, она сделана не до конца, хотелось бы узнать нюансы которые присутсвуют в том, что свёрстано. конструктивная критика приветсвуеться. вёрстка: index.html
Last reply by spdif, -
- 0 replies
- 1.4k views
Занимаюсь вёрсткой примерно 2 месяца, хотелось бы услышать оценку более опытных спецов. Ссылка на ГитХаб - https://plu33ha.github.io/TestPage/
Last reply by Davebell, -
- 1 reply
- 1.4k views
www.zip
Last reply by maxik, -
- 6 replies
- 1.9k views
Всем привет! Верстка шаблонов с сайта divhack.com уже становится моветоном, однако рискну и я поделиться своими успехами. Валидацию проходит, отображается одинаково во всех браузера (от ие7 и выше). Главная проблема в ие6 - не удается оторвать от левого края и добиться нужного фона. Сссылка на работы Следует наверное сразу предупредить, что это мои первые работы. P.S. обсуждаем... что переделывать,что почитать и куда двигаться дальше....
Last reply by ablay2009, -
- 8 replies
- 1.5k views
Сверстал макет из данной темы. Результат находится по адресу http://zhebrik.ru/ По задумке макет должен быть резиновый, но я ограничил его тягучесть с 960px до 1300px (правая колонка фиксированной ширины), потому что фотографии в шапке начинают залезать на самолет при размере окна меньше 960. Помимо косяков, которые найдут другие у меня следующие вопросы: 1.Меню сделал табличное, так как через float оно начинает перескакивать, при ширине меньше 1000px. Есть ли какие другие способы? 2.Заметил, что если уменьшать размер картинки в браузере с помощью ctrl и колеса мыши то тень под белыми слоями с новостями съезжает. В чем дело понять не могу... 3.Только в конце вспомнил, что…
Last reply by karlitos32, -
- 16 replies
- 2.4k views
Лендинг - http://valuta.ucttest.in.ua/ Дизайн - Чем можно было сделать шестиугольник с видео? Я сделал картинку со всплывающим окном с видео. Также, не смог реализовать светлый круг на карте, если подскажете чем - буду благодарен. Сорри, видео на первый блок тоже еще не предоставили.
Last reply by kickflip2009, -
- 25 replies
- 3.2k views
Добрый день! Был бы рада оценкам верстки макета. Это мой всего лишь четвертый макет и самый крупный из всех, что я делала. Уверена, что, с огромной долей вероятности, накосячила где-нибудь, так что буду очень благодарна, если мне укажут на ошибки, недочеты и неконструктивности. Ссылка на сверстанный шаблон - http://paradoxsite.c...autysa/bsa.html, дизайн не мой, дизайн заказчика, так что его прошу не критиковать. Иконки соцсетей в постах блога макета и твиттер-посты в сайдбаре вставлены картинками по просьбе заказчика. И еще вопрос: как считаете, сколько часов у хорошего верстальщика должно уходить на подобную работу, с учетом pixel-perfect и кроссбраузерности сайта (ie7+…
Last reply by npofopr, -
- 11 replies
- 1.9k views
Добрый день! Оцените резиновую верстку, укажите на ошибка, пожалуйста. http://weburoki.com.ua/roof/
Last reply by stan07, -
- 19 replies
- 1.9k views
Здравствуйте) Занимаюсь вёрсткой 2,5 месяца. Поскольку мой учитель - это интернет, мне очень не хватает советов опытных верстальщиков (и не очень опытных). Буду благодарна за советы, подсказки, а также критику моей работы. Сразу скажу, что страничка получилась тяжёлой за счёт фона, нестандартного шрифта и слайдера. Кстати, слайдер на хостинге почему-то отказывается работать. Не могу найти причину. Ссылка на сайт: http://exumple4.esy.es
Last reply by Crystal-3, -
- 0 replies
- 1.1k views
Здравствуйте! Я новичок, осваиваю HTML-CSS. Это моя первая запись на вашем форуме. Оцените, пожалуйста, вёрстку: http://testing.nordwing.ru/homepage_005/index.html Вот макет для неё: https://yadi.sk/i/D_ucd3thiLNhG Шаблон фиксированный, ничего не тянется. Ссылки не работают, там заглушки href="#". Оценить прошу только вёрстку.
Last reply by Nordwing, -
- 12 replies
- 2.6k views
Оцените, пожалуйста, ещё такую вёрстку: http://testing.nordwing.ru/calm-blogger/index.html Вот макет для неё: https://yadi.sk/i/fpuAR4XFiZxUk
Last reply by Temiks, -
- 7 replies
- 1.4k views
Доброго дня. Это мой первый опыт более менее серьезной верстки, так что не откажусь от конструктивной критики. Вот: http://seiffear.ru/practicum/webreference.ru/index.html Новый вариант: http://seiffear.ru/practicum/new/index.html Всё, кроме меню делал сам. Код меню переделал из этого: http://ruseller.com/lessons.php?rub=2&id=1088 Валидацию прошел и html и css.
Last reply by Ge1i0N, -
- 5 replies
- 1.3k views
Сверстал макетик вот из этого топика: http://forum.htmlbook.ru/index.php?showtopic=29381 А вот и сама работа: http://kinoruletka.h16.ru/ Прошу конструктивной критики, указания на ошибки, где что можно упростить и.т.д.
Last reply by Bryant-24, -
- 7 replies
- 1.6k views
Всем привет, сразу скажу, я еще начинающий, и вот на днях доделал макет с сайта divhack.com. Готовый пример вот тут - http://divhack.com/d...s/study/4/html/ То, что получилось у меня тут - http://cssmaniac.com/site4/index.html Старался верстать пиксель в пиксель, вроде бы почти получилось. Подозреваю, что кода многовато и был бы признателен, если бы вы указали на ошибки/недочеты либо дали дельные советы. Всем заранее спасибо!
Last reply by rusbit, -
- 8 replies
- 1.4k views
Здравствуйте. Нашел простенький макет в глубинах форума. Как раз для новичка пойдет. Прошу оценить верстку и соответствие ТЗ. Верстал по JPEGу, если это важно, хотя и PSD прилагается. Текст задания: 1. Сверстать макет в html. Использовать можно любые технологии. Знание php в этом задании не требуется. 2. При наведении на пункт меню в шапке его фон затемняется как показано на макете. 3. При клике на логотип страница обновляется. 4. Надписи "Just do it" вместе с прозрачным белым фоном по умолчанию не должно быть видно. Она должна появляться при наведении на плашку (черный рисунок с разлетающимися фигурами). 5. Верхняя часть (шапка, меню, логотип, надпись, плашка) - "резин…
Last reply by Get to heaven, -
- 0 replies
- 1.5k views
https://uzinouzi.github.io/skinplus/index.html Прошу оценить верстку, указать на проблемные места. Буду рад адекватной критике. Так же прошу оценить юзабилити сайта, т.к. это бета-версия будущего проекта. При верстке использовалась сетка от Bootstrap(1-ый опыт такой верстки), препроцессор Less. Так же буду рад возможным предложениям по улучшению, исправлению чего либо. Заранее спасибо.
Last reply by uzi_no_uzi, -
- 2 replies
- 2.3k views
Всем привет! Занимаюсь версткой 3 месяца, без наставника, просто просматривая обучающие ролики и читая источники по этой теме. На данный момент сверстал 6 макетов: 2 фикс, 2 на бутстрап, 1 адаптивный без фреймворка и 1 резиновый-адаптивный без фреймфорка. Выкладываю последний. Всю сложность можно оценить путем изменения области просмотра браузера, как ведут себя элементы на разных брейкпоинтах. Все иконки svg-спрайты (с ними помучился). В этой верстке немного пытался реализовать именования классов по БЭМ. Немного парился с кроссбраузерностью. Не тестировал на ie9 и ниже, такой задачи не было. https://schamil74.github.io/Mishka/
Last reply by Schamil74, -
- 11 replies
- 1.6k views
оцените пожалуйста верстку, буду рад всем замечаниям!!!! http://webfile.ru/5953814 файл нужно скачать
Last reply by Catherine, -
- 2 replies
- 1.4k views
Доброго времени суток! Оцените пожалуйста верстку шаблона. "Что-то вроде" ТЗ: Центральная часть сайта тянtтся от 980 до 1400пх Фон блоков 1* и 2* тянется от левого до правого края браузера. В блоке 1* тень текста в css3 (в ие6,7,8 тень не нужна.) В шапке элементы должны раздвигаться, меню всегда слева, блок авторизации всегда справа. В футере раздвигается аналогично. Блок 3* (баннер) должен тянутся, т.е. не вставлять картинкой. В блоке 4* текст на баннерах должен быть версткой, а не картинкой. Полупрозрачная тень на которой текст тоже должен быть отдельно от картинки. Желательно сделать его абсолютным блоком с opacity. Закругления активного пункта меню, и блока "спецпред…
Last reply by perfecto,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-