Tascan

Newbie
  • Content count

    20
  • Joined

  • Last visited

Everything posted by Tascan

  1. Всем привет. Слышал советы, что вместо пикселей желательно использовать rem для задания размеров. Решил, в качестве эксперимента, попробовать задать для html определённый размер в пикселях, а дальше везде использовать уже rem. И вроде всё нормально, даже очень удобно. Но под конец решил я уменьшить масштаб страницы и вот тут появились проблемы. Если использовать такой код: html { font-size: 10px; } .box { background: red; width: 100px; height: 400px; } То по итогу всё нормально, сколько масштаб не уменьшай, результат всё те же 400px. Но стоило изменить единицы измерения в высоте: html { font-size: 10px; } .box { background: red; width: 100px; height: 40rem; } И вот тут уже появляется проблема. При уменьшении масштаба страницы до 50% к размеру высоты: в Google Chrome и Yandex браузерах добавляется дополнительные 80px, в Opera итоговая высота элемента увеличивается до 960 px. А вот в Firefox всё нормально и по итогу выходят те же 400px. Подскажите в чём тут проблема? Это особенности rem или браузеров на основе WebKit? И вообще, я понимаю, что многие советуют явно высоту элементов не задавать, но если это необходимо, то какие единицы измерения посоветуете для этого использовать?
  2. Всем привет. В данный момент изучаю Bootstrap и задался таким вопросом. По правилам сетки Bootstrap, если я не ошибаюсь row и col должны быть внутри элемента с классом container. Но вот если при вёрстке макет разделён на отдельные блоки, например: header отдельно, далее ещё пару блоков с информацией и за ним footer. Как при таком варианте правильнее будет сделать порядок: общий тег container, вместо стандартного wrapper и далее внутри него все вышеперечисленные теги или же нужно создать container для каждого раздела? А если, например, у каждого из этих разделов свой фон? Тогда уже нужно идти по второму варианту: делать разделы на 100% ширину браузера, прописывать им фон, а вот внутри них уже делать div'ы с классом container, которые уже ограничат ширину блоков с контентом?
  3. Tascan

    Основные контейнеры Bootstrap

    Всё понял. Большое спасибо за ответ)
  4. Tascan

    Основные контейнеры Bootstrap

    Спасибо за ответ. А ещё не подскажите: всё-таки класс container по своей сути полностью заменяет wrapper или желательно добавлять wrapper для всей страницы, чтобы исключить добавление лишний стилей к body, а уже внутри него container?
  5. Всем привет. Начал я недавно изучать JavaScript. Раньше, косвенно (в техникуме) изучал C++ (ну и по-стандарту: Pascal, Basic). Сейчас вот решил заняться вёрсткой, а в будущем хотелось бы перейти в JavaScript программисты. С JS вроде всё нормально, но вот задался вопросом насчёт математики. Ясное дело, что программисту очень нужна математика. Сейчас я в выпускном классе на заочном и за последние года 3 не очень часто занимался математикой, и успел всё забыть. Но раньше с ней дружил хорошо. Вот и решил вернуть свои навыки, но так как время идёт, хотелось бы расставить приоритеты в её изучении. Вот собственно и сам вопрос: Можно ли получить примерный список разделов (желательно более подробно) математики, которые нужны WEB-программисту? Хотелось бы именно расставить их в порядке необходимости. Что чаще всего использует верстальщик? А что необходимо JavaScript программисту? Или возможно это не зависит от языка программирования и везде необходим один и тот же список разделов и в одном и том же порядке изучения?
  6. Большое спасибо за ответ)
  7. Всем доброго дня. Недавно начал изучать вёрстку и задался вопросом. Вот существуют фиксированные и резиновые сайты. Как я понял полностью фиксированные не делают. Есть ограничение по ширине контента, но фон сайта является резиновым и растягивается в зависимости от ширины устройства? А вот что насчёт самого контента? Читал, что стандартно ширину делают 1000-1100px. Так ли это? И часто ли используют действительно резиновые макеты? Как мне кажется, если включить такой сайт на большом мониторе или телевизоре, будет не очень удобно.
  8. Спасибо за ответ. Я думал, что адаптация сайта идёт в сторону телефонов и планшетов. Получается есть возможность адаптации и для очень больших экранов?
  9. Всем привет. Может кто разъяснить один вопрос по фиксированной вёрстке. Пересмотрел несколько макетов. пытался сделать свой сайт, интересуясь как вообще делаются другие макеты. И заметил, что в некоторых из них все основные блоки (header, content или footer), расположены внутри родителя wrapper. То есть родитель имеет, например ширина 1200px, а остальные блоки внутри него уже делят эту ширину. Но меня заинтересовал другой вид, где тоже есть контейнер-родитель wrapper, но он в свою очередь растянут на весь экран. А все основные блоки, уже каждый отдельно, имеют свою ширину и отдельно центрируются. Вот я и хотел узнать, какие плюсы и минусы могут быть у каждого из этих способов?
  10. А, вот как получается. Буду тогда на всякий случай практиковать оба варианта. Большое спасибо за ответ)
  11. Всем привет! Может кто помочь с таким вопросом. Прочитал я можно сказать теорию по HTML и CSS (помню В общем-то большинство тегов и свойств CSS, разобрался в основных особенностях). Плюс заходя на сайт уже примерно могу понять его структуру. С этого момента я решил приняться за практику. Но возникла такая проблема: скачиваю я, например, макет из интернета (будь то psd макет или готовый набор файлов). В случае с набором файлов, я пытаюсь просто переписать html, а следом и css код. Так сказать скопировать его, чтобы понять как этот сайт сделан. И в принципе понимаю все теги и все свойства. Так же понимаю, для чего они там присутствуют. Но вот если передо мной открыт просто psd макет сайта или сам сайт в браузере, я не могу с этого образца сам сделать сайт. Можно сказать сразу все знания кажутся бесполезными. Если структуру я хоть и с маленькими ошибками могу повторить, то стилевую составляющую вообще не получается. Может у кого-нибудь была такая же проблема на начальном этапе изучения. Подскажите, что в таком случае делать?
  12. Спасибо большое за инфу. Почитаю поподробнее про clearfix. Получается вместо position всё делается с помощью float. Нужно поэкспериментировать с float и clearfix побольше.
  13. Круто получилось. Спасибо за информацию) А можно поподробнее о классе clearfix. Как я понял, он рисует нижнюю линию. Но как совмещаются эти три свойства в нём я не понял.
  14. Если я так понял, то это необходимо для точного и правильного позиционирования блоков с велосипедами на странице. Внешнему блоку присваивается position: relative, а вот внутренним уже position: absoulte. И как я понял, тогда будет меньше проблем с их отображением в разных браузерах. И также поможет правильно разместить их относительно друг друга.
  15. Если не сложно, можно уточнить: просто взять psd макет, обвести в нём блоки и так же psd сюда скинуть. Или просто по грубому, скриншот макета сделать и уже в программе, по типу paint, выделить. Просто я пока в этом не очень силён. Не знаю, как лучше делать.
  16. Спасибо, обязательно прочитаю книгу) Я думал, что нужно сразу пытаться полный сайт сделать. А оказывается, желательно вначале научиться верстать отдельные элементы. Большое спасибо за информацию.
  17. Большое спасибо за ответ. Почитаю и попрактикуюсь по этим ссылкам. Надеюсь этого мне хватит, чтобы понять примерную логику сайтостроения) На htmlbook есть похожий макет с 3 колонками, В общем суть его строения понял. Но опять же, если вдруг на практике придётся делать похожий макет, пока у меня это не получится.
  18. Всем привет. Может кто сможет помочь в данном вопросе. Изучаю в данный момент связку HTML и CSS, и появились два вопроса. 1) Иногда изучая какой-нибудь сайт или пытаясь по образцу переписать какой-нибудь макет, вижу примерно такой код: <div id="wrapper"> <div id="main"> <div id="sidebar"></div> <div id="content"></div> </div> </div> Вот мне и стало интересно, зачем внутрь одного блока (wrapper) вставлять ещё один блок-обёртку (main) для содержимого страницы. Ведь у двух этих родительских блоков одинаковая ширина и высота. Почему нельзя навигацию и основной контент размещать сразу в первом div-блоке? 2) Если я скачиваю готовый макет, открываю его в браузере и пытаюсь сделать этот макет сам, то тут всё понятно: сделал, сравнил, недочёты исправил и запомнил на будущее. А вот если я, например, пытаюсь сверстать сайт из PSD картинки, то как я в итоге могу проверить, правильно я сделал или нет? Ведь визуально всё может быть правильно, но в коде может быть фатальная ошибка, которая напомнит о себе в будущем. И если уж выбирать, то как лучше вначале: по PSD пытаться построить макет или скачивать готовый, и так подглядывая иногда, пытаться сделать самому?
  19. Спасибо большое, обязательно найду и прочитаю)
  20. Спасибо большое за ответ. Буду изучать дальше)