Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2,327 topics in this forum
-
- 0 replies
- 1.1k views
Делал для себя. Любая аргументированная критика приветствуется. Макет сделан для ширины 1600 и 640. Может подразумевалась фиксированная ширина, но я сделал резину. Для того, чтобы удобнее было смотреть на мобильном, я добавил немного от себя. 1. Модифицировал меню. Оно кликабельное, происходит переход к соответствующим секциям. Возможно стоит совсем убрать Login, Sign up. Они не очень логично смотрятся (?) 2. Главный баннер является одновременно слайдером. Возможно поменяю эффект на fade, а не slide. 3. Главный баннер подстраивает свою высоту под высоту экрана, чтобы сильно не растягивать в высоту страницу. И сразу же заметил ошибку. Если на смартфоне смотреть в альбомн…
Last reply by WhatIsHTML, -
- 5 replies
- 3.3k views
Добрый вечер. Вот только закончил верстать свой второй адаптивный дизайн. Первый делал на бустрапе. Здесь же я решил использовать flexbox причем сразу же с сеткой. Вот что получилось: https://alex2033.github.io/ Оцените пожалуйста и покритикуйте, если есть что) P.s. Вот действительно практика - лучший инструмент обучения. Когда только начинал этот макет верстать, о флексах ничего не знал и не понимал как они работают. А щас чувствую себя этаким специалистом:DD
Last reply by WebNewbe, -
- 1 reply
- 931 views
Здравствуйте, хочется узнать какие есть замечания по коду. Картинки пришлось использовать из сети, поэтому к ним можно не придираться) http://codepen.io/anon/pen/MyWBYo
Last reply by Igor Schnaider, -
- 4 replies
- 1.4k views
Здравствуйте! Имеется две версии шаблона с анимированным слайдером баннеров: В исходном шаблоне баннеры выходят за края центральной колонки макета: http://www.biostar.ru/img/tmp/t1.html В измененной версии баннеры ограничены центральной колонкой макета: http://www.biostar.ru/img/tmp/t2.html Хотелось бы мнения публики относительно обоих вариантов - что лучше?
Last reply by Alex_, -
- 1 reply
- 1.7k views
Впервые начинаю верстат сайты, обучаюсь. Проблема в том что не понимаю откуда взялся эти пустые белые обводки. Думаю на фото четко видно, даже со стрелочками отметил. Помогите решить проблему
Last reply by npofopr, -
- 20 replies
- 3.4k views
Адрес: http://www.freepsd.ws/ Слоган: Макеты на любой вкус Описание: Сайт создан в поддержку вебмастерам, а конкретно начинающим верстальщикам, которым требуются макеты чтобы набить руку, тренироваться. У нас макеты начиная от простых и заканчивая более сложными, на самые разные тематики. Ну что ж, оцениваем все, дизайн, юзабилити и т.д.
Last reply by cyklop77, -
- 23 replies
- 2.7k views
Привет вам! Несколько деньков позанимался версткой вот такой штуки. Верстал ради спортивного интереса и заодно посмотреть, что как работает и как это применить. Все реализовано без js. Никак не смог придумать как реализовать кнопку закрытия для каждой фотографии(без добавления блока и координат), пришлось сделать общую. Ну и, судя по всему, на css невозможно сделать какую-либо навигацию(ну чтобы фотки листать). Попробовал разных вариантов, ничего не работает. Штуковина, конечно, малоприменима в боевых условиях, но была интересна в реализации. По ходу дела на пару моих вопросов ответил Nekromancer, ему спасибо. Если тема покажется (Great Rash'у например) недостойной об…
Last reply by Shift-Web, -
- 10 replies
- 1.5k views
Увидел макет, скачал, заценил уровень криворукости и полнейшей пофиговости того кто его рисовал, и решил провести пару дней садо-мазо над собой. Какой плюс может дать верстка ужасного и кривого макета? Как мне кажется - опыт работы с криворукими дизами и закалка мозга от неожиданного батхерта. Если все время верстать хорошие макеты, где каждый слой лежит в своей папочке, и каждая такая папочка еще и раскрашена, где все сделано по сеточке пиксель в пиксель, где нету одинаковых абзацев текста, у которых разные отступы интерлиньяжы и тому подобное, где 2 подряд идущих абзаца не имеют разных отступов со любых сторон, где почти все значения целые или хотя бы четные, а не что…
Last reply by advokatua, -
- 11 replies
- 2.5k views
Прошу, оценить дизайн, верстку: www.svoy.dn.ua
Last reply by Ялекс, -
- 8 replies
- 1.3k views
В общем в очередной раз переделал блог. На этот раз я надеюсь так всё и останется года на 3. Задолбало извращаться. Всё это дело крутится на слегка "хакнутом" Drupal 6.22 по части агрегации скриптов, некоторых внутренних функций сборки темы. Вёрстка по большей части осталась иксовой, но с прогрессивной HTML5 обёрткой и доп. разметкой RDFa 1.1. Использую свой профиль для префиксов. Сам дизайн в большей степени выполен на CSS. Очень мало графики используется и вся эта бодяга посредством PIE почти корректно отображается в IE 7 8 9. Ослы сильно грузят процессор, хотя хотя бы не падают. Есть немного AJAX и клёвая форма поиска, немного CSS3-transition анимации, капелка флэш. Со…
Last reply by Shift-Web, -
- 21 replies
- 2.6k views
Верстал проекты на блочной, потом года 2 на табличной, сейчас снова перешел на блочную. Технология верстки - чем ниже блок, тем выше число у "id". Оцените верстку - http://tdv8.ru/
Last reply by webmasterFast, -
- 42 replies
- 4.9k views
Зацените Сборка плагинов jQuery и не только, всё с небольшим описанием и скрином Собрано на DLE Но меня не покидает чувство что чего то не хватает, возможно мануалов, так устану писать... По функционалу что ещё нужно? что бы максимум удобства <noindex> http_://helix.su/ </noindex>
Last reply by swandev, -
- 22 replies
- 3.7k views
Мне тут как то обратили внимание на угрюмость подачи информации на сайте. Попробовали исправить. Прошу оценить адекватность крупной картинки на первой сайта. Картинка используется как основное меню и для привлечения внимания. Вопросы: цепляется ли взгляд и возникает ли желание повозить мышью по ней оправдан ли такой подход, учитывая немалые размеры самой графики как наиболее просто можно сделать подсветку областей при наведении мыши
Last reply by Juster, -
- 3 replies
- 706 views
сверстал страничку по такому макету. главная задача была строго придерживаться макета. верстал под ie8/FF/chrome/opera/safari. под разрешения экрана >=800x600. результат можно посмотреть здесь переполненную версию можно посмотреть здесь покритикуйте пожалуйста вёрстку. особенно интересует работа со шрифтом. ссылка на psd-макет
Last reply by cyklop77, -
- 1 reply
- 743 views
*** Удалено *** Проект создан для коммерческих услуг в хайп-индустрии.
Last reply by ShumNo, -
- 9 replies
- 1.5k views
Добрый день всем, интересны ваши советы/критика по всем аспектам моего творения =) http://www.wecode.ru/index2.html Дизайн брал из шаблона, значительно его поменяв.
Last reply by yacor, -
бэм верстка
by xeLL- 3 replies
- 1.1k views
Попал на проект newrussia.org и там попросили переделать верхнюю менюху. Проект на рельсах, написал миксины и забомбил хелперы, уже стало по приятней и любой другой фронтендщик врубит сразу в тему и тут я решил вспомнить бэм какой он есть. Тыкните в ошибки, плиз)) Смотреть с класса .b-top-panel и еще столкнулся с такой штукой, что не получилось правильно уложить инпут поиска и поэтому через js ширину меняю под браузеры, что я там не так сделал то?
Last reply by xeLL, -
- 0 replies
- 1.4k views
Здравствуйте,в боковой панеле(слева)появляется папка с файлами из других проектов, перед этим я добавлял её в когда работал с проектом shine.html, но она по какой то причине появилася в файле kinomonstr.html. также в верхней панеле могут быть сразу несколько открытых вкладок html, css, js. Такая же проблема и со скачаными исходниками, открываешь новый файл а там куча открытых вкладок на верху. Как решить данную проблему ? Учусь с помощью редактора Sublime Text
Last reply by Viktor_X, -
- 10 replies
- 2.8k views
Тема создана не для, чтобы похвастаться, а попросить небольшой помощи. Сайт: http://www.pautina-igr.ru/ тематика игры, создан под сапу и поэтому я хотел бы получить настоящие счётчики валидности html и css! Но есть и некоторые нюансы в верстке, которые я хотел бы исправить. Так вот, валидатор показывает несуществующие ошибки и я не знаю, как их убрать. Адреса проверки: http://jigsaw.w3.org/css-validator/validat...g=1〈=ru http://validator.w3.org/check?uri=http%3A%...ine&group=0
Last reply by lenster, -
- 26 replies
- 8k views
Здравствуйте все! Нужна демократичная оценка портала электронной музыки! Уникальность ресурса в том, что 90% ссылок даны на фтп, а не на обменники. Интересуют все мнения! Спасибо! http://msp-portal.com
Last reply by OSTAP, -
- 16 replies
- 2.4k views
Мне интересно ваше мнение по поводу кода и общее впечатление о сайте. Сайт
Last reply by penchukov, -
- 15 replies
- 3.8k views
Что скажите, это моя работа на зачёт по 1ому курсу ... =) В коде есть пару стилей, но уж очень сроки поджимали... В портфолио мои реальные работы, можете их заодно глянуть ... Контент, как таковой, не несёт смысловой нагрузки, просто как шаблон форматирования информации на сайте! http://webwood.tut.su
Last reply by Verder, -
- 2 replies
- 1.5k views
Дали поучиться вёрстке. Сначала макет: теперь вёрстка: _http://avenu.in.ua/test/index.html Что мне надо доделать, но пока не доделал или не знаю как: 1) верхнее меню; 2) нижнее меню - по ширине выровнять кнопки, текст в них по высоте; 3) в классе propos сделать так, чтобы верхняя рамка была видна. Просьба высказать своё мнение по поводу вёрстки. Готов выслушать конструктивную критику. Если кто-нибудь будет готов направить на мысль как сделать вышеперечисленные три пункта, также буду благодарен. Спасибо
Last reply by buyhtml, -
- 7 replies
- 1.5k views
Мой дизайн. Прошу, критикуйте) По поводу навигации еще не успел придать её стилям... просто прошу внешней оценки. Движок ВП. Уже натянул на него.
Last reply by Radiocity, -
- 8 replies
- 1.5k views
Что добавить, что изменить, что убрать. *** Благодарим.
Last reply by spdif,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-