Launder
-
Posts
293 -
Joined
-
Last visited
-
Days Won
2
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Launder
-
Всегда нравились эти "теперь Вам не надо думать..."
-
Извините, а как в Вашем примере работает margin-right?
-
Ну вот вроде тема была. Насколько я помню, там рассмотрены разные варианты выравнивания полей в форме. Покопайте...
-
Придётся подразобраться, но зато возможно станете понимать: https://webref.ru/layout/html5-css3/form
-
Конечно. Однако НИКТО не может избежать влияния среды в которой находится.
-
Оптимально, когда информация частично работает в узле, а частично в облаке. Для большинства узлы (возможно) не нужны, потому, что они скорее потребители информации. Потребитель - всегда или почти всегда не разборчив, как бы реклама не утверждала обратное. Для качественного потребления нужно разбираться в том, что потребляешь, а это практически невозможно без творческого переосмысления. Последнее подразумевает гибкость настройки, а это всегда или почти всегда удобнее делать локально. Более того, врят ли есть лучший способ усвоения информации, чем проверить её в деле. Поэтому хороший потребитель превращается в творца, которому нужна качественная обратная связь и возможность общаться в сообществе. А для этого нужно иметь широкий доступ в облако. Если считать как комп, так и хороший доступ в облако - инструментами, то получается, что потребность как в мощном локальном узле, так и в облаке будет востребована всегда, она может быть больше или меньше, но она будет. Извините, если слишком абстрактно... три раза ИМХО. Ещё в нулевых переживал что вот развивается индустрия, развивается, а ведёт это всё, к сожалению, зачастую к деградации конечных пользователей. И рад бы ошибаться, да, похоже, корпорации мало заинтересованы в развитии конкретного человека, не плохой фильм, "Матрица"...
-
Ну вот, снова нажимаешь ссылку перехода от поискового запроса по сайту, выдаёт главную страницу и с главной нажимаешь куда-угодно, он что-то там думает и остаётся на ней же...
-
Честно - вот Вы проблему ставите сейчас теоретически, и тут я точно затрудняюсь сказать... Могу только порассуждать - видимо, нужно, чтоб связь между элементами не прерывалась, а как это реализовать? Нужно сделать так, чтоб стрелочка была чисто визуальным эффектом, а элемент был целостным, и первое что пришло в голову поэксперементировать с границей. Можно ли это решить более изящно - не знаю, может и можно
-
http://jsfiddle.net/Launder/w8p44nk2/ может как-то так?...
-
Алкогоритм, вроде, такой, только картинки можно через CSS реализовать. Извините, если не в тему, может шрифт на сайте сделать чуть "полегче" как-то жирновато смотрится, ИМХО...
-
Web дизайн, полиграфия и логотипы (Высокое качество, адекватные цены)
Launder replied to ART-Turgenev's topic in Job
Нравится сочетание цветов у "Отай-тревел", логотип для салона красоты Жантель, ну и жёлтый фон шапки основного сайта приятный. -
Ну да, понятно, поскольку тег <body> вложен в <html>, то если указать размер 100% только для <body>, то он займёт 100% родителя (но не страницы), а чтоб размер родителя <html> был равен размеру страницы, 100% нужно указать и для <html>. Тогда получится 100% -> <html> -> <body>, то есть тело страницы займёт 100% экрана. А тут не совсем понятно, по умолчанию абсолютно позиционируемый элемент берёт свои координаты от начала страницы, ЛИБО от родителя, если он спозицонирован абсолютно, относительно или фиксированно (но не статик, что есть, свойство по умолчанию, поэтому для позицонирования относительно родителя, как правило нужно указывать у родителя какое-то из трёх перечисленных свойств). Но нас-то устроит и от начала страницы. Закомментировал этот кусок кода - ничего не изменилось. Да, классная статья и классный способ. Просто и эффективно! Ну а по какому принципу меняется-то? Рисунок своим центром сравнивается с центром родителя? Или как? Да, хорошая статья. Понял, примерно, следующее: 1. У нас есть 4 картинки, при равном их показе они занимают 25% времени от анимации. 2. Из этих 25% - последние 8% (с 17%) картинка постепенно исчезает (то есть меняют свою прозрачность с непрозрачного до полностью прозрачного, что соответствует изменению свойства opacity с единицы до нуля). 3. от 25% до 100% - время для следующих картинок, соответственно всё это время картинка остаётся прозрачной. Но поскольку анимация у нас плавная, то картинку нужно вовремя включить, на изменение изображения у нас уходит 8%, следовательно с 92% до 100%, нужно включить изображение обратно, от полностью прозрачного (opacity: 0) до непрозрачного (opacity: 1), с тем чтоб с 0% вновь начать свой 25% цикл. 4. Поскольку картинки у нас 4 и время 100% нам известно, значит мы можем посчитать, когда нам включать каждую картинку, цикл показа длится 25% и это соответствует двум секундам. Следовательно, для первого изображения задержка не нужна, второе изображение у нас начинает отображаться через 25%, то есть, через две секунды, третье через 50%, то есть, через 4 секунды, 4ое - через 6 секунд. Поскольку правило анимации "знает" только одно изображение, с которым работает в данный момент, и показывает его 25% времени, то мы можем просто меняя задержку, начинать его показывать в тот момент, когда предыдущее изображение исчезает, а поскольку все остальные изображения также в этот момент не показываются (они находятся в разных положениях 75% цикла прозрачности), то у нас показывается только та картинка, которая на очереди.
-
@hypnocolor, 1. html, body{ position: relative; width: 100%; height: 100%;}в чём смысл этой конструкции? 2. для .image left: 50%; top: 50%;transform: translateX(-50%) translateY(-50%)зачем сначала сдвигаем в одну сторону, затем в другую?... 3. background-position: 50%; - не совсем понятен смысл этого правила. вроде, по идее, должен задвать положение картинки в центре, но при его отключении, практически ничего не меняется. 4. собственно анимация animation: imagesFading 8s infiniteЭто правило, как я понимаю означает следующее - полный цикл - 8 секунд, повторяется без конца, название imagesFading, соответственно и что именно проигрывается определяется описанием этой анимации. Дальше для каждого рисунка описано время задержки (.image_01 - 6 секунд), .image_02 - 4 секунды, .image_03 - 2 секунды, .image_04 - сразу, соответственно 4 изображение включается сразу, остальные - через указанные интервалы. Каким образом они накладываются друг на друга? (И, кстати, зачем второе и четвёртое изображения одинаковы?) 5. @keyframes imagesFading { 0% { opacity:1; } 17% { opacity:1; } 25% { opacity:0; } 92% { opacity:0; } 100% { opacity:1; }}Ну и далее вот это описание, где, как я понимаю 0-17 нечто показывается, далее между 17 до 25 % изображение становится прозрачным и остаётся таковым до 92%, далее до 100% снова становится видимым, с тем, чтоб "светить" вновь до 17%. В общем отдельными фрагментами более-менее ещё понимаю, что в этом коде, но единую картину это что-то никак не складывается... Не могли бы подробно прокомментировать что Вы делали и как это работает? Спасибо!
-
Как сделать исполнение кода CSS в зависимости от его поддержки броузером?
Launder replied to Launder's question in HTML Coding
http://jsfiddle.net/Launder/tjf1hk0L/3/ С псевдоэлементом получилось как-то так... Во-первых пришлось более тонко работать со скруглениями. Когда к пункту меню ставишь overflow: hidden, то есть убираешь всё то, что вылазяет за границы элемента, то псевдоэлмент почему-то отображается в пределах этого элемента! Не очень понимаю почему, вроде это другой элемент, но тем не менее, видимо считается дочерним, и соответственно обрезается. Пришлось это свойство убрать и прописывать скругления не только у родительского, но и у дочерних элементов. И второе, пришлось делать два псевдоэлемента - один у нечётных элементов, который включен всегда и который является наблюдаемой рамкой (точнее рамки всех нечётных элементов сливаются и кажется что это одна рамка), и второй - у чётных элементов, который появляется при их выделении, чтоб избежать пробелов, поскольку выделенный элемент выше чем не выделенный. Когда выделен нечётный элемент, то это не важно, поскольку при выделении, его же высота и увеличивается, а вместе с ним, автоматически растёт размер соответствующей рамки. Когда же выделен чётный элемент, не имеющий соответствующей рамки, то при выделении, его высота становится выше чем у нечётного, располагающегося слева от него, рамку которого мы наблюдаем по умолчанию. Соответственно рамка нечётного элемента может "не дотягиваться" до следующего нечётного элмента и мы увидим разрыв рамки. Чтобы этого избежать, у чётного элемента должна быть своя рамка, которое накладывается на то место, где должна быть рамка и появляется только при выделении. Получается, рамка чётных элементов при выделении - своеобразная заглушка, нужная для создания эффета непрерывности рамки. Решение получилось сложнее, но, по-идее, оно более гибкое с точки зрения того, что псевдоэлемент даёт больше возможностей для создания различных эффектов. -
Как адаптировать страницу под мобильные устройства?
Launder replied to StOK's question in HTML Coding
Насколько актуально прописывать screen, only, all? Что если ограничится только разрешениями? -
Ну то есть 16 строчку нужно грохнуть?
-
Ну вот я про них и спрашиваю. Так вроде, похоже, но мало ли... ЗЫ: ну я на всякий случай прописал в явном виде где блок а где инлайн-блок.
-
Интересный ход. То есть сначала позиционируете элемент по координате, а потом его делаете relative? Это затем чтоб .content от него плясал? Объясните, пожалуйста...
-
Влад, Сигма, благодарю!
-
А понял, по-умолчанию под границами цвет фона, просто этого не видно когда рамка не прозрачная.
-
У Вас в 12 строчке position: absolute по ошибке проставлено?
-
Если trasporent означает прозрачный, то почему рамка ораньжевая? Ведь под рамкой ничего не должно быть, блок заканчивается перед рамкой?
-
Да, спасибо!
-
Извините, не вижу смысла открывать для этого вопроса отдельную тему, но не хотелось бы ошибится: можно ли считать что для тега li значение по-умолчанию display: block; или лучше это правило прописать в явном виде? спасибо
-
Напишите, можно ли где-то найти подработку, если более-менее знаешь только вёрстку.
