• Как сделать подобную анимацию в JavaScript?

    @accountnujen
    конкретно это вероятно сделано в каком-нибудь After Effects. То есть вообще не сайт, а просто анимированный макет.

    сделать подобное именно в JS можно на GSAP - https://gsap.com/
    Это библиотека, с помощью которой можно как на timeline анимировать всё на сайте. Очень удобная и классная штука.
    Ответ написан
    Комментировать
  • Как сделать подобную анимацию в JavaScript?

    @ImagineTables
    Не сильно долго думая:

    1. Рендерим чем-то типа https://github.com/niklasvh/html2canvas.

    2. Выводим картинку в верхнем слое.

    3. Снизу мгновенно меняем тему (через body.light).

    4. При помощи mask-image делаем для картинки из п. 2 радиальные градиенты с несколькими частично пересекающимися кругами (как в макете). Изначально значения альфа-канала во всех опорных точках должно быть 1.0

    5. Запускаем transition к таким значениям альфа-канала, чтобы был эффект распространения прозрачности по кругам от центра наружу. Круги при анимации начинают пересекаться, что даёт искомый эффект интерференции.

    6. Чтобы transition сработал с градиентной заливкой, нужно задать градиент кастомными свойствами, а переход делать для них, как показано тут: https://stackoverflow.com/a/63848864/14400772
    Ответ написан
    Комментировать
  • Есть ли сервис или плагин позволяющий подключиться к окну пользователя который смотрит сайт?

    @akketio
    Ratatattatata
    "Co-Browse - Кобраузинг— технология совместного взаимодействия в браузере, позволяющая посетителю сайта и оператору одновременно совершать операции, например, при посещении интернет-магазина. При этом виртуальный консультант видит, на какой странице сайта находится посетитель, какой раздел просматривает и что вводит в формы, а в случае необходимости может заполнять нужные формы сам. Это решение помогает облегчить дистанционное обслуживание пользователей онлайн-магазинов и интернет-сервисов."
    Ответ написан
    1 комментарий
  • Как скачать защищенный от скачивания PDF-файл с сайта?

    @rPman
    Скопировать через буфер можно только неформатированный текст и только текущие +-10 страниц (вручную можно но долго и нудно, потом сшивать).
    1. Реверсить их вьювер долго и дорого.
    2. Скринить странички - для личного использования подойдет (набор картинок, соединить в pdf и читать не проблема, но железные слабые читалки могут такие не прожевать), сделать не программисту можно с помощью любой автоматизации, например autoit. Логика следующая - открываешь нужный сайт в максимальном размере на полный экран (полный экран и настроить По ширине страницы), затем продумываешь свои действия (мышь/клавиатура) такими, чтобы если их повторять, копировалось все содержимое без пропусков и повторов, в данном случае это кнопка PageDown и копирование экрана (можно по количеству страниц посчитать сколько это будет действий)

    В коде autoit это будет for loop
    For $i = 1 To 100500
    ...
    Next


    шлешь нажатие кнопки
    Send('{PGDN}')

    ждешь секунду (там примерно каждые 10 страниц генерация и удаление старых) sleep

    делаешь скрин с экрана
    _ScreenCapture_Capture(StringFormat('%09i', $i) & '.png', 0, 0, @DesktopWidth, @DesktopHeight, False)

    нужно подобрать размеры чтобы лишнее не копировать
    StringFormat тут добавляет к номеру слева нули, чтобы при сшивании порядок не был 1 -> 11 -> 2 -> 3....

    по итогу работы получишь тысячу картинок, объединяешь их с помощью imagemagic
    magick *.png out.pdf

    3. способ - их pdf просмотрщик генерирует валидный html для текста (с картинками сложнее),
    css selector
    $('#pageContainer2 > .textLayer').innerHTML
    тут номер у pageContainer это номер страницы, но в один момент времени заполнены текстом только текущие видимые +- поэтому код нужно будет написать, чтобы корректно в нужный момент времени читать нужные

    Можно конечно заморочиться и запилить selenium приложение которое будет листать странички и собирать html-ку, можно в полуручном режиме прямо в браузере в консоли написать пару строчек, собирая текст в localStorage (он ограничен 5-мб кажется). html код там прямо такой (по кускам текста как они были в pdf)
    Кликать на следующую страничку - $('#next').click()

    <div style="left: 83.5342px; top: 384.732px; font-size: 20.5963px; font-family: serif; transform: scaleX(0.793798);" data-canvas-width="404.5723586629188">Стенограмма  Нюрнбергского  процесса.  Том </div>

    т.е. останется только стили добавить или скопировать их с сайта и готовая отформатированная html будет готова
    Ответ написан
    Комментировать
  • Кто сталкивался с версткой такого типа макета?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Забудьте... дизайнер просто демон... посылайте нафиг дизайнера...

    О да, люблю эти комментарии. Набросал тут небольшой прототип:


    В браузерах особо не проверял, только Chrome и FF, но вроде в современных должно работать.
    Ответ написан
    6 комментариев
  • Какую идею посоветуете для реализации бухгалтеру-программисту?

    sergey-gornostaev
    @sergey-gornostaev
    Седой и строгий
    Биржевого бота напишите.
    Ответ написан
    Комментировать
  • Как вернуть данные или сделать еще два запроса в Rx.js в зависимости от результата первого запроса?

    search
    @search
    мама говорит что я особенный
    Это делается через switchMap:

    this.httpClient.get('/check-email').pipe(
      switchMap(emailResult => {
        if (emailResult !== exists) {
          return of(dataForNonExistingEmail);
        }
        
        return forkJoin(
          this.httpClient.get('/user-data1'),
          this.httpClient.get('/user-data2')
        );
      })
    )
    Ответ написан
    3 комментария
  • Какие области в веб - разработке осваивать в перспективе?

    dom1n1k
    @dom1n1k
    В общем у меня уйдёт на это 2 - 2.5 месяца. Только на основы!

    Ну обосраться. Два грёбаных месяца!!!1
    До чего докатилась индустрия, что 2 месяца воспринимаются как огромный срок. И всё чаще натыкаешься на статьи, где пишут о годовалых якобы мидлах и трехлетних якобы сеньорах.
    Лично я считаю, нужно потратить от 2-3 лет, чтобы начать более-менее прилично и системно ориентироваться в теме. В течении этих лет неоднократно будут возникать моменты, когда тебе кажется, что ты уже достаточно крут - но это только кажется.
    Нормальный специалист средней руки формируется около 3 лет. Не гуру, не сенсей, не сеньор - просто крепкий линейный боец. Это много где так, не обязательно в JS. И это нормально.
    Хочешь за несколько недель - иди установщиком пластиковых окон, как раз строительный сезон начался.
    Ответ написан
    11 комментариев
  • Какие области в веб - разработке осваивать в перспективе?

    У вас каша в голове, связанная с отсутствием опыта решения задач.

    1. Ваш первый пункт вытекает из второго. Если вы умеете п. 2, то и п. 1 вы сможете научиться (быстро). Уметь только в CMS это примерно как уметь забивать гвозди только одного вида (а ведь могут потребоваться и другие гвозди).
    2. Вам нужно понимать, что есть задача, а есть инструмент. Все что вы перечисляете - это инструменты для решения задач. Какие инструменты изучать? Инструменты, которые подходят под задачи, которые вы решаете. Какие задачи вы решаете или хотите решать? Это основной вопрос.
    3. Не стоит обращать внимания на длительность уроков. Никто не начинает работать только после того, как просидит N часов за теорией и N часов за практикой. Осваиваете базу, начинаете что-то делать на реальных задачах и постепенно учитесь (не в ущерб времени и деньгам клиента конечно же).
    4. Этот пункт - продолжение третьего. Вы смотрели что такое jQuery? Вы пытались им пользоваться? Зная js, приучить себя к jquery можно за 3-4 проекта. Надо просто брать и делать, а не думать: "там по jquery уроков на 300 часов, видимо это слишком сложно для меня". Вам нужно брать и начинать.
    5. Задачи всегда бывают разные, следовательно и подбор инструментов тоже, следовательно нужно знать и jQuery и Vue.js, а не что-то одно. Не всегда же вы пилить SPA будете? Кому-то потребуется сделать простой калькулятор, чтобы человек мог его поправить потом. Будете использовать Vue, который клиент может не знать? Или все же jQuery или нативный js? Ответ очевиден.

    Опишу свою ситуацию:
    1. Начинал с HTML + CSS
    2. Начал учить JS и параллельно Jquery (никогда так не делайте, сначала js, потом jq).
    3. При набранном опыте я смог нормально освоить Vue за 1 проект (объемный).
    4. Так как иногда роюсь в PHP, освоиться в Laravel на уровне: есть проблема - знаю где посмотреть и как ее решить в случае чего, смог за 1 проект длиною в месяц.

    Все эти фреймворки и тд пишутся на том языке, который вы, по логике, уже должны знать, так что перестать бояться какой-либо фреймворк можно через неделю. Писать на нем что-либо толковое через 1 месяц.

    Поэтому вам нужно:
    1. Определиться с выбором области работы, судя по вашему вопросу у вас выбор между фронтом (javascript + frameworks) и беком (python, php + frameworks)
    2. Далее загуглить road map по фронту или бекенду (в зависимости от вашего выбора)
    3. Поступательно двигаться и не бояться.
    4. У вас еще хватит времени прожить счастливую и долгую жизнь.

    P.S вся эта арифметика со скоростью изучения фреймворком исключительно мой опыт, у кого-то быстрее, у кого-то медленнее. Дабы внести разъяснения, добавлю: я вполне себя спокойно ощущаю в том или ином фреймворке, однако не являюсь очень серьезным разработчиком.

    P.S.S Отвечая на главный вопрос: "Какие области в веб — разработке осваивать в перспективе?" - в перспективе нужно становиться разработчиком, у которого есть достаточно опыта в смежных областях, есть знания, помогающие решать те или иные задачи (чем сложнее задачи, тем больше ваша зп, тем вы ценнее), и постоянное развитие, так как наука продвигается, задачи и их сложность меняется, инструменты добавляются и так далее. И не забывайте, программирование это не только делать сайты или приложения, если области задач, не связанные с веб разработкой, но которые тоже интересны.
    Ответ написан
    7 комментариев
  • Стоит ли учить JS или Java если поступаешь на Software Engineering?

    sergey-gornostaev
    @sergey-gornostaev Куратор тега Java
    Седой и строгий
    не заметил в учебных планах ни одной упоминания связанного с Web разработкой

    Университет даёт фундаментальные знания, которые можно применять в любой прикладной области. Ну, должен.

    Насколько я знаю математика как и вуз Web-разработчикам не нужен

    Львиная доля рынка разработки - это позиции на которых вышка вообще не нужна. Подавляющее большинство выпускников профильных ВУЗов с красными дипломами и превосходным знанием математики, не говоря уж о других, устраиваются потом на работу, где никогда не применяет ничего, кроме школьной арифметики.

    повторять судьбы людей, которые в вузе учили одно, а после него другое не хочется

    Тогда после ВУЗа стоит устроится разработчиком операционных систем, виртуальных машин, компиляторов, СУБД, автопилотов, искусственного интеллекта и т.п.

    Java, насколько мне известно на нем трудно джунам

    Смотря с чем сравнивать. Так-то Java - простой язык.

    стартовать против старичков сложно

    На любом языке. Да и вообще в любой отрасли. Начинайте с февраля искать летнюю практику, с первого же курса. Постарайтесь выйти куда-нибудь на стажировку не позднее 3-го курса. Совсем хорошо, если удастся устроится на полставки. Тогда к моменту получения диплома у вас будет стаж и практический опыт, с которыми вы легко устроитесь.

    что будет по легче JS или Java?

    Кому как. В целом у JS порог входа ниже, но опытных JS'ников с нервными срывами я знаю больше, чем Java'истов. А вообще, это проигрышная позиция - выбирать язык по простоте.

    Что перспективнее?

    Откройте любой сайт с вакансиями и сравните количество вакансий, а также минимальные, средние и максимальные зарплаты на них.
    Ответ написан
    1 комментарий
  • Почему не обновляются стили на сайте WP (кеш отключен)?

    @eGenius18
    со стороны WP - решается просто - при подключении стиля ставь генерацию рандом числа или просто time()

    wp_enqueue_style('my',my.css',false,time());

    а если не помогает - значит траблы не у ВП :)
    Ответ написан
    2 комментария
  • Как прижать футер?

    KickeRocK
    @KickeRocK
    FrontFinish
    Можете
    footer p{
    margin-bottom: 0;
    }

    если не хотите чтобы скакали элементы, задайте фиксированную высоту(максимальную с открытым блоком) блоку с конентом и не будет скакать
    Ответ написан
    Комментировать
  • Можно ли работать с DOM напрямую используя при этом Angular?

    Можно, но не нужно. Аукнется, если будете потом SSR или WebWorker прикручивать. Вместо этого используйте Renderer2
    Ответ написан
    Комментировать
  • Как сделать из обычного фото вот такое на css?

    Garfields
    @Garfields
    Как вариант, если вам надо, чтобы изображение изменялось при наведении, то вот.
    Ответ написан
    1 комментарий
  • Где взять дизайны (.psd) для практики верстки?

    evrohachik
    @evrohachik
    De puta madre!
    Комментировать
  • Стратегия входа, путь развития во фрилансе. С чего начать, чтобы стать верстальщиком и php-программистом?

    Nikolino
    @Nikolino
    Html и css с практическими задачами лучше изучать на htmlacademy.ru. После того как освоился, качаешь бесплатные psd макеты и верстаешь, с адаптивом, какие-то сложные вещи, которые не можешь сверстать оставляешь пока.
    Далее ищешь видео где верстают макет, обычно на первых секундах-минутах показывают макет и сразу можешь понять сможешь ли сверстать сам или нет, если понимаешь, что не сможешь, то смотришь как автор это сделает, узнаешь новое для себя.

    По php. Читать большие и толстые книги пока бессмысленно, всё прочитанное будет вылетать из головы. Ставишь OpenServer, и сразу в бой:
    1. Переменные, условия, циклы, массивы.
    2. Пользовательские функции
    3. Базовые функции по работе со строками и с массивами. Комбинация функций. (важно понять и запомнить что они умеют).
    4. Post и Get запросы, получение Post и Get запросов из формы (тут сразу и html по формам подтянешь)
    5. Базы данных, простые запросы к базе, выборки, запись в базу данных из формы.
    6. Куки, сессии.
    7. Чтение и запись в файлы.
    8. Регулярные выражения.
    9. ООП, базовые понятия. Самое сложное и непонятное для новичка. Непонятно потому, что не ясно зачем это нужно и почему это в дальнейшем упрощает работу, поэтому как-то мимо ушей все пролетает.

    Если с английским хорошо, то codecademy.com.
    Если плохо, то базовую теорию (и сразу практику) делать здесь.

    Далее лучше сразу переходить на фреймворк (лучше Laravel). MVC в теории тоже понимается плохо потому, что пользу донести до понимания новичкам сложно, а при работе с фреймворками сам понимаешь почему это удобно.
    Во время изучения фреймворка и ООП подтянешь.

    Самое главное, по моему опыту обучения, это сразу делать практические задания по ходу изучения тем, постепенно, набивать руку. Задания лучше не пропускать (с мыслью "да тут легко, в теории я знаю как это сделать, пропущу, интересно что будет дальше").
    Самое неправильное, это дойти в чтении чуть ли ни до ООП, а открыв редактор кода, понять, что не можешь написать простые условия или перебор массива.

    То есть чтения меньше, практики больше. Это про голый PHP.

    Про фреймворк, если английский позволяет то Laracasts: Laravel 5.4 from scratch. Если не позволяет, то ищешь в ютубе что-то вроде "простой блог на Laravel", смотришь и кодишь параллельно у себя.
    Тут тоже самое, под попкорн просмотреть всю серию роликов от начала до созданного блога с админкой бесполезно. Обнаружится потом, что не можешь даже базовые вещи сделать. Нужно делать параллельно с автором, он делает какой-то функционал, смотришь, делаешь также, изначально может быть непонятно многое и зачем автор это делает, но со временем поймешь как это работает.

    Далее пробуешь сделать что-то свое, какие-то "фичи", например авторизацию с помощью соц. сетей, лайки к постам и комментариям (с помощью ajax, тут можно jQuery изучить чуть-чуть), вложенность комментариев и т.д. Можешь другой себе проект придумать(представь себя стартапером).

    Далее можно изучить системное администрирование чуть-чуть, покупаешь VPS недорогой, ставишь Nginx, MySQL, PHP-FPM и т.д. Пробуешь залить туда свой проект, так чтобы всё работало. Далее можешь попробовать прикрутить какой-нибудь поисковый движок (Sphinx, например). Изучение командной строки тоже на codeacedemy.com есть.

    Возможно для фриланса это и не особо нужно, но при устройстве на работу (в том числе и удаленную), будет не лишним, во многих вакансиях это требуют даже от Junior'ов (но в вакансиях любят преувеличить).

    Сам изучаю всё это недавно. До этого был Python+Django(первый фреймворк). В команде никогда не работал. Так что можно сказать передаю опыт от новичка новичку.
    Ответ написан
    3 комментария
  • Как находить и участвовать в проектах на гитхаб?

    sim3x
    @sim3x
    Делаете работу
    В процессе находите ошибку в стороннем коде
    Находите ее источник
    Пишите багрепорт и тесткей
    Так как всем пофиг
    Сами фиксите баг
    Неделю стучитесь мейнтейнеру, чтоб он принял ваш пушреквест
    Он вас посылает, тк ето не баг
    Ответ написан
    10 комментариев
  • Локальный сайт (страница) для работы с БД?

    Taraflex
    @Taraflex
    Ищу работу. Контакты в профиле.
    Десктоп приложение на https://electronjs.org/ (сможете использовать привычные web технологии) + https://pouchdb.com/ для хранения данных.
    На сервере couchdb.apache.org для прозрачной синхронизации при появлении сети.
    Ответ написан
    2 комментария
  • Какие есть it-профессии, где не нужно писать код?

    CityCat4
    @CityCat4
    //COPY01 EXEC PGM=IEBGENER
    на врача/юриста/кого-то ещё выучился и работаешь рабочий день, остальное время свободно.

    Смешно...
    Врач любой специализации любой квалификации раз в пять лет проходит "переподготовку", изучая что появилось нового и подтверждая свою классность. Знаю вовсе не понаслышке. И постоянно в течение работы изучает что-то изучает, изучает...
    Любая профессия требует постоянного совершенствования, если конечно хочется добиться чего-то.
    Работники неквалифицированного труда - тем ничего не надо. Раньше можно было встать к конвейеру - вот где пустота в голове! Не, можно ошиваться в ИТ и не совершенствоваться постоянно - тянуть провода, менять картриджи в принтерах, коробки таскать - если ИТ-отдел настолько велик, что может позволить себе держать такого "подай-принеси-уйди-не_мешай"
    Ответ написан
    1 комментарий