Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2,322 topics in this forum
-
- 15 replies
- 26.3k views
Чтобы получить максимально конструктивные советы и замечания по обсуждаемому сайту, придерживайтесь следующих правил. 1. Работа должна быть доделана, а не представлять собой пустой шаблон. 2. Если сайт работает лишь частично, то работу лучше не выставлять вообще, либо заранее отметить, на что обратить внимание. 3. Указывайте, что именно вы желаете оценить: дизайн, верстку, код, юзабилити, общее впечатление и др. В противном случае обсуждение может пойти совсем в другом русле, чем вам бы хотелось. 4. Для удобства указывайте кратко, что собой представляет сайт, о чем он и для какой аудитории предназначен. 5. Обязательно приводите адрес оцениваемого сайта. Как ни странно, но…
.thumb.png.93183027d7a2eba5b545b257503b0e32.png)
Last reply by klierik, -
- 13 replies
- 39.4k views
Топик в этом разделе должен удовлетворять нескольким параметрам. * максимально полно выполнять рекомендации топика - Прежде чем выставлять сайт на обсуждение... * рассматриваться должен один ресурс, исключение - когда это несколько взаимосвязанных ресурсов (сайт и форум) * у пользователя, который оставляет топик в этом разделе должно быть не менее 30ти сообщений, во избежании постинга спама, просим понять. * не забудьте сказать спасибо на комментарии - комментирующим будет очень приятно, что в свою очередь будет мотивировать их комментировать дальше и дальше.
Last reply by psywalker, -
Друзья, представляю вам новый проект - webreference.ru, доступен также по короткому адресу http://webref.ru Сайт пока не закончен в том виде каком мне это хотелось бы, поэтому это не официальный анонс, а бета-версия для получения советов и выявления ошибок. webref.ru - это сайт, на котором будут справочники и руководства по темам, не обязательно связанным с вёрсткой, как сейчас на htmlbook. К тому же работать над ним будет не один человек, а несколько. С htmlbook же постепенно уберу справочники и переделаю сайт. Как, ещё не знаю, речь не об этом. Итак, что хотелось бы услышать. - найденные баги, ошибки в отображении материалов; - общее впечатление; - удобство исполь…
Last reply by Vlad, -
Хотелось бы всё-таки узнать, как вам сайт со стороны юзабилити вот он. В IE7 и ниже вкладки едят (((( haslayout не помогает, но постараюсь разобраться.
Last reply by аrt, -
Итак, господа, я хочу вам поведать (в примерах), какова истинная стоимость сайта с фиксированной версткой/дизайном. Как обманывают заказчиков такие, с позволения сказать, "дизайнеры" и почему некоторые на этом форуме (да и на многих других) так усердно пытаются доказать, что фикс - это круто. Я не привык кидаться словами бездоказательно, поэтому проведу вас по всем этапам строительства фиксированного говношаблона, который потом некоторые называют "высшим пилотажем" - http://forum.htmlbook.ru/index.php?s=&...st&p=152790 Представляю - говношаблон. Причем наш с вами говношаблон мы сможем точно так же отправить в этот рассадник, называемый cssmania.com и, практическ…
Last reply by panettone, -
Вот сайт : http://www.elegantstyle.ru И еще мои сайты: http://www.docdent.ru http://www.docdent.ru http://www.arxstroy-servis.ru Пишите замечания, буду очень признательна!
Last reply by tigrenok, -
А то странно как-то - заказы есть, а студии нет Пока первая страница, на подходе остальное. http://www.roskostyle.ru/design/ Обновлено 19.05.
Last reply by Clayton, -
Свестал макет любезно предоставленный нашим админом. Буду благодарен за критику и советы. Ссылка: http://shvv.freehostia.com/uta/index.html. Больше всего, наверное, помучался с input. Как-то очень странно он реализован в разных версиях IE.
Last reply by psywalker, -
- 64 replies
- 19.5k views
Сразу предупреждаю дизайн довольно-таки минималистичный, я думаю, что это должно способствовать удобству чтения и поиска материалов. Особое внимание типографике. Буду рад любым советам и предложениям. http://designformasters.info/
Last reply by Давид, -
Есть идея в будущем сделать себе сайт-портфолио, и хотелось-бы что-бы работы в нём были идеально отточены и вылизаны до предела. Дело в том, что последняя моя работа, вылаженная на нашем любимом форуме показала, какой я "супер" верстальщик и сколько я делаю ошибок в работе. Конечно же одной работой полагаю это не ограничивается, но зато для себя я вычел много уроков из той вёрстки благодаря вам. Сейчас хотелось бы продолжить традицию и выложить очередную свою вёрстку (4 страницы) на ваш суд. Пожалуйста просьба ко всем не проходить мимо, заглянуть в код, а кому не лень высказать всё, что он думает обо мне и моей вёрстке. Дизайн не интересует, а интересует только код HTML…
Last reply by Clayton, -
http://forum.htmlbook.ru/index.php?showtopic=17299 Было предложено на основе макета сверстать, натянуть на какую-либо CMS... Посмотрел предложенный макет... Предложил сделать новый дизайн. Макет был предложен этот - Ну что сказать. Я высказал свое мнение... Предложил свой вариант. Естественно просто набросок, картинка, в основном header... UPDATED 27.11 http://freeway-design.ru/ps/ Рассудите, почему клиент сказал, что ее вариант нравится больше И прошу корректно - очень милая девушка.
Last reply by Светлёнка, -
Сайт НЕ студии :) 1 2 3
by Verder- 74 replies
- 15.9k views
Прикупил площадку и домен. Думаю, к весне все же арендую нормальное помещение под студию. А пока делаю вот такой сайтик НЕ студии. Все страницы в принципе готовы, но требуют доработки в плане дизайна. На главную страницу тоже еще будет графика (может быть) добавляться. Графику пока не оптимизировал окончательно, бэкграунды довольно тяжелые, хотя все должно быстро прорисовываться. Пока показываю главную страницу - тут просили показать. Ну, смотрите http://www.freeway-design.ru/
Last reply by mishka, -
Было несколько вариантов. Потом оказалось, что контента маловато. В итоге пришли к этому. Все работает, сайт запущен. Возможно с галлереей буду что-то мудрить, хотя и так вроде ничего. Там всего то пока 9 картинок. http://www.greengarden.ru/
Last reply by rash, -
- 57 replies
- 15.4k views
Пожалуйста оцените и покритикуйте Сайт И сравните плиз его вот с этим наброском, если конечно не трудно : (Кнопки в меню меняют цвет при наведении и малость расширяются) Спасибо!
Last reply by asvocot, -
Предлагаю организовать конкурс для тренировки дизайнерских навыков и навыков верстки. Суть: Берется галимый сайт, к примеру этот - http://www.offroadopen.ru/ Дизайном на нем и не пахнет, сайт вызывает отвращение И любой, кто хочет попрактиковаться, полностью редизайнит этот сайт, делает макеты главной и внутренней страниц. После этого выкладывает ссылку на макет тут, а люди оценивают. Могу даже выкладывать на своей площадке, чтоб без всяких баннеров и.т.д. Польза: 1. Оценивать смогут все, вносить предложения, критиковать или хвалить. 2. В таких упражнениях набивается рука, что очень важно. 3. Это гораздо полезней, чем просто верстать чей-то дизайн. Соответственно, никак…
Last reply by s0rr0w, -
Новичок, сайтостроением увлекаюсь только второй год. Хотя сейчас конечно пытаюсь добиться большего :/ http://www.worldofword.narod.ru
Last reply by viktor_ch, -
Верстая макеты для порфолио, этот, как и другие решил сделать полностью Кроссбраузерным, кроссплатформенным и идентичным во всех браузерах. Выставляю на суд для подведения итогов вёрстки и конечно же вопросы: 1) Вёрстка сделана 98% на "em" расчитывая на отличное масштабирование во всех браузерах, включая ИЕ6. Поэтому прошу оценить эффект, получился или нет? 2) Прошу проверить вёрстку на кроссбраузерность и кроссплатформенность (валидность само сабой) 3) Один из важных вопросов насчёт Семантики, поругайте пожалуйста по каждой мелочи 4) Ещё прошу оценить организованность стилей и вообще кода в частности p.s. - на качество картинок не обращайте внимание, других небыло. p.s.s…
Last reply by psywalker, -
imariki.times.lv 1 2 3
by imariki- 61 replies
- 14.7k views
Всем добрый день! Пожалуйста, оцените мой сайт! http://www.imariki.times.lv И ещё проголосуйте в левой колонке.
Last reply by imariki, -
Последнее время приходит приличное количество заказов на недорогие сайты. Вот макет одного из них. Особо не заморачивался. Кстати, не факт, что эта контора будет переделывать то, что у них сейчас весит, так что если кто хочет могу продать макетик недорого (естественно с доработкой, оптимизированный) http://www.freeway-design.ru/tm/ На верстку, как обычно, плевать. Во всех браузерах все одинаково. Updated: 02.07.2010. Все комменты ниже были к старой версии.
Last reply by BassEast2, -
- 46 replies
- 14.3k views
Привет всем! Оцените работу плиз. www.mywork.h18.ru Просьба оценивать верстку и дизайн, не трогая контент. И еще вопросик : у кого как по времени грузится сайт, у меня допустим 30cек (скорость 40Кбит в секунду.) За ранее спасибо!!!
Last reply by V@dimK@, -
Оцените сайт об игре. 1 2 3
by vvsh- 66 replies
- 14.2k views
http://assassins-creed.net/ Вот совсем недавно завершил работу на своим сайтом, Прошу проверить на безопасность форму входа. Прошу оценить его по всем критериям, спасибо.
Last reply by Dimitry Wolotko, -
- 60 replies
- 13.5k views
Здравствуйте! Оцените, пожалуйста, дизайн интернет-аптеки http://www.elegantstyle.ru/portfolio7.html Это мой первый опыт по созданию интернет-магазинов. Хотелось бы услышать Ваше мнение! Заранее всем спасибо!
Last reply by tigrenok, -
Новый сайт 1 2
by Dimaka- 43 replies
- 13.1k views
Здравствуйте, прошу критики сайта, может что-то сменить в веб-дизайне или добавить. Знаю только азы HTML, самоучка, поэтому не судите строго. С небольшим добавлением CSS. Сайт: http://www.pravoslavnie-stati.narod.ru/
Last reply by Tee-Dee, -
- 20 replies
- 13k views
Решил попробовать сделать верстку из PSD, того что выложили в топике http://forum.htmlbook.ru/index.php?showtopic=13276 Но есть недочеты — незнаю как сделать чтобы лупа была над бекграундом из хедера (я сделал с помощю отрицательного margin-top, но в IE это не проканало), пробовал еще и через z-index, тоже не удалось. Если вы знаете как сделать, буду признателен если расскажете как. И еще по-моему получилась слишком большая по размеру шапка: 100кб и сам логотип отличается по цветовому фону от фона под низом и я незнаю как сделать лучше в этом случае. Ну а если я еще что-то незаметил или сделал неправильно, ткните пальцем, потому что это мой первый опыт и я могу много чего…
Last reply by psywalker, -
- 139 replies
- 12.9k views
Сделал сеть сайтов r-scky. Вот социальная сеть: сеть Дизайн сделал частично сам. (взял стандартный и переделал) Оцените пожалуйста функциональность и практичность сети. Кто может зарегестрируйтесь и позовите друзей. Буду вам очень благодарен. Спасибо!
Last reply by psywalker,
-
Обсуждения
-
Скорей всего потому что использование атрибутов устарело. Пользуйтесь классами http://htmlbook.ru/samcss
-
.thumb.webp.d4179baa3ea063fd3414e3141f886b20.webp)
By Arthur_Speransky · Posted
Добрый день. Подскажите, пожалуйста, почему Visual Studio Code видит ошибку в атрибуте align="right" при теге <p></p>? Сам код работает, но слово align выделяется ярко-красным, что в VS code говорит об ошибке. <p> <p align="right"> 2014 </p> -
https://codepen.io/Switch74/pen/rNJpvLQ меняете размеры бордюра с 10px под свои и в background прописываете свои картинки с нужными repeat для верхнего и нижнего по горизонтали, для левого и правого по вертикали -
By DrRobotGranata · Posted
Всем привет! Задача стоит следующая. Есть 8 элементов (IMG). Т.е. одна целая картинка разрезана на 8 частей(рамка) Нужно сверстать гибкой версткой макет, где эти 8 кусочков будут одним целым( рамкой) а внутри можно будет размещать любой текс, рамка по высоте подстраивается под текс, по ширине на всю ширину окна. Кручу верчу, все никак не получается. Подскажите в какую сторону думать. Каждый Img в отдельный div и все дивы в общий контейнер? и дальше как -
.tabs>input[type="radio"]:checked+label { background-color: #fff; border-bottom: 1px solid #fff; } Здесь и делаете стили для изменения нажатого таба если я правильно понял
-
все файлы должны быть в одной папке некоторые ссылки ссылаются на локальный компьютер - этого не должно быть некоторые маленькие картинки грузят очень большие файлы перепутанные ссылки - это скорее всего ваша ошибка
-
By Иван Евгеньевич · Posted
Здравствуйте! Уважаемые форумчане! Я начинающий начинать) прошу помощи, есть макет сайта , хочу чтоб на главной странице были вкладки которые бы переключались по нажатию кнопки. но основной вопрос в том как сделать их разными. пример приведу в фото. Хочу как на фото сделать но незнаю как( а так же код выглядит таким образом <div class="tabs"> <input type="radio" name="tab-btn" id="tab-btn-1" value=""> <label for="tab-btn-1">Свадьба</label> <input type="radio" name="tab-btn" id="tab-btn-2" value=""> <label for="tab-btn-2">Мужу</label> <input type="radio" name="tab-btn" id="tab-btn-3" value=""> <label for="tab-btn-3">Жене</label> <input type="radio" name="tab-btn" id="tab-btn-4" value=""> <label for="tab-btn-4">Партнеру</label> <input type="radio" name="tab-btn" id="tab-btn-5" value=""> <label for="tab-btn-5">Коллекции</label> <input type="radio" name="tab-btn" id="tab-btn-6" value=""> <label for="tab-btn-6">Редкость</label> <div id="content-1"> <img src="images/Kolca1.png" alt="Кольца" class="kolca"> <p class="kolca11">Кольца</p> </div> <div id="content-2"> Содержимое 2 </div> <div id="content-3"> Содержимое 3 </div> <div id="content-4"> Содержимое 4 </div> <div id="content-5"> Содержимое 5 </div> <div id="content-6"> Содержимое 6 </div> </div> CSS code .tabs { top: 1100px; position: absolute; left: 600px; font-size: 50px; } .tabs>input[type="radio"] { display: none; } .tabs>div { /* скрыть контент по умолчанию */ display: none; border: 1px solid #e0e0e0; padding: 10px 15px; font-size: 16px; } /* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */ #tab-btn-1:checked~#content-1, #tab-btn-2:checked~#content-2, #tab-btn-3:checked~#content-3, #tab-btn-4:checked~#content-4, #tab-btn-5:checked~#content-5, #tab-btn-6:checked~#content-6{ display: block; } .tabs>label { display: inline-block; text-align: center; vertical-align: middle; user-select: none; background-color: #f5f5f5; border: 1px solid #e0e0e0; padding: 2px 8px; font-size: 16px; line-height: 1.5; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out; cursor: pointer; position: relative; top: 1px; font-family: 'Gilroy'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 21px; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; } .tabs>label:not(:first-of-type) { border-left: none; } .tabs>input[type="radio"]:checked+label { background-color: #fff; border-bottom: 1px solid #fff; }
-