Задать вопрос
  • Как сделать background изображение темнее и более размытым, как в дизайне?

    opium
    @opium
    Просто люблю качественно работать
    Ага, именно поэтому нужен ::before — вешаешь фон и фильтр только на псевдоэлемент, а не на сам div:

    .block {
      position: relative;
      overflow: hidden;
    }
    .block::before {
      content: '';
      position: absolute;
      inset: -5px;
      background: url('фото.jpg') center/cover no-repeat;
      filter: blur(3px) brightness(0.15);
      z-index: 0;
    }


    Контент внутри — position: relative + z-index: 1, иначе уйдёт под псевдоэлемент. inset: -5px убирает белые края от блюра.
    Ответ написан
    Комментировать
  • Как работает эта схема?

    opium
    @opium
    Просто люблю качественно работать
    кстати, не C1 с R2 генератор. R2 задаёт смещение на базу, C1 развязка по ВЧ. Сам генератор — L1+C2+L2: колебательный контур L1+C2 задаёт частоту (C2 подстраивает), L2 намотана рядом с L1, индуктивно с ней связана, это катушка обратной связи. Возвращает часть энергии в базу, чтобы колебания не затухали.

    p.s. П416 это PNP — не перепутай полярность если менять на современный NPN
    Ответ написан
  • Как восстановить flash-игру пески времени?

    opium
    @opium
    Просто люблю качественно работать
    Разработчик — Avatar Games (в Twitter @studio_avatar объявляли о закрытии). Официальная группа: vk.com/club24922779, там могут быть контакты или старые материалы. Для поиска SWF: Flashpoint Archive Discord и archive.org. Только учти: это онлайн-игра с сервером, один SWF без бэкенда даст только клиентскую графику.
    Ответ написан
    Комментировать
  • Выбор темы для магазина wordpress?

    v3xx
    @v3xx
    // _ AppSec // Bug Bounty / Legal Hacking
    Привет.

    Прошу совета с выбором темы (очень желательно бесплатной), в которой есть фильтр характеристик, поиск товаров, адаптация под мобильные устройства и тп.

    Не изводите себя на старте, бесплатные темы вам не дадут всех желаемых красивых опций и функциональности. Аппетит придёт во время разработки, за такой красотой сразу стоит обращаться на маркетплейсы вроде Envato — выбор огромный, и там почти у всех тем в этой нише будут и фильтры, и формы, и всё что пожелаете. Минус решения в цене, зачастую низком качестве кодовой базы и незакрытых уязвимостях. То есть это всё потенциально может стать проблемой в будущем, потребующей денежных вливаний. Если появится соблазн скачать платное бесплатно, то вы потенциально нарисуете себе и проекту проблем на бесконечность, и в итоге придётся также решать проблемы за счёт вливания денег.

    Было бы разумно сфокусироваться на найме разработчика, кто сделает вам ИМ под ключ, учитывая ваши пожелания по внешнему виду и функциональности, пусть даже и базовой. Если же вы хотите сами, и чтобы тема была бесплатной, то выбирайте ту, структура и код которой вам понятны, и с которой вы сможете работать, потому что кастомизировать придётся много.
    Ответ написан
    4 комментария
  • Как сделать такую сетку?

    develx
    @develx Куратор тега CSS
    Web developer
    .grid {
      display: grid;
      grid-template-columns: repeat(8, minmax(0, 1fr));
      gap: 20px;
    }
    
    .grid > * {
      grid-column: span 3; /* по умолчанию все широкие */
    }
    
    .grid > :nth-child(9n + 3),
    .grid > :nth-child(9n + 4),
    .grid > :nth-child(9n + 8) {
      grid-column: span 2; /* узкие элементы */
    }

    Можете ещё попробовать 14 колоночную сетку, узкие - 4 колонки, широкие - 5. Или 11 колонок (4 и 3). А вообще такие вещи нужно брать из макета или уточнять у дизайнера, какими флюидами он прочувствовал такие пропорции?
    Ответ написан
    Комментировать
  • Какое решение лучше выбрать для создания собственного сайта с заметками?

    @itsjustmypage
    Если как можно проще и без излишеств в виде серверной части с базами данных, то можно попробовать CMS статических сайтов. Эта методология называется JAMstack (Javascript + API + Markup). На выбор:
    https://getpublii.com/
    https://gohugo.io/
    https://www.11ty.io/
    https://jekyllrb.com/
    https://www.gatsbyjs.org/
    и много других. Как правило все они бесплатны для одиночного использования.

    Всё это поддерживать через https://www.netlify.com/ , каждый коммит на гитхаб с изменениями мгновенно скомпилируется в статичную верстку и загрузится на сайт с его помощью. Бесплатно для одиночки.

    Поиск можно скостылить через подгрузку JSON файла с нужной информацией (например, названиями всех заметок, датами, тегами и т.д.) и поиском по этому файлу на клиенте, либо использовать вот этот замечательный сторонний сервис https://community.algolia.com/docsearch/ Он тоже абсолютно бесплатен и, замечу, используется на сайтах документации к Vue.js, React и Bootstrap. Уровень, как никак! Пример: https://vuejs.org/v2/guide/

    p.s. Wordpress советуют исключительно из-за того, что это самая популярная серверная CMS в мире. Но это такой тяжёлый оверхед и говнокод, что лучше не надо. Даже среди серверных решений есть достаточно хороших миниатюрных альтернатив.
    Ответ написан
    Комментировать
  • Ссылка или импорт шрифтов?

    iamd503
    @iamd503
    Верстальщик
    Загрузите шрифты к себе на сайт, и подключайте их в css
    Ответ написан
    Комментировать
  • Modx жив? В каких случаях стоит использовать Modx и есть ли смысл его изучать в 2019+?

    @kenterberiiskii
    Цой жив!
    Модкс тоже в норме)
    Ничем не хоже и не лучше других цмс.
    Тут каждый др*чет как хочет. Я привык к Модкс и все остальное мне кажется дико неудобным.
    Да, магазины на нем ваять отдельное "удовольствие". Есть два магазина и ни одного нормального мануала. Но тоже можно.
    Ответ написан
    4 комментария
  • Как правильно делать оптимизацию чтобы сайт моментально загружался?

    @grinat
    1. Заходим в index.html
    2. Все удаляем
    3. ???
    4. Сайт мгновенно загружается
    Ответ написан
    1 комментарий
  • Почему browsersync не обновляет страницу при верстке?

    tendkuh
    @tendkuh
    PHP sucks, it's very important to remember, folks
    Переустановите Node.JS (при переустановке убедитесь что галочка "npm" стоит)
    Затем, откройте cmd или powershell от имени администратора и напишите npm install -g browser-sync

    Если вы работаете из Windows, то создайте txt файл с этим содержанием:
    browser-sync start --server --directory --files="**/*"

    переименуйте его расширение на *.bat

    Поместите этот файл в папку, в которой лежат нужные вам файлы для обновления, и кликните 2 раза по нему.

    Если вы работаете на потоке, то вам потребуется плагин для Gulp и написать таску
    Ответ написан
    Комментировать
  • Откуда берутся все эти пиратские плееры (CDN)?

    webinar
    @webinar Куратор тега Веб-разработка
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Миллиард вариантов по запросу "film portal cms", как вариант:
    https://github.com/CinemaPress/CinemaPress-ACMS

    Кто поставщик этого контента

    Одноногие люди с попугаем на плече

    Это платно?

    наоборот, найдут, потом будут долгое время бесплатно кормить и койкоместо предоставлять.

    Схем много, но чаще, насколько я понимаю, работает такая: кто-то делает переводы и озвучку, им платят создатели контор-кидалова, которые рубят сверхприбыль на своих проектах и рекламируют их на сайтах перед киношкой. В этой схеме не хватает только лохов, которые готовы хостить и приседать за это.
    Ответ написан
    4 комментария
  • Как настроить элементарную анимацию?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Вместо :hover может быть :active, но тогда придется держать зажатой кнопку мыши. Так что очевидно, что это надо делать через js. Что-то типа:
    $('.my_some_btn').on('click',function(){
       $('.my_some_block').toggleClass('animate');
    });

    А в css описать анимацию, только завязать не на :hover, а на класс animate.
    Ответ написан
    Комментировать
  • Аудио плеер для сайта - просто все файлы из определенной папки, есть такой?

    @germanberg
    <body>
    
    <audio class="my_audio" controls preload="none"></audio>
    
    <button onclick="play_audio('play')">PLAY</button>
    <button onclick="play_audio('stop')">STOP</button>
    
    </body>
    
    </html>
    
    <script>  
    
    playlist = {
    	'song_1' : 'audio/splat.mp3',
    	'song_2' : 'audio/saw.mp3',
    	'song_3' : 'audio/marbles.mp3',
    	'song_4' : 'audio/seagulls.mp3',
    	'song_5' : 'audio/plane.mp3'
    }
    
    $(".my_audio").trigger('load');
    
    function play_audio(task) {
          if(task == 'play'){
               $(".my_audio").trigger('play');
          }
          if(task == 'stop'){
               $(".my_audio").trigger('pause');
               $(".my_audio").prop("currentTime",0);
          }
     }
    
    keys = Object.keys(playlist);
    $('.my_audio').append("<source id='sound_src' src=" + playlist[keys[0]] + " type='audio/mpeg'>");
    
     
    count = 0; 
    $('.my_audio').on('ended', function() { 
       count++;  
       $("#sound_src").attr("src", playlist[keys[count]])[0];
       $(".my_audio").trigger('load');
       play_audio('play');
    });
    
    
    
    
    
    
    
    
    </script>
    Ответ написан
    1 комментарий
  • Какую легковесную cms на базе Laravel выбрать для проекта?

    alelunegov
    @alelunegov
    Фрилансер. Разработка сайтов на MODX, верстка
    October, например.
    Ответ написан
    Комментировать
  • Где смотреть современные интересные сайты?

    @Cypres
    Возможно, вы имели ввиду всякие примеры для собственной реализации, и прочее:

    dribbble
    uplabs
    uimovement
    Ответ написан
    Комментировать
  • Какие есть нормальные браузеры, кроме известных всем яндекс, хром, фф и опера?

    @Paranoich
    Опера к нормальным браузерам не относится уже года 3 или чуть больше.
    Хотя версия 12.18 вполне рабочая ещё (пока).
    Яндекс же вообще к нормальным относится не может. Как и амиги, ураны, спутники и прочие продукты невольного импортозамещения.

    Выбор браузера должен на чём то основываться , не в последнюю очередь на собственных вкусах и привычках. И переход с одного на другой облегчает. Ну а если с нуля — можно начать с Firefox 57 (с начала ноября), или позырить в сторону китайских браузеров, которые выгодно отличаются от прочих хромов наличием дополнительного функционала и иногда возможностью подредактировать морду (в отличие от хромов и Firefox 57+). И тем более изделий от MS. Поглядите в качестве примера на QQ (на этот лишь поглядеть!), 360 или SlimJet (по мне — так самый удобный из них).

    А любите экспериментировать — Vivaldi от товарища Течнера, некогда написавшего ту самую оперу.
    Мало ресурсов/слабое железо/второй резервный браузер - однозначно K-Meleon (рекомендую сборку от русской команды), либо TheWorld (кастрированный хром, без дополнений, лёгкий и быстрый).
    Ответ написан
    Комментировать
  • Как сделать что-то подобное?

    svistiboshka
    @svistiboshka
    живые веб интерфейсы

    плюс мануал по анимации https://html5book.ru/css3-animation/
    Ответ написан
    Комментировать
  • Как сделать что-то подобное?

    @AlexKindGeek


    Или гуглите speedometer javascript (css)

    Статья з подробным разбором (Canvas)
    Ответ написан
    Комментировать
  • Научился создавать сайты, но не обладаю "дизайнерским взглядом", как его получить?

    djsv
    @djsv
    IT-генералист
    Полезно перерисовать макеты сайтов, которые нравятся — это не так просто, как кажется, и помогает понять некоторые закономерности. Такой подход рекомендует, например, Сергей Сурганов — бывший дизайнер Медузы.

    На вопросы типа "Как подобрать цвета?" давно существует много статей с рекомендациями на Medium. Ещё есть сайт с русскими переводами статей про UI.

    Вместо Лебедевского бизнес-линча (это больше про развлечение, чем про пользу) рекомендую читать советы Бюро Горбунова.

    У нас люди очень любят топить за узкую специализацию: пишут, что разработчик не должен лезть в дизайн и наоборот. Но есть множество примеров, когда человек успешно совмещает оба направления, добиваясь хорошего результата. Тот же Сурганов с Notion, Meng To (автор Design+Code), Joshua Davis (немного из другой оперы, правда — про creative coding). Генералистов никто не отменял, и это здорово.
    Ответ написан
    Комментировать