Jump to content

AlexZaw

Expert
  • Posts

    650
  • Joined

  • Last visited

  • Days Won

    57

Everything posted by AlexZaw

  1. Вы бы хоть спецификацию приводили, если уж сами пункты не приводите. В ECMA-262 например в пунктах 18.3-18.4 описаны свойства конструктора глобальных объектов. И вообще, что за цель вопроса? Выучить все объекты или понять что является объектом в JS? Не все в JavaScript — объект В JavaScript 6 примитивных типов Все, что не является примитивным типом, является объектом Функции — особый тип объекта Функции могут использоваться для создания новых объектов Строки, булевые значения и числа могут быть представлены в качестве примитивных типов и в качестве объектов Определенные примитивные типы (строки, булевые значения, числа) ведут себя как объекты благодаря наличию в JavaScript автоупаковки.
  2. Да ничем они не надежнее, разве что при парсинге придется чуть дольше повозиться
  3. Тогда будет просвечивать верхний бордер у блока с обводкой. Можно сделать такойже эффект с помощью псевдоэлементов вместо верхней границы, но он мне меньше нравится, к тому же не вижу причин извращаться подобным образом когда есть предназначенные для подобных задач теги
  4. Тогда за ним не будет видно фона страницы
  5. alert приостонавливает выполнение скрипта и пока вы не нажмете ок, никакого перехода не будет, сделайте свое всплывающее окно которое закроется либо по нажатию, либо по истечении какого либо времени
  6. Фрилансеры тут не при чем, просто многим такой код читать удобней. Неужели вам и правда удобнее искать какое-либо правило в длинной строке, если нужно что-то изменить, чем если бы каждое правило было бы на новой строке и видно сразу? Браузеру без разницы в каком виде написан код, единственно, что если не минифицировать css файл, то, написанный с учетом приведенных рекомендаций, он будет занимать больший объем чем тот который написан так, как привыкли вы. Даже странно что с 10-и летним опытом вы задаете такие вопросы...
  7. Виноваты отрицательные маржины у .how .last p и .row либо, как сказали выше не обнулять паддинг, так как он служит как раз для того чтобы влезали маржины
  8. Что мешает взять любой макет и адаптировать его по своему усмотрению?
  9. На js примерно так: <div class="text"> <div class="bg"></div> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, harum!</p> </div> .text{ position: relative; } .bg{ position: absolute; top: -75px; left: 0; color: #0ff; font-size: 150px; z-index: -1; } var txt = document.querySelector('.text'); var bg = document.querySelector('.bg'); var first = txt.querySelector('p').innerHTML.charAt(0); bg.innerHTML = first; На пхп, думаю, прицип такой-же, единственно проблема может возникнуть при получении первого символа если используется кирилица, но решение легко гуглится зы. сейчас работает только для первого блока на странице, но можно переделать и под все подобные блоки
  10. навскидку два варианта: либо установить в качестве бекграунда, либо абсолютно позиционированный блок.
  11. Подправленный вариант без псевдоэлементов, с незаслуженно обиженным fieldset-ом : See the Pen dezywr by Alexandr (@AlexZaw) on CodePen.
  12. AlexZaw

    animate css

    не по теме, mrnobody, чем скриншот делался?
  13. А если просто добавить кнопку с js var sel = document.getElementsByClassName('ipsCode')[0]; var range = document.createRange(); range.selectNode(sel); window.getSelection().addRange(range); Главное прикрутить так чтобы нужный код выделялся
  14. <div class="wrapper"> <div class="row"> <div class="box"></div> <div class="box"></div> <div class="box"></div> </div> </div> *{ margin: 0; } .wrapper{ max-width: 1600px; overflow: hidden; } .row{ font-size: 0; margin: 0 -15px; background: #0f0; } .box{ font-size: 16px; box-sizing: border-box; margin: 0 15px; width: calc(33.33% - 30px); height: 100px; display: inline-block; border: 1px solid; background: gold; }
  15. Удобный вариант означает достижение результата с наименьшими усилиями, в данном случае флоаты отработали бы так как вам нужно, у вас же сетка на флексах и для того чтобы блоки выстраивались так как вам нужно придется делать дополнительную обертку для блоков 2-5. Первый блок не может находится одновременно на двух осях поэтому блоки 4-5 и переносятся на новую ось. С бутстрапом не работал, но вроде в 4 есть возможность строить сетку на флоатах С этим бы я тоже поспорил, но на вкус и цвет фломастеры разные
  16. Таблиииичка! Ссылка не работает, но что не так? See the Pen rvWLKB by Alexandr (@AlexZaw) on CodePen.
  17. Возможно ли сделать кнопочку "Скопировать/Выделить код" при нажатии на которую либо выделялся, либо копировался в буфер обмена код который человек выложил на форуме в следующем виде: много кода ?
  18. rem зависит от размера шрифта заданного для тега html, т.е. 1rem = font-size заданный для html. При адаптации сайта достаточно изменить размер шрифта в медиа запросе и все размеры заданные в rem так-же изменятся. Но задание жесткой высоты для блоков (даже в rem), на мой взгляд, плохая практика, так как, если контент сайта меняется динамически, придется каждый раз менять размеры шрифта в исходном коде, либо изменять его с помощью JS, т.е. проделывать ту работу, которую не пришлось бы делать не задавай мы высоты жестко. Если же контент сайта не будет меняться то это вполне допустимо, хотя лично я большого смысла в этом не вижу.
  19. Ничего не обрезается, ищите в стилях стилизацию select
  20. Имеется ввиду следующее: <div class="box"></div> .box{ width: 400px; height: 200px; border: 1px solid #000; border-top: none; position: relative; } .box:before{ display: block; content: ''; height: 1px; width: calc(50% - 40px); background: #000; position: absolute; top: 0; left: 0; } .box:after{ display: block; content: ''; height: 1px; width: calc(50% - 40px); background: #000; position: absolute; top: 0; right: 0; } И все-таки, чем не устраивает тег legend?
  21. Как вариант можно отменять переход по ссылке, показывать подсказку, а в ней делать запрос переходить ли по ссылке или нет
  22. Отображать подсказки по клику не вариант?
  23. А чем legend не устраивает?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy