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, -
- 10 replies
- 3.5k views
http://hotellist.com.ua Что так/не так? Чего хватает/ не хватает? Навигация - мне показалось удобным именно такое решение, но уже встречал человека, который по незнанию географии родной страны, искал населенный пункт звонком мне. Стоит пренебречь? Или лучше сделать навигацию в виде перечня городов в алфавитном порядке?
Last reply by Maslakoff, -
- 3 replies
- 923 views
Добрый день, форумчане! Хотелось бы чтобы вы оценили сайт Fraui.ru по юзабилити, дизайну, ошибки в верстке и т.п. Также выслушать общее мнение о сайте (женский интернет журнал) который посвещен в основном женской аудитории. За ранее спасибо!
Last reply by Nikson9, -
- 10 replies
- 4.4k views
Ресторан-клуб "У Швейка"
Last reply by V@dimK@, -
- 8 replies
- 2.4k views
http://asp-html.studenthost.ru/rambler/ з.ы. Почти весь на дивах, а не таблицах как в оригинале
Last reply by hf3, -
- 11 replies
- 3.2k views
«ProstoSait.com.ua -узнай об верстке больше» из подписи одного из пользователей htmlbook. (кстати пропущен пробел, а вместо тире дефис) Ну не нравятся мне плохие сайты. А на ошибки людям указывать нравится Начну Сайт о верстке должен проходить валидацию, а не проходит Логотип сделан картинкой (!) хотя можно было использовать какой-то стандартный шрифт или подгрузить другой. Благо кроссбраузерный вариант уже выдумали Если в предисловие статьи картинка больше предисловия, следующая статья не отступает от предыдущей. Ссылка-заголовок не подчеркнута, хотя здесь это явно нужно. "Читать полностью >" - заглавными буквами, и подобие стрелочки не красивое Картинка "RSS" ни…
Last reply by andronn, -
http://freika.ru/showcase/display/ вот такое сверстал. Можете покритиковать?
Last reply by Struggle, -
- 4 replies
- 1.4k views
Доброго дня! Вопрос к гуру валидной вёрстки: можно ли и нужно ли такой макет переверстать только слоями? Сейчас вариант очень простой, работает везде и валидный. Но всё построено на таблицах. Только один маааленький баг - в Опере появляется однопиксельная серая полоска вдоль границы вложенных таблиц.... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Grail</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />…
Last reply by trogvar, -
http://15-shop.ru
Last reply by wildhind, -
- 34 replies
- 7.2k views
Всем привет! Я с вёрсткой не очень дружу, мне больше по душе кодить.. Но вот счас уезжаю в столицу учиться и решил летом что-то сделать, остановился на небольшом проекте для своего уже бывшего учебного заведения. Вот сам сайт: МОУ Лицей №1 Жду ваших отзывов!
Last reply by Fenix, -
- 4 replies
- 781 views
Здарова пацаны, пожалусто оцените мою 2 работу, хочу узнат что хорошо а что плохо vot silachka
Last reply by Vin, -
- 3 replies
- 712 views
3 rabota Прокомментируйте пожалуйста
Last reply by SergIQ, -
Вот, сверстал кое-что. Не идеально, конечно, да и всего одна страничка из трех, но все-таки. Не совсем адаптивный (хотя, в принципе, можно было сделать таковым). IE9+. При виде IE8 в ужасе разваливается, но восьмеркоюзеры уже привыкли к страданиям, так что не страшно. Критику приветствую. Макеты, если кому интересно: https://vk.com/mwlds?w=wall-57877578_2426 http://demos.zenwarr.ru/vk ЗЫ. Сорри за заголовок, написал в задумчивости, забыл изменить) Прошу модераторов исправить на что-нибудь более адекватное)
Last reply by stan07, -
- 26 replies
- 3.1k views
Ребят, выкладываю свежепеределанный сайт. Т.к. я в дивах еще "плаваю", то решил браться за простенькие макеты. Собственно, мой сайт и стал первой жертвой Страдаю откровенным минимализмом, но все же. Какие огрехи я допустил и что можно было сделать иначе? Может быть лишних дивов натыкал, где бы их можно было не ставить? Еще смущает, что валидатор выдает одну ошибку в этой строчке: <meta http-equiv="content-type" content="text/html; charset=Windows-1251"/> что в ней не так, я до сих пор не понял. ссылка вот, а макет хранится только у меня в голове Всем спасибо.
Last reply by Softlink, -
- 0 replies
- 881 views
Всем привет! Занимаюсь версткой чуть больше 2ух месяцев, без наставника, просто просматривая обучающие ролики и читая источники по этой теме. На данный момент сверстал 2 фикс макета и один адаптив, ссылку на который сейчас и выкладываю. Так же адаптирован под ретина дисплеи. https://schamil74.github.io/Sedona2017/ Заходите с телефонов, планшетов. А вот касательно кроссбраузерности, обнаружил такой баг: На IE11 иконки выпадают из инпута. Пока не могу загрузить скрин - ошибка!!!
Last reply by Schamil74, -
- 13 replies
- 3.3k views
Собственно сайт представляет из себя информационный портал по грядущей игре AION. Это мой первый проект подобного типа, поэтому хочу выразить свою благодарность данному форуму и всем тем, кто помогал мне на протяжении создания сайта. На сайте пока доступны следующие разделы: - Новости http://aioncenter.ru/ - Видео раздел http://aioncenter.ru/video -Способности игровых классов http://aioncenter.ru/db/skills?class=sorcerer - База знаний http://aioncenter.ru/kb/history/asmodian
Last reply by kaktus611, -
- 53 replies
- 7.3k views
Вот, теперь точно уже окончательная оптимизация, круче уже некуда. Избавились от самых ресурсоёмких циклов и прочего. Надеюсь на ваши тесты. Если результаты окажутся достойными, то приступим к 3.0. версии. 1. Как вам скорость? 2. Как загрузка Проца? 3. Заметны ли какие нибудь косяки с отскоками? 3. В каких браузерах хуже всего? 5. Если бы вам нравился арканоид, вам бы было приятно играть при таких раскладах (имеется ввиду скорость) ? Тестовый вариант 2.5 Жми и тести p.s. Правда друзья, протестите кому несложно. Это очень важный для нас тест! p.s.s. Немаловажно услышать цифры Загрузки ЦП в разных браузерах, особенно в ФФ. p.s.s.s. Если вдруг у кого обнаружатся косяки с о…
Last reply by psywalker, -
Добрый день, камрады! Хочу представить вашему вниманию новую версию Arkanoid, которую на мой взгляд смело можно назвать 2.0, т.к. она кардинально отличается от предыдущей, первой части. После ваших замечаний, критики и пожеланий я постарался учесть каждую мелочь и исправить те ошибки, которые были в 1.0 версии. Огромное спасибо хочу сказать Great Rash-у, за кучу идей, разжёвывания материала и большую помощь в процессе работы. Благодаря ему я узнал много нового. А вот что собственно изменилось. - Физика. Т.е. правильные отскоки шарика от биты, стен, кирпичей и прочего. - Симметрия. Т.е. кирпичи симметрично выводятся на кэнвас. - Масштабирование. Т.е. кэнвас и все его эле…
Last reply by psywalker, -
- 12 replies
- 3.6k views
Здравствуйте. Я уже писал такой топик, но он попал "под раздачу". Это был мой первый более-менее рабочий скрипт, теперь уже есть еще, и я сам вижу много ошибок и недочетов. Но все же очень важно услышать мнение, а особенно рекомендации профессионалов. По этому выкладываю как было, без изменений. Скрипт писался как микро CMS для небольшого сайта, поэтому вопрос о кроссбраузерности не стоял (хотя зря). Так вот эта штука не работает в Лисе, так как писалась под Осла и Оперу. Буду рад любым замечаниям и комментариям. http://test.inkz.ru/admin1.php PS. Просьба - ни слова про дизайн. Ну не дизайнер я...
Last reply by Николай 2357, -
Давно не занимался версткой ,поэтому решил сделать для начала легкий макет . Указывайте на ошибки и пишите свои версии ,как можно было бы сделать лучше . Старался использовать все новые теги по установленным правилам.Спасибо. Работа : http://edphysics.esy.es/blogin/
Last reply by FiretrUCK, -
- 37 replies
- 4.2k views
Привет всем хочу вам рассказать о новой версии «Конструктора верстки», проект условно бесплатный. Бета тест http://test.buildmak.com/ Цель проекта облегчить создание HTML верстки страниц. После входа в сервис можем приступить к роботе. Нажимаем на кнопку «СОЗДАТЬ ПРОЕКТ», предварительно указав его имя. Теперь вы можете приступить к верстке. Дальше мы рассмотрим возможности конструктора верстки, а также какие результаты следует ожидать. Конструктор имеет пять составных частей: Панель управления (первая панель) – здесь есть такие кнопки: 1. Создать элементы; 2. Очистить рабочую область; 3. Копировать; 4. Вставить; 5. Редактировать; 6. У…
Last reply by buildmak, -
Business Co. 1 2
by Dinow- 28 replies
- 3.1k views
Сверстала еще один макет - Business Co. Постаралась выполнить все требования указанные в ТЗ: Проверен в IE 6+, Mozilla 3+, Opera 9+, Chrome, Safari Какие есть ошибки, замечания по коду? У меня сомнения относительно некоторых пунктов: подключила с помощью js три разных файла со стилями для меняющегося изображения в слайдере (т.к. при общих стилях текст на них был не читабельным). Правильно ли такое решение? Или есть более правильные и красивые варианты? панель под изображением спозиционировала абсолютно, потому что иначе в некоторых браузерах появлялся зазор + при увеличении количества текста на изображении она съезжала. Стоило ли так делать? можно ли блок Solutions…
Last reply by psywalker, -
- 6 replies
- 726 views
Сверстал тут макет, который кто только уже не верстал. Ссылка. Терзайте меня теперь =)
Last reply by Softlink, -
Посмотрите пожалуйста http://pomidor.com.ua/seemax/OtherG/HTML/OtherG.html Где и почему можно применить иные решения?
Last reply by chekit, -
- 17 replies
- 1.7k views
Здравствуйте. Хотел бы показать вам свой сайт. Верстка местами табличная, до себя руки не доходят переделать в Блочную. Мы занимаемся версткой,дизайном, созданием сайтов под ключ. Адрес сайта - Buyhtml.ru Последняя верстка - www.lata.com.ua Сильно не критикуйте =))
Last reply by tini.kRyptoNite,
-
Обсуждения
-
.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; } -
Сегодня index.html неожиданно начал загружаться, но некорректно. Ссылки на веб-страницы не работают, но я думаю, что я сама указала неправильный путь к файлам, сегодня буду это исправлять. Ещё почему-то отображаются не все иллюстрации, а те что отображаются - все перепутаны. Пробовала открывать иллюстрации на самом сервере, но и там почему-то название картинки одно, а картинка совсем другая. Адрес сайта http://j90365fr.beget.tech/ -
-
<input id="Vvod" type="text" name="Vvod" value="Пример" placeholder="введите имя"> <input id="Vyvod" type="text" name="Vyvod"> <script> let Vvod=document.getElementById('Vvod'); let Vyvod=document.getElementById('Vyvod'); Vvod.value=Vyvod.value; </script> Попробуйте вот так
-
Здравствуйте, никак не могу зайти на свой первый сайт. У меня очень простой статический сайт состоящий из файлов: html-страницы (в том числе index.html), css, jpg, favicon.ico, robots.txt. Все материалы я загрузила в корневую папку бесплатного веб-сервера beget. Почему-то вместо страниц сайта браузер отображает один только файл css. Уже пробовала разные способы решить эту проблему, но ничего не получается. В чём может быть причина? Заранее спасибо. С уважением, Наташа.
-