Ответы пользователя trushka

Есть ли альтернатива input type="number" для показа цифровой клавиатуры на смартфоне?

trushka @trushka

Можно определять по юзерагенту мобильные устройства и задавать для них type="number". Можно на сервере, можно javascript'ом..

Ответ написан более трёх лет назад

Комментировать

Старая модель ноутбука, нет драйверов под Windows 7 (8, 10). Что делать?

trushka @trushka

Вистовые драйвера можно попробовать, всё-таки виста - это практически 7-ка

Ответ написан более трёх лет назад

1 комментарий

Как адаптировать функцию под JQuery?

trushka @trushka

Потому что this в данном случае будет не элемент, а набор элементов jQuery. Я б сделал где-то так:

$.fn.getCaret=function() {
      if (!this[0]) return 0; // если в наборе нет элементов, например, несуществующий селектор
      if ( document.selection ) {
          this.focus();
          var Sel = document.selection.createRange();
          Sel.moveStart ('character', -this.val().length);
          return Sel.text.length;
      } else  {
          return this[0].selectionStart || 0;
      }
};

Ответ написан более трёх лет назад

Комментировать

Как сделать блоки заполняющие контейнер в несколько столбиков на css?

trushka @trushka

Да.. Только js-костыль на ум приходит..
codepen.io/anon/pen/dGNZGV - там jQuery для более короткой записи

Ответ написан более трёх лет назад

1 комментарий

Возможно ли восстановить винчестер в моем случае?

trushka @trushka

Вообще в ноутбуках хард - весьма слабое место.. У меня как-то подобное было.. Особо ценной информации не было, раскрутил его - оказалось, тупо головка отклеилась, и при включении тупо билась об край пластины (когда включал ноут, он начинал "тикать").. Скорее всего, во время работы винта я его стукнул - было дело, что он у меня во время поездки в метро "проснулся", буквально на следующий день и перестал загружаться

Ответ написан более трёх лет назад

Комментировать

Возможна ли реализация простого скрипта через iframe?

trushka @trushka

Все современные браузеры умеют input type="range", да к тому же умеют его стилизовать, правда, каждый браузер по-своему. Как это сделать довольно легко гуглится.

Ответ написан более трёх лет назад

Комментировать

Что дальше делать с нативными файлами HTML и CSS?

trushka @trushka

Вот недавно как раз была статья на Хабре

Ответ написан более трёх лет назад

Комментировать

Как отследить клик вне определенного элемента?

trushka @trushka

Ну, на чистом js, чтоб меньше кода, можно просто на элемент обработчик повесить, в котором исполняется метод event.stopPropagation(), предотвращающиё всплытие. Тогда на document, например, вешается нужный обработчик, и он тупо не сработает, если клик будет на вашем элементе, так как на нём обработчик, отменяющий "всплытие"

Ответ написан более трёх лет назад

3 комментария

Есть иконки и в формате svg, и если использовать шрифт css, то они не работают, почему?

trushka @trushka

какая-то у вас фигня в первом коде)) Шрифт то как работает: какому-то символу задаётся определённая svg-фигура. то есть в вашем случае, это какие-то стрелочки, судя по названию) Ну, можно их присвоить символам < и >, например.. Но мне кажется, для вашего случая лучше svg в качестве background'a применять

Ответ написан более трёх лет назад

Комментировать

Как получить первый опыт во front-end?

trushka @trushka

Я вот когда собирался начинать (правда, начал по-серьёзному гораздо позже, когда из-за маминой болезни не мог толком зарабатывать музыкой) сделал себе сайтик-визитку, типа для промоушена, так сказать, музыкальной деятельности.. На яндексовском narod.ru.. В стиле "чипсы Бойда", ага - даже фоном были слегка мерцающие звёздочки на чёрном)) Жалко, он не сохранился в первозданном виде - случально index.html для демо какого-то в корень загрузил, а заметил через пару месяцев только, когда ни в каких кэшах это не сохранирось.. Причём тогда ещё этих ваших вконтактов, фисбуков и твиттеров не было, но был жж - я его решил интегрировать с сайтом, чтоб в нём динамический контент отображался - просто сделал в основной части страницы iframe, в котором ЖЖ и отображалось. Ну, и дизайн ЖЖ подогнал под общую тему)) Ещё умудрился туда впиндюрить кастомный css, когда ещё не было в форме редактирования внешнего вида отдельного поля - в поле для задания своего шрифта)) А потом делал для ЖЖ типа html-баннеров для своих концертов...

Ответ написан более трёх лет назад

Комментировать

HTML5 для IE, и не рабочая table/table-cell?

trushka @trushka

Для IE надо doctype правильный указать (<!DOCTYPE html>, например), ато он в quirks mode показывает (то есть так, как показал бы IE5(!), который ни о каком display:table ничего ещё не знает)..

Ответ написан более трёх лет назад

3 комментария

