• В чем разница в драйверах Linux, OS X и Windows?

    ShadowOfCasper
    @ShadowOfCasper
    Middle User Interface Web Developer
    Просто венда это венда. у венды своё ядро со своими приколами. А unix-подобные операционные системы работают с железом на более низком уровне, нежели венда. Одна только файловая система ext и ntfs - небо и земля. в юниксах есть консольные проги, редакторы - модули ядра, которые применяют для всех железок один и тот же универсальный скрипт, канающий не для kingston или silicon power, а для контроллеров USB, микросхем, хранящих данные и их шин.

    Для наглядности рассмотрим модуль mount - скрипт привязки флэшек, разных носителей к системе - в определённую заданную по ядру директорию. В некоторых сборках mount исполняется по дефу, в каких-то ручками надо. Когда ты вводишь sudo mount с аргументами (девайс и директория привязки), ядро событийно воспринимает эту команду, его код исполняет функцию mount( сюда накидываются аргументы ), и исполняет инструкции по выводу данных отсюда туда...

    А почему легче - в венде куча всякого г***на по умолчанию с графикой. в линуксе большинство прог, например аналоги вендовской панели управления - консольные. Без графической оболочки. Например top, kill +имя процесса, создание архивов командой tar. А графическая составляющая обычно весит больше самой логики раз в десять если не все сто. В лине намного меньше графических оболочек модулей. В венде 1% веса дистрибутива - логика, остальное графика. В лине процентов 8-16, предполагаю. Зависит от дистрибутива.
    Ответ написан
  • Почему блок растягивается на всю ширину?

    ShadowOfCasper
    @ShadowOfCasper
    Middle User Interface Web Developer
    просто задай строгий width в пикселях абсолюту (с другими единицами измерения у абсолюта проблемы) и централизуй по margin: ... auto выйдет у тебя абсолютовый контейнер в релативном контейнере.
    Правда зачем абсолют... немного не пойму. кодпень кидай или jsfiddle
    Ответ написан
  • Как без alt="" индексируется фотография?

    ShadowOfCasper
    @ShadowOfCasper
    Middle User Interface Web Developer
    По семантике - ближайшим h1-h6 или текстовым элементом на одном уровне с этой картинкой. Например, в карусели бутстрапа если нет alt у картинки, то индексируется она текстом, который содержится в элементе carousel-caption (прогугли разметку карусели, если не понял). Если нет заголовков на ближайшем уровне выше или ниже, то уже тогда ищется такая-же картинка в других ресурсах, если она того-же разрешения или с таким же именем файла, то индексируется, если же нет, то дальше по дому ищутся ближайшие заголовки
    Ответ написан
    Комментировать
  • Как сделать тень для img?

    ShadowOfCasper
    @ShadowOfCasper
    Middle User Interface Web Developer
    Сделай размытие в 20-15px , а растяжение, в -30px, и rgba(0,0,0, примерно от 0.8 до 0.9)
    Вот справочка htmlbook.ru/css/box-shadow
    Ответ написан
  • Какой есть слайдер для фона дива?

    ShadowOfCasper
    @ShadowOfCasper
    Middle User Interface Web Developer
    я бы не стал с таким кодом целую лишнюю библиотеку ставить. Просто кейфрейм прикрути, в кейфреймы скинь все background-image и свойства отображения, и примени анимацию к блоку, дай ему infinite. Парсер тебе улыблётся, ибо не нагрузишь его лишним кодом.
    Ответ написан
    Комментировать
  • Что будет с сайтом при слиянии его с сайтом на wordpress?

    ShadowOfCasper
    @ShadowOfCasper
    Middle User Interface Web Developer
    У меня была подобная шляпа. я тоже думал пару минут и создал поддомен с переадресацией во вторую директорию в корне сервера
    Ответ написан
    Комментировать
  • Как начать пользоваться stylus?

    ShadowOfCasper
    @ShadowOfCasper
    Middle User Interface Web Developer
    я ставил его на проект через gulp.
    Зависимости: nodeJS, npm, gulp, gulp-stylus. в gulp подключаем модуль gulp-stylus. описываем watch с исходными .styl и с выходными css. Заводим gulp и начинаем неистово кодить.
    Скорее всего он также есть и в руби. У меня, к примеру, sass так стоит. просто apt-get install sass, а в консоли юзаю так: sass --watch inputFile.scss:outputFile.css , попробуй так же со stylus, мб прокатит
    Ответ написан
    4 комментария
  • Как организовать свой проект для фронтенд?

    ShadowOfCasper
    @ShadowOfCasper
    Middle User Interface Web Developer
    всё очень просто. Есть такая фишка - называется ксаффолдер. Я пользуюсь yeoman.io
    В нём есть официальный генератор веб-приложения webapp . В пакете генератора gulp в который завёрнуто sass + bootstrap sass + bower в котором ещё куча всего завёрнуто + chai и mocha (тестировщики кода) + browsersync который заводится на 3001 порту. прочитай на сайте что я скинул. Способ для самых ленивых лентяев. Как с нуля:
    Ставишь nodeJS, gulp bower глобально.
    Ставишь yo глобально (npm i yo -g)
    Ставишь генератор глобально (npm i generator-webapp -g)
    Создаёшь ручками папку проекта и пишешь одну команду (yo webapp)
    Тебе инициализируется проект с полной архитектурой. Я ещё её по смакссу докручиваю допиливаю.
    Заводишь сервак (команда gulp serve) и начинаешь неистово кодить
    Ответ написан
  • Как печатать из браузера без полей?

    ShadowOfCasper
    @ShadowOfCasper
    Middle User Interface Web Developer
    суть в том, что для печати html следует указывать отдельные стили. пишутся таковые в специальном медиа-запросе. называется он, как несложно догадаться, print.

    То есть
    (сабака)media print {
    и здесь уже указываешь на элементы, убираешь им отступы
    }
    Ответ написан
  • Как настроить фот вёрстки?

    ShadowOfCasper
    @ShadowOfCasper
    Middle User Interface Web Developer
    Лень ковыряться в твоём коде, но судя по скрину, 1: медиа-запросы. 2: растягивай блоки в соответствии с медиа-запросами свойством width. для картинок, чтоб пропорции сохранить, также указывай height. По сути при новом медиа-запросе нужно указывать новое позиционирование блоков.
    Ответ написан
    Комментировать
  • Чем производить контроль траффика на Linux-шлюзе?

    ShadowOfCasper
    @ShadowOfCasper
    Middle User Interface Web Developer
    Вообще отдельные прокси, вроде pfSense или squid (что ещё круче ибо даже https при сборке с libreSSL фильтрует) - что угодно. Я за pfSence, так как он для подобного предназначен из коробки, вот только комп, в таком случае с виртуалкой в котором фильтратор, должен работать 24/7, чтоб ограничивать и мониторить траффик постоянно
    Ответ написан
    Комментировать
  • Как пользоваться media c min-width?

    ShadowOfCasper
    @ShadowOfCasper
    Middle User Interface Web Developer
    media screen and (max-width: 1024px){
    стили для экранов ДО 1024 пикселя шириной
    }
    media screen and (min-width: 1024px){
    стили для экранов ОТ 1024 пикселя и шире
    }
    Ответ написан
  • Как изменить стрелки в slick slider?

    ShadowOfCasper
    @ShadowOfCasper
    Middle User Interface Web Developer
    Да, по сути эти элементы есть в slick.css и им просто нужно поменять цвет фона. Но я считаю родные шевроны слика не оч красивыми. Ищу нормальные шевроны, из других библиотек, добавляю их в html-разметку слайдера, даю классы slick-prev slick-next и указываю эти элементы в скрипте, в методе .slick
    Ответ написан
    3 комментария
  • Почему OWL Carousel не адаптивит картинки внутри?

    ShadowOfCasper
    @ShadowOfCasper
    Middle User Interface Web Developer
    лучше заюзай CSS. я обычно для адаптивности (хотя использую бутстраповый слайдер, не суть) картинки подключаю через background-image: url(...) , а дальше выставляю для фона свойства, которые и вносят адаптивность в слайдер. то есть position center, size cover (иногда contain, судя по разрешениям картинок) ну и no-repeat, для точности. а потом блокам даю несколько медиа запросов и кидаю туда разные ширины и высоты для разных экранов. Работает на ура.
    Ответ написан
    4 комментария
  • Параллакс-эффект?

    ShadowOfCasper
    @ShadowOfCasper
    Middle User Interface Web Developer
    Если не прибегать к сторонним js-библиотекам, да и вообще к скриптам, можно сделать с помощью transform: scale(propertyScale) + transition transform. ну или кейфреймами с анимацией на основе тех же свойств, если мы хотим вызывать параллакс автоматически, а не по наведению или нажатию (hover или focus)
    Ответ написан
    Комментировать
  • Как решить проблемы со скриптами на сайте wordpress?

    ShadowOfCasper
    @ShadowOfCasper
    Middle User Interface Web Developer
    код дай, телепатов тут нет)
    Ответ написан
    Комментировать
  • Как сделать резиновый отступ у дива?

    ShadowOfCasper
    @ShadowOfCasper
    Middle User Interface Web Developer
    ты если отступ делаешь в % , то и ширину делай в %. или всё по пикселям и медиа-запросам. Так хоть не запутаешься. Проценты - злой опыт. С ними всё вечно крашится. Всё равно для планшетов и телефонов всегда надо запросами UI менять. просто чёткую систему медиа-запросов составь, перед тем как делать резину.
    То есть создай первичный каркас. Кстати, тут, многие разрабы сначала создают каркас для мобильной UI сайта. а потом по возрастанию -mobile landscape - tablet - desktop - large desktop. Я советую составлять запросы согласно бутстраповской сетке, если конечно, составляешь CSS, основываясь на нём
    После первичного каркаса иди от мала до велика, или от велика до мала. Тут как сердце тебе подсказывает)))
    Ответ написан
    Комментировать
  • Как растянут фон по бокам блока?

    ShadowOfCasper
    @ShadowOfCasper
    Middle User Interface Web Developer
    Ну как сказать, изображением делать фон - не самый оптимальный вариант. лучше всего сделать , в абсолюте, внутри него ещё один блок .bg-line-header с нужным bg-color, ставим в абсолют и привязываем к bottom блока outer-header. Их растягиваем на 100% и нулевой z-index, или, поскольку они, как я понимаю, дети body, width на inherit, потом обоих закрываем и дальше делаем .inner-header (также по дому принадлежащий body), задаём ему жёсткий width, скажем, как я люблю, в 1170px, и центрируем по margin 0 auto. даём relative и z-index-ом кидаем поверх абсолютов. Конечно, запарнее, чем изображения повесить, зато парсер тебе улыбнётся))))
    ЗЫ сам не пробовал, но, по идее, должно сработать.
    Ответ написан