СЕМАНТИКА
Е
М
А
Н
Т
И
К
А
Значит я правильно делаю?
Не знаю.
bump
Ты че, пёс, ёбу дал, пилить сайтик на чистом html?
bamp
Где учишься?
.container
По горизонтальному центру с форсированной шириной для разных размеров экрана.
По горизонтальному центру с форсированной шириной для разных размеров экрана.
Сам только учусь, почему бы дивами не сделать всё?
Семантика - это имхо. Можешь хоть на дивах верстать.
Дивы+флексы. Нахуй семантику.
Да делай как угодно, всё равно хуйня выйдет. На качество среднего говна, клепаемого в вебдеве, твой сайтик не повлияет.
Так как это филиал /web/, спрошу
Как или где сжать свои исходники JS и CSS? Чтобы компрессор удалил всё лишнее и ненужное.
Как или где сжать свои исходники JS и CSS? Чтобы компрессор удалил всё лишнее и ненужное.
не писать так чтобы было чтото лишнее и ненужное, довен
Хорошо, для тупых, чтобы сжать css.
Лол, ты бы хоть теги выучил, прежде чем писатьа если просто дрочишь на семантику,
то у тебя все норм, сильнее заморачиваться не надо
гугли gulp
>теги выучил
а что там неправильно?
Для единичный JS есть Closure Compiler(только выставь Optimization: Advanced), но если код с костылями и грязными хаками, то он просто поссыт тебе на ебало и не станет перекомпилировать ничего.
https://closure-compiler.appspot.com/home
Но если хочешь автоматизировать это или слишком большие исходники, то используй(со смазкой) Gulp.
http://webdesign-master.ru/blog/tools/2016-03-09-gulp-beginners.html
Пока дизайн не устаканился, можешь не сжимать, чобы 10 раз не переделывать.
Вангую, учишься сайты ускорять. Я начинал саморазвиваться когда, эта тема была интересна.
Зацени GtMetrix.com
Еще в инструментах вебмастера Гугла есть WebTools -> Другие ресурсы -> PageSpeed Insights
он даёт советы, что нужно соптимизировать, предлагает так же скачать сжатые файлы.
Компрессор JS на ультра не ставь, ошибок наделает.
Ну и для ускорения сайта, надо минимизировать кол-во запросов на сервер. Таблицы стилей слепливаешь в одну. Скрипты в 1-2 файла. Далее PageSpeed попросит тебя убрать из header'а линки в конец html документа, вот там то и начнется экшн)
Но фронт же скоро сдохнет
Опирайся на стандарт, читай про элементы.
http://w3c.github.io/html-reference/elements.html
"main" такого вообще нет. header и footer вроде как внутри section.
Для семантики используй schema.org
И вообще, не еби себе голову, в рабочем проекте используй покупные шаблоны на бутстрапе.
А для саморазвития есть на торрентах ннм-клаба записи курсов, от Специалиста хорошие.
<body>
<section class="wrapper">
<div>
<header>Шапка</header>
<nav>Менюшка</nav>
</div>
<div class="sidebar"><!-- SIDEBAR -->
<aside></aside>
<aside></aside>
<aside></aside>
</div>
<div class="main"><!-- MAIN -->
<article></article>
<article></article>
<article></article>
</div>
<footer>Подвал</footer>
</section>
</body>
Посоны, а поясните за select, хули он такой выёбистый? Посмотрите что я ему прописал, ему абсолютно похуй, он воспринимает только ширину и высоту, убрать бордер? хуй! выровнять текст по центру? хуй! сделать высоту пунктов option больше? хуй! Как вообще им управлять через CSS?
Внутри select есть ещё optgroup и option.
margin:0; padding:0; border: 0px;
Потом with:...px для каждого попробуй.
Даже если некоторые html-теги не прописаны, браузеры их в уме как бы "добавляют" по умолчанию в DOM потому что они должны быть.
Дивами ебашь и спанами.
Лол, прописал select, optgroup и option-у margin:0; padding:0; border: 0px; и даже display:block; ему абсолютно похую, никакой реакции
{margin:0;padding:0;}/ обнуляем вначале*/
select {outline:none; border:0px; width:260px;}
select option{width:260px;padding-left:7px;}
select optgroup{width:240px;padding-left:2px;}
>*/{margin:0;padding:0;}
без /
а, да. Ещё селект у меня наследует от родительского дива display:inline-block; но не всегда
Ваще эту верстку 4 года назад делал, всё еще отображается. А че и как делал не вспомню) Саморазвивался
Лол анон, всё ровно также, не убирается бордер, не выравнивается по центру и не меняется высота option, не зря ничего в интернете нет варианта как это сделать, это невозможно, похожетолько скриптами, а оно нахуй ненужно
Этот дело говорит
Выравнивание текста по центру, это в строчных и строчно-блочных элементах. Возможно наследуется быть блочным.
Приоритеты умеешь? #id, class, !important? селекторы? Где то ошибка закралась.
Вообще, качни с торрентов nnm-club курсы по верстке. 2 недели и разберешся.
Верстать я умею, и про important знаю, не помогает, проверь
Ты еблан? div тебе нахуя дан, объебос ты сраный? Делаешь всё в div, всё остальное в css. Пиздец, делбич. Посмотри уроки на ютубе, если сам такой тупой.
Тупой здесь ты, нужна именно html5 вёрстка, вопрос был простой - во что оборачивать сам контент.
>Верстать я умею
Умел бы, не спрашивал) Ну хз как, я как то отверстал говносайт на статике. Давно было. Даже адаптивным сделал, про бутстрап не знал тогда.
Селект у меня там в калькуляторе только. Всё еще отображается адекватно.
Как я сделал: смотрел видеокурс платный от Специалиста. Сначала про 4 html. Позже уже и 5. Начинать надо с 4го.
Тебе понимания не хватает, как это устроено (html), так бы уже нагуглил.
ко-ко-ко html5 не нужен, скажи ещё маня, что HTTP2 не нужен.
Братишка, то что ты верстал на IE6 уже не работает, ты хоть скачай новый браузер и прямо в коде страницы проверь - это не работает, этот тег не поддаётся форматированию.
В том и дело. Я верстал, когда ослики умирали скоропостижно. А мобильный интернет только развивался. Но после просмотра обучалок у мя получилось и под старый ослик и под мобилки
Вынудил. На смотри.
alltradeltd.ru/price.html
где "Калькулятор для потолка:" там select
Тока не ржать за внешний вид!!! я без таланта художника
нахуй вся эта оптимизация нинужна когда криворукие долбоебы понапишут на js говна такого, что вообще нихуя не шевелится, еще и рекламки для монитизации вставят и вообще заебись всё висит
Поисковые машины дают преимущество, подтягивают вверх по позициям в выдаче. На мобилах особенно заметно.
А хозяину сайта прямая выгода - выше позиция - больше кликов - больше заказов или просмотров рекламы.
И чем дольше сайт грузится, тем больше показатель отказов. Человека начинает бесить загрузка дольше 2х секунд.
По-этому: всю графику в спрайт, скрипты и стили слепить. Лишних GET запросов на сервер не должно быть.
Настроить кэширование, как на серваке так и в браузере.
Скрипты я перелопачивал. Сейчас там ошибки, но мне лень исправлять. Новый уже если и буду делать, то на Вордпрессе, пока просто домен за собой держу.
>alltradeltd.ru/price.html
Ну вот братишка, ты сам видишь, его хуй оформишь, ты только задал ему ширину, беграунд и сдвиги у списка внутри, всё, а вот их высоту ты не изменил и не сможешь, как и убрать бордер, только задать ему цвет, меняется только картинка стрелочки вниз, всё
Чтоб долго не мучатся можно попробовать фреймворк jquery ui. Посмотреть как там.
А span внутрь положить пробовал и его покрасить?
попробовать span строчно-блочный.
или position relative - absolute с элементами
user agent stylesheet - перекрыть надо.
Да наверно врукопашную замаешся, под каждый браузер. Не проще подгрузить ченить готовое?
Можно расковырять css у jquery того же, посмотреть как там
Бордер можно не убирать технически а покрасить в цвет фона.
Высоту раздвинуть строчным элементом с line-height:20px;
Аноны, подскажите по html5.
Создаю шаблон на html5 и у меня ВСТАЛ вопрос, чем оборачивать контент? Контент такой, что в нём например будет на главной странице список материалов, а в самом материале текст и например видеоплеер, так вот, встал вопрос, чем это оборачивать? Вот такая структура будет правильной?
<body>
<header>Шапка<header>
<aside>Боковая панель</aside>
<main>Сам контент</main>
<footer>Подвал</footer>
</body>
Или оборачивать <main>-ом контент - это неправильно? Тогда чем? <section>? А может его вообще не оборачивать?