Как правильно изучать верстку c переходом на front-end?

trushka @trushka

В связи с постоянным развитием технологий, не хочется тратить время на то, что может не пригодиться

Ну, здесь основной фактор, не является ли данная технология "костылём". Например, та же анимация в jQuery - сейчас есть нативные способы задать анимации с помощью css, а ещё и animation api, если не ошибаюсь в названии, разрабатывается.. Хотя некоторые вещи всё же лучше делать с использованием jquery-анимации.. Или же многие фишки разрабатывались для ИЕ, но в современном вёбе не прижились. Обычно в руководствах по этим делам прямо сказано - работает только в ИЕ.. Хотя многие из изначально чисто ИЕшных фишечек вошли в HTML5. В общем, тут лучше перебдеть, чем недобдеть, ящетаю))

Ответ написан более трёх лет назад

Комментировать

Как заставить работать transition?

trushka @trushka

Там всё неправильно.
Во-первых transition надо указывать для анимируемого элемента, а не для контейнера - оно не наследуется! То есть, для .hover
Во-вторых, transition так не указывается - для каждого свойства надо указывать отдельно, то есть transition: opacity .2s linear, transform .3s easy-in-out, например. В данном случае, лучше укороченную запись для all применить: transition: .2s easy-out
В-третьих, для плавной работы transition нельзя для "свёрнутого состояния" указывать display: none - можно, разве что visibility: hidden для старых ослов указать, по спецификации видимость включается сразу, а выключается в конце трансформации, да и блок как бы отображён, только не показывается, по этому на его прорисовку тратится намного меньше времени. И все размеры, отступы и цвета должны быть заданы заранее - при ховере он только должен выдвигаться и "проявляться" из прозрачного состояния. Ну, и двигать лучше с помощью transform - так плавнее намного
Вот так примерно: codepen.io/anon/pen/QyGqqz

Ответ написан более трёх лет назад

1 комментарий

Как правильно сделать нарастающий блок не зная высоты?

trushka @trushka

https://jsfiddle.net/trushka/cdz27dev/

Ответ написан более трёх лет назад

Комментировать

Почему возвращается нуль?

trushka @trushka

var count = $(".container>*").length; // =3 - количество элементов непосредственных потомков
var count = $(".container *").length; // =6 - количество потомков вместе с их "детьми"))

Ответ написан более трёх лет назад

Комментировать

Почему плохо работает интернет?

trushka @trushka

Кананал свободный в смысле WiFi?
Я вот у себя заметил несколько проблем: При расположении роутера на расстоянии где-то пол-метра от стены, в комнате с роутером на расстоянии до 3-х метров очень херовая скорость была, а в соседних комнатах - вполне. Но когда повесил роутер на стену - всё стало просто летать! - вероятно из-за интерференции с отражённым сигналом помехи были. Потом, у меня какой-то весьма старый дешёвый D-Link, видно проц там слабый, в общем, в режиме g/b/n он сильно тормозит, даже если все устройства работают в режиме n - нормально только в режиме n only. Ещё режим шифрования также сильно влияет на скорость - с WEP нормальной скорости добиться нереально.
Ну, и антенку всё же хорошо бы взад прикрутить как-то.. например, из-за её отсутствия он может тупо не ловить сигнал от устройств, при том, что сам излучать с более-менее приемлимым уровнем

Ответ написан более трёх лет назад

Комментировать

Есть плагины для вот такой вот штуки?

trushka @trushka

зачем плагины? C jQuery, например, вообще элементарно: Есть например блок с id="content" с классом "loading", для которого фоном идёт как раз картинка со структурой.. Для загрузки выполняется

$('#content').load('url для запроса', function(){$(this).removeClass('loading')} )

api.jquery.com/load

Ответ написан более трёх лет назад

2 комментария

Как сгладить транформацию размера a:hover?

trushka @trushka

will-change: transform может помочь, а ещё на hover можно translateZ добавить
https://jsfiddle.net/trushka/hx937aer/1/ - это проапгрэженный таким образом ватиант от Игорь Павленко, в ФФ текст прыгает гораздо меньше

Ответ написан более трёх лет назад

1 комментарий

Как сверстать этот элемент?

trushka @trushka

Так градиент же!)
https://jsfiddle.net/trushka/0s9bs3r5/

Ответ написан более трёх лет назад

Комментировать

Можно ли в input text placeholder вставить ссылку?

trushka @trushka

Можно на onclick обработчик какой-то повесить, но чтоб срабатывал только если инпут пустой и если он уже в фокусе. Но вообще такое поведение может очень раздражать посетителя - ведь привычное поведение, кликнуть в любом месте инпута, чтоб начать ввод.. Можно, даже не желая того, попасть по ссылке, и вместо ввода куда-то перейти.. полсетители будут, конечно, от этого в восторге))

Ответ написан более трёх лет назад

Комментировать

Войдите на сайт