Ответы пользователя по тегу CSS
  • 2 Колонки

    SilentImp
    @SilentImp
    нет, нету.
    сделайте 2 колонки и пихайте туда блоки.
    Ответ написан
    1 комментарий
  • А можно установить координаты каретки в contenteditable блоке?

    SilentImp
    @SilentImp Автор вопроса
    Нет, не о позиции курсора.
    Задача: сделать тулбар с кнопками (полужирное начертание, крусивное начертание, выключка по формату …) который бегает (абсолютно позиционированный блок) за курсором в блоке с contenteditable во время редактирования. Но мне надо вычислить положение курсора относительно блока который редактируется.
    Ответ написан
  • Помогите найти сайты использующие 3D Transforms модуль CSS?

    SilentImp
    @SilentImp Автор вопроса
    Спасибо.
    Ответ написан
    Комментировать
  • Почему не работает @import внутри media query?

    SilentImp
    @SilentImp Автор вопроса
    Ох, жаль.
    Это весьма неудобно.
    Кстати, mediaquery для линеек ipad-iphone

    /*DESKTOP дохуя×дохуя*/
    @media all and (min-device-width: 1025px){
      body:before{
        content:"Desktop";
        }
      }
    
    /*IPAD 1 1024×768*/
    @media all and (max-device-width:1024px) and (min-device-width:481px) and (orientation:landscape){
      .ipad:before{
        content:"IPad landscape";
        }
      }
    
    @media all and (max-device-width:768px) and (min-device-width:321px) and (orientation:portrait){
      .ipad:after{
        content:"IPad portrait";
        }
      }
      
    /*IPHONE RETINA 640 × 960*/
    
    @media all and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:480px) and (orientation:landscape){  
      .iphone-retina:before{
        content:"IPhone Retina landscape";
        }
      }
    
    @media all and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:320px) and (orientation:portrait){
      .iphone-retina:after{
        content:"IPhone Retina portrait";
        }
      }
    
    /*IPHONE TFT 320 × 480*/
    
    @media all and (max-device-width:480px) and (-webkit-max-device-pixel-ratio: 1) and (orientation:landscape){
      .iphone-tft:before{
        content:"IPhone TFT landscape";
        }
      }
    
    @media all and (max-device-width:320px) and (-webkit-max-device-pixel-ratio: 1) and (orientation:portrait){
      .iphone-tft:after{
        content:"IPhone TFT portrait";
        }
      }
    
    Ответ написан
    Комментировать
  • Шрифт с помощью @font-face

    SilentImp
    @SilentImp
    Касательно начертаний, насколько я понимаю, да, придется дублировать.
    Начертания же у вас идут отдельными файлами?

    Кстати, как у Ubuntu Family со сглаживанием при использовании его в виде web-font'а?
    Если так же хреново как у 99% шрифтов, то можете еще
    CUFON cufon.shoqolate.com/generate/
    попробовать.

    Есть куча минусов, но в плане внешнего вида серьезно выигрывает.
    Ответ написан
  • Шрифт с помощью @font-face

    SilentImp
    @SilentImp
    Base64, если я правильно понял о чем речь (datauri), ограничен ~20кб.
    Этого может не хватить.
    Кроме того вы как то не учитываете что если вы внедрите все в CSS, то будут подгружаться все варианты (woff,ttf… ) а использоваться будет только один.
    Так что грузите как файлы.
    У вас вряд ли будет настолько много шрифтов, что количество http запросов для их получения будет сказываться на быстродействии сайта.
    Ответ написан