Задать вопрос
  • Выбор темы для магазина 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). Генералистов никто не отменял, и это здорово.
    Ответ написан
    Комментировать
  • Научился создавать сайты, но не обладаю "дизайнерским взглядом", как его получить?

    delphinpro
    @delphinpro
    frontend developer
    Не согласен с предыдущими ораторами. Фронтэндер должен обладать хотя бы минимальным "чувством прекрасного". Также не согласен с тезисом, что "это либо дано либо нет".

    Возьмите книжек по UI и UX и просвещайтесь.
    Ответ написан
    10 комментариев
  • SEO; не разводят ли меня, ребята, прямой сейчас?

    zamboga
    @zamboga
    BI Data Analyst {Power BI, DAX, Power Query, SQL}
    1. В коммерческих нишах - это важно, домен должен быть 2го уровня.
    2. Это задача оптимизатора +копирайтера, но никак не дизайнера+верстальщика (итог работы которых - рабочий сайт согласно ТЗ).
    3. Целесообразно, но вот будет ли трафик окупаться -- зависит от ниши и самого сайта. Если сайт г. -- то у него конверсия будет ниже плинтуса, и любой рекламный трафик будет дорогой (вернее, не сам трафик, а его результат - число заказов на определённый объем трафика).
    .
    .
    .
    Ну а теперь по существу. Вы сдали работу 6 лет назад. У вас в договоре написано что-то типа "сайт должен быть в топ 10 в яндексе и гугле по таким-то запросам в течение 6 лет после подписания акта сдачи-приемки работ"?

    Если да -- думайте, что вам дороже, репутация или деньги на доработку сайта согласно ТЗ и договора.

    Если нет -- то шлите заказчика в пешее эротическое, вы ему ничего не должны.
    Ответ написан
    3 комментария
  • SEO; не разводят ли меня, ребята, прямой сейчас?

    dimonchik2013
    @dimonchik2013
    non progredi est regredi
    1) нет, но часто для продвижения узкой используют ее родительскую широкую тематику, и вот там может иметь смысл
    2) задача оптимизатора - дает копирайтеру какие ключевики включить, потом выгребает пеналь, дает снова
    3) адвордс дорог, в конкурентных тематиках уже не окупаем достоверной статсой (отсюда всякие когороты и проч, брендовые запросы все дела)

    молодой человек, как для одЕссы, у вас плохое знание классики:

    - Абрам, у тебя дочь проститутка...
    - но Сара, у меня нет дочери, у меня два сына...
    - ну, я сказала, а ты думай....
    Ответ написан
    6 комментариев