-
Posts
650 -
Joined
-
Last visited
-
Days Won
57
Content Type
Profiles
Forums
Calendar
Store
Everything posted by AlexZaw
-
EcmaScript все существующие объекты указаны пунктах 18.3 и 18.4 ?
AlexZaw replied to Alexej's question in JavaScript
Вы бы хоть спецификацию приводили, если уж сами пункты не приводите. В ECMA-262 например в пунктах 18.3-18.4 описаны свойства конструктора глобальных объектов. И вообще, что за цель вопроса? Выучить все объекты или понять что является объектом в JS? Не все в JavaScript — объект В JavaScript 6 примитивных типов Все, что не является примитивным типом, является объектом Функции — особый тип объекта Функции могут использоваться для создания новых объектов Строки, булевые значения и числа могут быть представлены в качестве примитивных типов и в качестве объектов Определенные примитивные типы (строки, булевые значения, числа) ведут себя как объекты благодаря наличию в JavaScript автоупаковки. -
Относительные или абсолютные ссылки использовать?
AlexZaw replied to Ubhra's question in HTML Coding
Да ничем они не надежнее, разве что при парсинге придется чуть дольше повозиться -
Тогда будет просвечивать верхний бордер у блока с обводкой. Можно сделать такойже эффект с помощью псевдоэлементов вместо верхней границы, но он мне меньше нравится, к тому же не вижу причин извращаться подобным образом когда есть предназначенные для подобных задач теги
-
Тогда за ним не будет видно фона страницы
-
-
alert и одновременно переадрессация на главную страницу сайта
AlexZaw replied to volshebnyi's question in HTML Coding
alert приостонавливает выполнение скрипта и пока вы не нажмете ок, никакого перехода не будет, сделайте свое всплывающее окно которое закроется либо по нажатию, либо по истечении какого либо времени -
CSS по правилам Академии HTML и прочих гуру-верстальщиков
AlexZaw replied to LUC's question in HTML Coding
Фрилансеры тут не при чем, просто многим такой код читать удобней. Неужели вам и правда удобнее искать какое-либо правило в длинной строке, если нужно что-то изменить, чем если бы каждое правило было бы на новой строке и видно сразу? Браузеру без разницы в каком виде написан код, единственно, что если не минифицировать css файл, то, написанный с учетом приведенных рекомендаций, он будет занимать больший объем чем тот который написан так, как привыкли вы. Даже странно что с 10-и летним опытом вы задаете такие вопросы... -
Виноваты отрицательные маржины у .how .last p и .row либо, как сказали выше не обнулять паддинг, так как он служит как раз для того чтобы влезали маржины
-
Что мешает взять любой макет и адаптировать его по своему усмотрению?
-
На 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; На пхп, думаю, прицип такой-же, единственно проблема может возникнуть при получении первого символа если используется кирилица, но решение легко гуглится зы. сейчас работает только для первого блока на странице, но можно переделать и под все подобные блоки
-
навскидку два варианта: либо установить в качестве бекграунда, либо абсолютно позиционированный блок.
-
Подправленный вариант без псевдоэлементов, с незаслуженно обиженным fieldset-ом : See the Pen dezywr by Alexandr (@AlexZaw) on CodePen.
-
не по теме, mrnobody, чем скриншот делался?
-
А если просто добавить кнопку с js var sel = document.getElementsByClassName('ipsCode')[0]; var range = document.createRange(); range.selectNode(sel); window.getSelection().addRange(range); Главное прикрутить так чтобы нужный код выделялся
-
<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; }
-
Как лучше сверстать блоки разной высоты на Bootstrap?
AlexZaw replied to VeraVostro's question in HTML Coding
Удобный вариант означает достижение результата с наименьшими усилиями, в данном случае флоаты отработали бы так как вам нужно, у вас же сетка на флексах и для того чтобы блоки выстраивались так как вам нужно придется делать дополнительную обертку для блоков 2-5. Первый блок не может находится одновременно на двух осях поэтому блоки 4-5 и переносятся на новую ось. С бутстрапом не работал, но вроде в 4 есть возможность строить сетку на флоатах С этим бы я тоже поспорил, но на вкус и цвет фломастеры разные -
Как лучше сверстать блоки разной высоты на Bootstrap?
AlexZaw replied to VeraVostro's question in HTML Coding
Таблиииичка! Ссылка не работает, но что не так? See the Pen rvWLKB by Alexandr (@AlexZaw) on CodePen. -
Возможно ли сделать кнопочку "Скопировать/Выделить код" при нажатии на которую либо выделялся, либо копировался в буфер обмена код который человек выложил на форуме в следующем виде: много кода ?
-
Можно ли задавать высоту обертки, блока всей секции в rem?
AlexZaw replied to Goreska's question in HTML Coding
rem зависит от размера шрифта заданного для тега html, т.е. 1rem = font-size заданный для html. При адаптации сайта достаточно изменить размер шрифта в медиа запросе и все размеры заданные в rem так-же изменятся. Но задание жесткой высоты для блоков (даже в rem), на мой взгляд, плохая практика, так как, если контент сайта меняется динамически, придется каждый раз менять размеры шрифта в исходном коде, либо изменять его с помощью JS, т.е. проделывать ту работу, которую не пришлось бы делать не задавай мы высоты жестко. Если же контент сайта не будет меняться то это вполне допустимо, хотя лично я большого смысла в этом не вижу. -
Ничего не обрезается, ищите в стилях стилизацию select
-
Имеется ввиду следующее: <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?
-
Как вариант можно отменять переход по ссылке, показывать подсказку, а в ней делать запрос переходить ли по ссылке или нет
-
Отображать подсказки по клику не вариант?
-
А чем legend не устраивает?
-
И height