Jump to content

Great Rash

Expert
 View Profile  See their activity

  • Posts

    7,974

  • Joined

  • Last visited

  • Days Won

    144

 Content Type 

Everything posted by Great Rash

  1. Great Rash
    Когда-то писал мини-статью для одного товарища. Там и про это есть.
  2. Great Rash
    Так у вас условие стоит if (!xmlhttp && typeof XMLHTTPRequest != "undefined") - а к этому моменту переменная xmlhttp как раз равна 'undefined'. Логично, что xmlhttp всегда будет равна false.
  3. Great Rash
    Именно так. Ну высота ручки нам известна. Значит для неё надо сразу создать родителя с определённой высотой, а уже внутри него всё позиционировать. Т.е. при скроле мы сначала назначаем например колпачку position: absolute;, чтобы он скролился вместе со своим содержимым, а на подлёте к середине экрана добавляем ему position: fixed;. И так для каждой отдельной запчасти.
  4. Great Rash
    То, что вы нашли выглядит похуже. Например на первый взгляд я не вижу замирания слоя на одном месте во время скролла. Без этого вы не повторите тот эффект, которого хотите достичь.
  5. Great Rash
    Тогда показывайте как вы получаете xmlhttp.
  6. Great Rash
    Браузер какой? Объект xmlhttp определён?
  7. Great Rash
    http://prinzhorn.github.io/skrollr/ - ну а дальше ваша фантазия.
  8. Great Rash

    макет

    Great Rash replied to Krendel's question in HTML Coding

    А знал?
  9. Great Rash
    Никак. Кроме multicolumn в CSS ничего нет. Если вам надо, чтобы колонки формировались не в зависимости от текста, а в зависимости от количества блоков, то просто сделайте блоки инлайн-блоками. http://codepen.io/GreatRash/pen/gbKPmZ
  10. Great Rash
    В таком случае можно вообще убрать картинку из <a>, вместо этого задать <a> фиксированный отступ сверху (допустим те же 100px), а затем добавить картинку на бекграунд. Или обернуть <img> в <span>, которому задать фиксированную высоту, а внутри выровнять картинку по вертикали.
  11. Great Rash
    Так сделайте все картинки одинаковыми по высоте. Берёте самую высокую, допустим она будет 100px по высоте, и все остальные в фотошопе делаете такими же по высоте (если надо добавляете пустое место вокруг иконки).
  12. Great Rash
    Добавьте <br> после картинки.
  13. Great Rash
    Ну попап по идее не должен блокировать остальное содержимое. Опять же в терминах JavaScript: window.open() - типичный попап (не закрывая окно, можно тыкнуть на что-то) alert(), confirm(), prompt() - модальные окна (пока его не закроешь нифига сделать нельзя) Вот типичный стек модальных окон: confirm('test');alert('oops');prompt('eek');окна alert и prompt добавятся в стек и будут ждать пока я что-то проделаю в предыдущем окне, до тех пор они не откроются. И на странице нельзя будет ничего сделать пока не закроешь окно. Пока вы будете гуглить что-то типа "jquery modal" - вам будет выдаваться не то, что вам нужно. Как только вы загуглите "jquery popup" - вы с высокой долей вероятности найдёте то, что ищете.
  14. Great Rash
    Вам нужно не модальное окно, а попап. Я порылся и нашел чо вам надо. Вас интересует раздел 6.
  15. Great Rash
    Это противоречит самому принципу модального окна. Модальное окно нужно для того, чтобы заблокировать вообще всё на странице. Пример типичного модального окна - alert в JavaScript. Пока там кнопку "ОК" не нажмёшь вообще ничего сделать нельзя. Именно поэтому ни в одном плагине не реализуется возможность открывать несколько окон поверх друг друга. Но можно сделать стек окон (очередь). Можно погуглить по запросу "stackable modal".
  16. Great Rash
    Потому что размер иконки надо задавать явно и открыть для себя свойство background-size. Вот вам тестовая страница, откройте её на своём мобильнике и вы увидите что там будет всё ок без скриптов и других извращений. <!doctype html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> <title>Нормальная иконка без извращений</title> <style> .icon-test { display: inline-block; vertical-align: middle; width: 128px; height: 128px; background: url('https://cdn1.iconfinder.com/data/icons/freeline/32/alarm_alert_clock_event_history_schedule_time_watch-128.png') 50% no-repeat; background-size: 100% 100%; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-ms-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .icon-test { background-image: url('https://cdn1.iconfinder.com/data/icons/freeline/32/alarm_alert_clock_event_history_schedule_time_watch-256.png'); } } </style></head><body> <p> <span class="icon-test"></span> </p></body></html>
  17. Great Rash
    1) Вы не можете изменить разрешение экрана. 2) Непонятно для чего вам понадобилось менять его?
  18. Great Rash
    Потому что минимальная плотность пикселя 1.5. Если вам нужны специфические стили для телефона с такой плотностью пикселя, то и опрашивайте плотность напрямую в CSS. @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-ms-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { /* бла бла бла */}То, что вы скриптом пытаетесь менять размеры вьюпорта - настоящее извращение. Просто установите значение мета-тега в device-width, а высоту вообще трогать не надо - пусть вычислится автоматом.
  19. Great Rash
    При открытии такого файла фотошоп предложит заменить отсутствующие шрифты на другие. Если отказаться, то шрифты останутся как есть. Слой со шрифтом можно либо не трогать совсем, либо растеризовать.
  20. Great Rash
    Что-то вы мудрите. Ничего нигде не занижается. 1dp === 1px.
  21. Great Rash
    http://stackoverflow.com/questions/2966076/getting-file-size-in-javascript function findSize() { var fileInput = document.getElementById("fUpload"); try{ alert(fileInput.files[0].size); // Size returned in bytes. }catch(e){ var objFSO = new ActiveXObject("Scripting.FileSystemObject"); var e = objFSO.getFile( fileInput.value); var fileSize = e.size; alert(fileSize); }}
  22. Great Rash
    <iframe> - другого способа нет. Но надо понимать, что общение при помощи скриптов со сторонним сайтом, загруженным в iframe, сильно ограничено браузером.
  23. Great Rash
    По идее они оба блочные.
  24. Great Rash
    Дык подводные камни и трудности в студию! Думаю всем тут будет интересно.
  25. Great Rash
    несколько выпадающих чекбоксов на странице - это <select multiple>
×
×
  • 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

  I accept