Ответы пользователя по тегу Веб-разработка
  • Почему многие крупные сайты тормозят по самые помидоры?

    @lagudal
    Ну вот у нас сейчас - для mobile- 22%, для десктоп -52%. Раньше - года 2 назад - гонялись за этими цифрами и тонны человеко-часов были затрачены не только на оптимизацию этих цифр, но и на митинги, посвященные только этому. При этом скорость загрузки страниц конечно в приоритете, но не до 1 и даже не 100 милисекунд.
    Сейчас деньги и ресурсы с этого переведены в основном на рекламу. Прирост продаж устраивает руководство полностью, скажу более того, именно сейчас, в пандемию продажи бьют все рекорды.
    Так что, если вам не важно чтобы ваш сайт был в различных обзорах на тему "лучшие сайты по показателям google pagespeed insights", то лучше потратить время и деньги на что то другое.
    Ответ написан
    Комментировать
  • Стоит ли использовать webp на сайте клиентов?

    @lagudal
    Я попробовала, баллов это не добавляет, изображения теряют сочность и качество(все сжимала в своё время в tinypng).

    Вот тут вся проблема - у меня кстати подобно тоже было, только с png обработанными tinypng. Никак не мог понять, в чем дело, потом вижу, что эти файлы становятся конечными, и абсолютно не пригодными к дальнейшей обработке.
    Перегонку в webP лучше делать из исходников, никак не из минифицированных в tinypng.
    Ответ написан
    Комментировать
  • Съезжают колонки влево при мобильной версии (Bootstrap) Что делать?

    @lagudal
    у вас нижние рисунки - отзывы - шире чем контейнеры в которые они помещены.
    Для таких вещей ставят на картинки max-width:100%;
    ps. верхние, те что в слайдере, подкорректировать придется, да и вообще верстку там...
    Ответ написан
    Комментировать
  • PNG, JPG или SVG: что использовать?

    @lagudal
    Для разных целей разные форматы.
    Добавлю свое мнение к предыдущему ответу.
    Скажем, фон. Может быть простым, неким абстрактным, но который нельзя отобразить с помощью чистого css. Для этих целей svg тоже будет идеальным выбором, поскольку может быть в пару килобайтов при неограниченном размере, при том что для jpg это же изображение может быть очень сложным и при самом идеальном варианте его можно будет ужать до пары сотен кб.
    Однако, если тот же svg фон будет переполнен мелкими элементами, с достаточно большим количеством точек, то такой svg использовать в качестве фона будет нецелесообразно, поскольку даже при весе, меньшем чем в аналогичном по размеру jpg, этот svg будет визуально долго отрисовываться.
    Еще момент, для chrome настоятельно рекомендуется использовать webp, которые при том же визуальном качестве существенно меньше по весу, чем jpg и png. Да и google любит его как свой формат и как следствие очень благоволит ему - достаточно прогнать сайт через PageSpeed Insights и посмотреть, что он там будет рекомендовать.
    Если на сайте нет webp, таки рекомендация будет обязательно )
    Ответ написан
    3 комментария
  • Какой инструмент лучше выбрать для простой svg анимации?

    @lagudal
    Я вижу 3 подхода:
    1 - чистая svg-анимация, где анимация реализуется внутри собственно svg- кода;
    2 - css-анимация с помощью keyframes;
    3 - анимация с помощью javascript-библиотек.

    Для себя, если возможно, стараюсь обходиться без js, однако иногда все же соблазн бывает слишком велик, в основном, когда надо сделать быстро и с определенными эффектами. Для меня именно эффекты ванильно реализовывать самое долго. А тут - добавил один js файл и красота.
    Вот пару известных библиотек именно по svg морфингу и не только.
    alexk111.github.io/SVG-Morpheus
    snapsvg.io
    Вот еще крутой, правда платный плагин -
    https://greensock.com/morphSVG
    Ну и что то можно еще полезного найти в статье на хабре
    Ответ написан
    1 комментарий
  • Какую сделать весеннюю анимацию на сайте?

    @lagudal
    На сайте это конечно все не нужно - ни снег зимой, ни соловьи летом.
    Но если сильно надо - например, начальство требует и не приемлет возражений - то хотя бы ограничить все минимально по срокам, только кратковременно на время каких то праздников. (8 марта, как главный весенний праздник, уже прошел )))
    В европе тут еще пасху как то обозначивают, у меня на работе это обычно ограничивается баннерами. Ну там трава, на траве зайчики, из травы яйца выскакивают.
    Ну можете еще какую-нить цветущую сакуру анимировать )
    Ответ написан
    Комментировать
  • Какие онлайн курсы по веб-разработке подарить?

    @lagudal
    Ответ написан
    Комментировать
  • Где найти такой шаблон сайта?

    @lagudal
    Не ищите готовый русский шаблон, ищите по английским запросам на топовых площадках, типа themeforest и templatemonster. Например, я бы искал по словам "food delivery", "frozen food" etc.
    Так по крайней мере можно найти вдохновение, а лендинг можно взять за структуру любой что нравится.
    ps. Вот эта фирма доставляет заморозку по Германии, правда, это не лендинг, чисто для понимания.
    https://www.bofrost.de/
    Ответ написан
    Комментировать
  • На что лучше подцепить html страничку, если это сайт визитка с одним разделом блога?

    @lagudal
    можно еще в сторону Gatsby глянуть - статья на хабре
    Ответ написан
    Комментировать
  • Реально ли совмещение дизайнера и фронтэнд разработчика?

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

    @lagudal
    Да вообще слова реклама в путях быть не должно - у вас и домен такой, и много путей прописано таких где слово reklama не только как название темы, но и куча всяких еще типа "reklama-na-radio", "naruzhnaya_reklama" и даже "reklama.jpg".
    Ответ написан
  • Где лучше всего искать со-основателя из области IT для моего стартапа?

    @lagudal
    Все таки остается непонятным самое главное: если продукт такой замечательный, и "приносит достаточную прибыль (больше зарплат разработчиков), а будет приносить очень большую" - и при этом у вас нет проблем с финансированием проекта - зачем вы ищете того с кем бы поделиться? Я думаю, многих разработчиков сдерживает именно этот вопрос - а зачем я ему? Особенно когда специалисту предлагается поработать по ставке ниже его стоимости ради будущей доли, неважно, как она будет юридически закреплена, опасения по поводу как минимум лукавства будут.
    У меня лично был пример, когда самые близкие друзья брали у меня в долг, не описывая никаких конкретных деталей проекта. Когда же проект заработал, я с удивлением узнал, что вполне мог бы участвовать в нем, во всяком случае там присутствовали функции которые были вполне себе мне по силам и возможностям.
    На мой несколько укоризненный вопрос, что ж вы меня не пригласили, ответ был прямой и достаточно честный - ну тогда делиться надо было бы... а так - люди сделали на зарплате, так что извини, это наш проект, и ты там лишний...
    Я это к чему. Бизнес - эта такая вещь, где заканчиваются обычные понятия о дружбе, например. И партнерство в бизнесе - вещь либо спонтанная, либо вынужденная.
    Ответ написан
    4 комментария
  • Как копировать лендинг и сайт в целом?

    @lagudal
    можно с помощью wget выкачать видимую часть сайта. Если ресурсы не спрятаны в скриптах, или еще есть какая хитрая защита от копирования.
    пример.
    wget -r -k -l 7 -p -E -nc http://что хотите скачать/
    Ответ написан
    Комментировать
  • Как ускорить разработку интерактивной схемы зала?

    @lagudal
    чтобы класс присваивать графической программой - не встречал.
    Иллюстратор дает малопригодные имена id - например, что то вроде #SVGID_76_ .
    Я делал таким образом.
    Элементы, которые предполагалось будут иметь общее поведение, объединял в группы - в иллюстраторе еще. Чаще всего нельзя все элементы с одним поведением включить в одну группу, поэтому таких групп создаю столько, сколько это необходимо по-минимуму.
    Тут же в ручную в иллюстраторе добавляю уникальные но однокоренные имена для этих групп - эти имена будут id этих групп в svg.
    После сохранения svg открываю его например в notepad ++, простой регуляркой по Поиск-замена всем нужным группам с заданными id добавляю класс, который и будет основным для поведения выбранных групп.
    Таким образом делаю столько классов, сколько нужно, этим классам уже задаю стили, анимацию и тд. Может не так чтобы очень быстро, но все равно легче, чем вручную по каждому элементу или даже группе проходить...
    Ответ написан
    1 комментарий
  • Как формируются цены на разработку сайтов?

    @lagudal
    если не брать в расчет рейтинг и имя студии?

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

    Тут все расчитывается довольно несложно, так как процесс в общем то стандартный: эскиз-макет-верстка-функционал. Согласно тех задания по затраченному времени на каждый этап(работа дизайнера, верстальщика, прогера и пр.) и рассчитывается конечная стоимость. Главные отличия как раз в исполнителях. Какая студия, сколько стОит их час (учитывающий уже все).
    И да - такой момент - индивидуальный дизайн - смотря что вы в него вкладываете. Одно дело, как нынче модно говорить, "нешаблонный", чтобы "ну не как у всех", и совсем другое, если "хочу вот так же круто", а это делал графический дизайнер со ставкой 400 Евро в час.
    Ответ написан
    Комментировать
  • Сколько нужно времени чтобы загрузить сайт с локальной сети на хостинг?

    @lagudal
    Зависит от того, какой сайт и какой хостинг. Но - в любом случае, если есть возможность, лучше запаковать в архив, перенести архив на хостинг и на хостинге распаковать. Как правило, всегда можно найти способ, даже если шаред хостинг номинально не позволяет работать с архивами.
    Просто если переносить пофайлово посредством FTP, это может быть и несколько часов и даже несколько дней, зависит не столько от скорости интернета, сколько от количества передаваемых файлов.
    Ответ написан
    1 комментарий
  • Как ускорить загрузку веб-страниц?

    @lagudal
    Как правильно сказали уже, сначала разобраться что требует ускорение - если фротненд, то оптимизировать контент, конкретно картинки, css, скрипты и т.д., еще конкретнее - могу дать ссылку на воркшоп от Harry Roberts - на мой взгляд, отлично все обозначено у него с точки зрения ускорения фронтеда.
    Если бакенд - грамотная настройка веб сервера, php-fpm, кеширование etc., оптимизация запросов к бд. Здесь конкретнее можно сказать только зная точно что там у вас..
    Ответ написан
  • На чем в США или Европе сегодня делают сайты?

    @lagudal
    По Германии - только из личного опыта.

    По технологиям - в принципе все стандартно, opensource конечно больше.

    По cms - wordpress и отдельно немцы очень любят typo3. Уж не знаю почему.
    Интересны также предпочтения в шоп-системах - вот несколько не самых известных вообще и при этом весьма популярных в Германии:
    Gambio, Oxid, Shopware, JTL-Shop, xtcmodified

    Где искать заказчиков - профиль на xing.com - аналог linkedin, freelance.de - название говорит само за себя.
    Я бы еще рекомендовал группы в соцсетях, бывают интересные сообщества, например - https://www.facebook.com/groups/traktoristi.v.munchene/ - бывает, что ищут исполнителей на аутсорсе.
    Ответ написан
    1 комментарий
  • Как преодолеть тупик в работе над проектом?

    @lagudal
    Постоянно в такой ситуации нахожусь, только работаю не на клиента а в штате на хозяина.
    Сейчас, например, тоже - вдруг вздумалось оптимизировать сайт который уже он-лайн более полугода. При этом, если на 100% прислушаться к тому что они хотят, изменения фронта будет настолько радикальным, что вообще ломает все, легче новый дизайн сделать. И с фотографиями ситуация ну такая же, при этом на фирме штатный фотограф. Девчушка молодая, то ли не умеет, то ли не понимает, но продукт выдает дерьмо редкостное.
    Как борюсь - никак особо:
    1- делаю все в точности как хочет шеф.
    2- никакого своего мнения, просто предъявляю и все, если это конечно не первый вариант, а вторая, третья, десятая переделка.
    3. Если шефу нравится, ради бога.
    4. Если нет, в конце концов он в 90% случаев возвращается к моему варианту.
    5. В процессе, пока они там все это мусолят, занимаюсь тем что мне по настоящему нравится и интересно. Благо, такие вещи есть всегда, на крайняк время всегда можно найти чем занять, хотя бы тем же самообразованием.
    Справедливости ради, если бы был клиент, вел бы себя наверное по другому, поскольку зарабаток почасовый и никак не зависит от кол-ва проектов.
    Ответ написан
    Комментировать