• Как анимировать строку с логотипами (в случае если их количество заранее неизвестно)?

    @HealSpirit
    https://github.com/justin-chu/react-fast-marquee
    Библиотека хоть и реактовская, но верстку и логику работы можно адаптировать под чистый js
    Можно задать скорость движения (px/с). Ширина контента считается через getBoundingClientRect. animation-duration зависит от ширины контента и скорости движения
    https://www.react-fast-marquee.com/
    https://www.react-fast-marquee.com/demo
    Ответ написан
    Комментировать
  • Какой генератор статического сайта подходит под мои критерии?

    Sanes
    @Sanes
    Никакой. Теги или мультикатегории выйдут боком.
    Ответ написан
    Комментировать
  • Какие технологии использовать для создания сайта?

    2011mckinsey
    @2011mckinsey
    Web Developer
    Если нет динамики и требуется статичный контент - то https://gatsbyjs.com/.
    GatsbyJs - в своей нише (static site generators), пожалуй, самый популярный React Framework.
    Если посмотреть, кто использует - то на первом месте указан сайт ReactJS (https://gatsbyjs.com/showcase/);

    Огромный плюс Gatsby - не нужен сервер. Все страницы генерятся при сборке. Отсюда скорость, простота + дешевизна хостинга, все преимущества SEO итд.

    Также есть возможность использовать бессерверные функции, если потребуется со временем добавить какой-то динамики (формы email итд).
    Ответ написан
    1 комментарий
  • Как валидировать форму для скачивания файла с минимумом JS?

    @f_ban
    1. Используйте input[type=submit]/button[type=submit]
    2. Подпишитесь на событие submit на форме
    3. В обработчике события запускайте загрузку файла с помощью примерно такой функции
    // https://stackoverflow.com/questions/3916191/download-data-url-file/45905238#45905238?newreg=ddb3c48865d04c319b39f772df762521
    function download(dataurl, filename) {
      var a = document.createElement("a");
      a.href = dataurl;
      a.setAttribute("download", filename);
      a.click();
    }

    3. Что касается невозможности нажатия на кнопку сабмита, если хоть одно поле формы не валидно, то навешайте примерно такой стиль:
    #someform:invalid [type=submit]{
      pointer-events: none;
      
      /* другие нужные стили, да хоть display: none; */
    }

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

    erge
    @erge
    Примус починяю
    Имхо, желательно делать проверку полнее, т.к. ну чисто теоретически такие слова могут быть в имени пользователя например, так же не делать инверсию результата, т.к. метод все же называется isInvalid

    isInvalid: function(input) {
      return /@(gmail|yahoo)\.[a-z]+$/.test(input.value.trim().toLowerCase());
    }


    PS: если проверка НА валидность, то поставить !
    Ответ написан
    2 комментария
  • Как найти работу в сфере IT?

    divanus
    @divanus
    junior php bitrix python
    Никогда не поздно. Я всю жизнь в ИТ (основная работа всегда была сисадминство). Устал ужасно. Параллельно вел свои проекты, т.к. зарплата админов всегда невысокая. Приходилось и продавать и строить что-то и т.д. и т.п.
    Сейчас я переключился на программирование. Имея за плечами управленческий опыт в проектах, обширные знания в ИТ и бизнесе программирование становится уникальным.
    Конечно, соревноваться со школотой и студентами будет тяжело, т.к. они очень быстро говнокодят, но они не могут формировать всю картину целиком, они совершают ошибки школоты, а ты можешь на всем этом выходить имея более низкий порог воходной порог. И не бойся. Они реально тупее тебя по жизненному опыту. Ну, да, красиво, когда в блокноте или ide шке модной на рельсах бородатый студент посасывая смузи "что-то" делает и даже его рп не знает, что :)
    Но веселье заканчивается, когда ничего не работает, т.к. никто тз просто не прочитал или не участвовал в его разработке :)))))

    Вот смотри:
    например работа в оффлайне монтажником чего либо (антенны или стройка (окна, двери, сантехника, шитрок и т.п.) или кабеля медь оптика и т.п. ) ты в день получаешь от 1500 до 4000 руб. в редких случаях до 10000 руб. т.е. твой месячный доход на оффлайне работая руками от 20 тр. в несезон до 60 тр. в сезон. регион не важен.
    То же самое касается всех типов менеджеров по продажам:
    минимальный оклад опять же 10-20 т.р. + вшивые проценты с продаж и kpi завышенный, чтобы эти самые проценты у тебя были минимальными. те же 20-60 т.р.

    Теперь чисто ИТ:
    в админство идти не стоит - тупиковая ветвь развития, дорастешь до начальника ИТ в конторе среднего уровня и получишь кризис среднего возраста заранее. Расти то некуда, а в крупные проекты ты НИКОГДА не попадешь, там своих друзей и родственников хватает "управлять", значит ты рядовой админ 50-60 т.р. потолок. Если будешь суперлинуксоидом, то 80. И то это Питер и столица.

    Значит логично предположить, что ? ПРавильно - программирование.

    И вот тут у тебя открываются уникальные возможности.

    1. Все кругом говнокодят. ВСЕ. Напропалую.
    2. Мало кто ответственно выполняет работу.
    3. Херовые ТЗ т.к. ЛПР хотят одну кнопку, а те, кто пишут ТЗ сами в основном нихера не понимают.
    4. Море задач по автоматизации, которые никто толком не может решить. НА каждом углу. Любая.
    5. Не надо с молотком, отбойником или на телефоне с холодными звонками.
    6. Доступен фриланс.
    7. Направлений деятельности сотни. Сферы жизни - все.

    Программист, это самая на самом деле востребованная профессия. Особенно в нашем Арканаре, где толком ничего не автоматизировано.

    И так:
    фронтенд и бекенд
    ООП - вызубри, что это такое :)
    Языки php, js, java, python, c# и можно с++ немножко :)
    базы данных
    верстка - понимать как натянуть бутстрап на все и логику всего этого ... всегда можешь разобраться в бардаке
    Фреймворки - bitrix , yii и т.д. с десяток установи и делай на них микропроекты , пиши компоненты, модули
    берись за простой фриланс по наполнению контентом (а там обычно просят девочки решить задачки простые в которых формочки и пр. подбравить по html css) и развивайся
    на фрилансе 30 тр в мес сможешь поднимать более менее за пол года параллельно страдая херней в говноофосие менеджером.
    Рост и осваивай . Каждый день что-то пиши.
    Заведи git и туда все выкладывай. что делаешь.

    Всё.

    через 3-4 мес ежедневной работы по 2-3 часа в этом направлении пробуйся проходить собеседования :) брать не будут - но будет весело. Умные мужики прогеры тебе будут подсказывать, просто пообщаешься, поймешь, что к чему. И не ври. HR можно плести фигню без понтов, а с теми, кто будет по теме беседовать - просто говори, учусь, надо больше практики. Может кто-то фриланс предложит по мелочи.

    Физическое состояние:
    высыпайся
    много воды
    спорт - тут все просто, хотя бы каждый день сидя за компом параллельно тягай гантели ... левой рукой код пишешь или мышкой кликаешь, правая рука ... гантелю тянет 100-200-300 раз. Потом наоборот. И так каждый день.
    Смотри видео на ютубе по всем языкам и пр.
    составляй блок-схемы своих программок которые придумываешь - изучи алгоритмы...

    Не найдешь работу - так хоть может для текущей автоматизируешь что-то и шеф повысит :) и фриланс всегда подкармливает. Я 3,5 года безработный (и бизнесы свои все позакрывал) - выживаю содержа семью (3 детей) только за счет фриланса. Поверь, надо просто биться. С самим собой.
    Чтобы быть программистом - нужна лишь усидчивость ;) Это самая легкая профессия.

    999ed5fea1dc4485b8b8233d1d31cfff.gif
    Ответ написан
    7 комментариев
  • Как ускорить вёрстку?

    Bastax13
    @Bastax13
    Как минимум - использовать SASS.
    Как максимум - пригласить еще несколько человек и использовать SASS.
    Ответ написан
    Комментировать
  • Это хорошая стратегия вёрстки?

    sadisme
    @sadisme
    font-size:30rem
    Использую поблочный подход и пишу параллельно и HTML и CSS. Продумать структуру настолько, чтоб сразу весь ХТМЛ написать, нереально. Да и плюсов никаких в том не вижу.
    Ответ написан
    1 комментарий
  • Как сделать такой скролл?

    Ronnie_Gardocki
    @Ronnie_Gardocki
    Я у мамы фронтендщик.
    Куча свг, анимация которых привязана к текущему "прогрессу" (скроллу страницы). Такое например можно замутить с помощью GSAP Timeline, создаете таймлайн, запихиваете вагон всех возможных анимаций, грамотно расставленных на определенных этапах и потом меняете прогресс таймлайна относительно отношения позиции скролла к общей высоте скролла.

    Могу с уверенностью сказать что на создание этого сайта ушло много слез разработчиков и дизайнеров.
    Ответ написан
    Комментировать
  • Как сделать ломаный border под абзацем?

    Используя :before и :after
    .content-inner {
        width: 300px;
        height:300px;
        background: #FFF;
        box-shadow: 0 1px 2px rgba(0,0,0,0.2);
        position:relative;
    }
    .content-inner::before {
        content: "";
        display: block;
        border: 11px solid transparent;
        border-right-color: #DDD;
        position: absolute;
        top: 47px;
        left: -22px;
    }
    .content-inner::after {
        content: "";
        display: block;
        border: 10px solid transparent;
        border-right-color: #FFF;
        position: absolute;
        top: 48px;
        left: -20px;
    }

    Меняя значения top, left ? указываешь положения засечки.
    Более подробно
    Ответ написан
    Комментировать
  • Сервис или программа для учета затраченного времени на работу?

    sevasargsyan
    @sevasargsyan
    Веб разработчик
    Ответ написан
    Комментировать
  • Как сделать ступеньки?

    Machinez
    @Machinez
    Ответ написан
    Комментировать
  • Как seo-продвинуть сайт без денег?

    XXX
    @XXX
    Решение где-то рядом
    Alexander-K
    • Проведите аудит сайта на предмет косяков (инструменты вебмастеров Вам в этом помогут)
    • Если сайт еще не добавлен в гугл и яндекс вебмастер, то добавьте.
    • Исправьте косяки, sitemap, robots.txt, meta-теги, описания страниц, заголовки, оптимизация содержимого страниц, перелинковка и т.д.
    • Скормите карту сайта поисковикам
      http://google.com/webmasters/sitemaps/ping?sitemap=ссылка на Ваш sitemap
      http://www.bing.com/webmaster/ping.aspx?siteMap=ссылка на Ваш sitemap

      Для того чтобы яндексу карту отправить, придется зайти на страницу вебмастера. И до кучи можете воспользоваться сервисом пинга в 40 поисковиков.
    • Если сайт региональный, то задайте регион.
      В яндекс вебмастере задается в настройках сайта, География сайта → Регион сайта
      В гугловских инструментах вебмастера, Поисковый трафик → Таргетинг по странам и языкам → Страна
    • Составьте семантическое ядро
    • Напишите SEO тексты заточив под ключи по которым будете двигаться
    • Если сайт не статичный, зарегайте его в соц сетях и постите туда новости со ссылками на свой сайт
    • Регайтесь на крупных форумах, с ссылками не закрытыми от индексации и напишите там про Ваш сайт
    • Оставляйте комменты в dofollow-блогах


    "Тупо регится на площадках" и спамить ссылку на Ваш сайт, не зная ключей по которым двигаетесь, бесполезно и вредно.
    Ответ написан
    2 комментария