Задать вопрос
  • Делаются ли на практике подобные сайты?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    Делаются ли на практике подобные сайты?

    Делаются. Рынок таких дизайнерский сайтов всегда был не очень большим, но он есть. Познакомиться с разными примерами таких сайтов можно на сайтах вроде Awwwards, CSS Design Awards, FWA и им подобных. В русскоговорящем сегменте интернета в целом таких проектов меньше, но они тоже есть. Ну и не все отправляют свои сайты на конкурсы, не всем это нужно.

    как у них осуществляется адаптив?

    С точки зрения разработчика - так же, как и на любом другом сайте. Никаких сюрпризов, только "уверенные знания CSS/SVG/JS/GLSL" должны быть в реальности, а не на бумажке.

    Из соседнего комментария: только проблема в том, что в 99% - всё это неюзабельное говно в красивой обертке

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

    sfi0zy
    @sfi0zy
    Creative frontend developer
    Кто должен делать [название действия]

    Как договоритесь, так и будет. Абсолютных ответов может и не быть, все зависит от умений и загруженности участников команды. В креативной разработке часто можно встретить людей, которые умеют делать что-то не только по своей основной специальности, но и по смежным.

    бег/ходьба/прыжок/дыхание

    Скелетные, заранее рассчитанные, анимации, обычно делают 3D-художники или программисты, которые во всей этой теме хорошо разбираются. Просто потому, что это удобнее делать в софте для работы с 3D (подставьте название по вкусу), а чистые фронтенд-разработчики в 99% случаев в нем могут сделать только какие-то совсем базовые вещи и потратят слишком много времени на тот же бег. А вот генеративные штуки, да еще зависящие от реакций пользователя - скорее наоборот, программистам с инструментами разработчика в браузере, будет сделать проще, чем что-то костылить напрямую из софта для моделирования. Но тут все от конкретных задач зависит.
    Ответ написан
    Комментировать
  • Как заново начать читать техническую книгу на 1300 страниц?

    sarapinit
    @sarapinit
    Точу водой камень
    Пожалуйста, подскажите, как мне следует продолжить читать эту книгу?

    Людям изучающим иностранный язык, рекомендуют как можно быстрее начинать говорить на нем, и периодически подглядывать в словарь. Так же и с языками программирования, нужно писать программы на нем, и когда что-то не ясно, идти в документацию\книги и прочее. Читать справочник от корки до корки - крайне неэффективное занятие, может возникать ложное ощущение того что обучение происходит, на на самом деле - нет.
    Ответ написан
    Комментировать
  • Почему ноутбук не видит жесткий диск?

    Zettabyte
    @Zettabyte
    Проф. восстановление данных ▪ Вопрос? См. профиль
    Начните с того, что выньте ЖД из ноутбука и подключите его напрямую к стационарному компьютеру с Windows. Проверьте виден ли он в БИОС там. Если в BIOS диск присутствует, то скачайте R.tester и посмотрите SMART, также можете сделать автоматическую диагностику.

    Если при включении ноутбука жёсткий диск издаёт какие-либо нестандартные звуки - щелчки, скрежет, писк, и подобные, то останавливайтесь, самостоятельно ничего не сделать, даже простая попытка включения может добить жёсткий диск до состояния, когда ничего нельзя будет сделать.
    Никакими программами пользоваться нельзя.

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

    @antonwx
    Фотошоп "потянет" любая некросистеа даже 15-летней давности, если речь идёт об "открыть и посмотеть в него". А так зависит от того, что конкретно вы планируете в нём делать, какого размера графику обрабатывать.
    Ответ написан
    Комментировать
  • Как оптимизировать сайт для PageSpeed?

    Судя по данным GPS, на что лично я бы обратил внимание в первую очередь:

    1) включите кэш браузера.
    Это делается в htaccess + на стороне хостинга должно быть включено. Проще всего если ISP панель используется. Ставьте срок 365 дней. Если лень разбираться просто напишите хостеру: прошу поставить кеш браузера для всех статических элементов (картинки, шрифты, стили и т.п.) на 365 дней. Нормальный хостер сделает бесплатно или подскажет где сделать. Если хостер ненормальный, то попробуйте сами всунуть правила в htaccess (они если погуглить - найдутся, просто их много разных вариаций, надо пробовать какие подойдут к конкретному хостингу)

    вообще это самый простой пункт обычно.

    2) Настройте подходящий размер изображений
    Тут тоже все просто - у вас фотка большая, а стоит она в мелком квадрате. Зачем? Поставьте туда мелкие фото. То есть просто сохраните их в редакторе с меньшей шириной и высотой.

    3) Удалите неиспользуемый код JavaScript - ничего вы тут толком не сделаете.
    скрин i.imgur.com/qEbmxsh.png - все скрипты что можно укажите async - вот как в первом сделано. И проверьте чтобы страница норм отображалась.

    4) рекомендую выкинуть шаринг, скрин i.imgur.com/6z5kK1d.png - им обычно уже не пользуются, а он влияет на page speed

    Хотя бы так, думаю, баллов 10-15 может дать такая штука.
    Ответ написан
    1 комментарий
  • Как назвать эту панель при вёрстке?

    delphinpro
    @delphinpro Куратор тега CSS
    frontend developer
    chat, favourites, profile

    user-area
    personal

    Нафиг вообще заморачиваться с названиями? Не стоит. Так можно полдня протупить, и не сделать нисколько полезной работы.
    Ответ написан
    Комментировать
  • Почему Front end разработчику платят так же, а то и больше, чем Full-stack разработчику?

    @HellWalk
    Потому что на рынке ценятся крутые специалисты. А крутым специалистом можно быть только в узкой области.

    Фулл-стек - это путь вечного "немного во всем"

    Говорю это, как человек, который входил в web-разработку "веб-мастером" - это еще шире, чем фулл-стек - где ты и дизайном занимаешься, и наполнением, и SEO - лютый список обязанностей, с нулевой ценностью на рынке труда по итогу.

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

    Ankhena
    @Ankhena Куратор тега Вёрстка
    Нежно люблю верстку
    Есть вариант задавать шрифты с помощью единиц vw и функции clamp.
    https://jsfiddle.net/hqvft54b/

    как все же праильнее размеры шрифтов подогнать в таких случаях.

    Нет никакого универсального "правильно".
    В каких-то ситуациях на мобилке вообще шрифт нужно увеличивать, а не уменьшать.
    В других ситуациях перестраивается сам блок так, чтобы шрифт можно было оставить прежним.
    Где-то скрывают часть текста.
    Вариантов очень много.

    Смотрите как делают на других сайтах, в других макетах, где удобно, где не удобно. Если есть доступ к статистике других сайтов, вообще отлично. Постепенно кругозор расширится и сможете самостоятельно предлагать что-то клиенту или просто принимать решения.
    Ответ написан
    9 комментариев
  • Входит ли в веб-разработку анимация для сайта?

    vabka
    @vabka Куратор тега Веб-разработка
    Во-первых, надо разделять анимированную графику и анимации самого сайта.

    Сайт анимируется через css, и это является частью вёрстки, и как отдельную услугу, мне кажется, предлагать это не имеет смысла.
    Следует просто упомянуть в своём резюме, что ты можешь анимировать сайты.

    Анимированная графика - это обычная анимированная графика.
    Её можно предлагать, как отдельную услугу, но это будет уже не веб-разработка, а работа художника/дизайнера/иллюстратора.
    Можно упомянуть, что ты можешь в процессе разработки сайта, нарисовать и всякие анимированные штуки и добавить их на сайт.
    Ответ написан
    Комментировать
  • Что лучше выбрать для дизайна рекламы в 2021. Adobe Indesign, Adobe Illustrator или CorelDraw?

    Kundako
    @Kundako
    Просто дизайнер, интерфейсов и своей жизни.
    Corel обделён вниманием, потому что он, к сожалению, очень отстает от своих конкурентов. Я работал с Corel 5 лет, потом решил перейти на Illustrator и эффективность моей работы выросла в разы. Может сейчас, в 2021 году, Corel стал гораздо лучше, но в 2016 постоянные баги корела и офигеть какие большие размеры файлов очень сильно напрягали.

    Ну и иллюстратор я бы больше использовал для разработки сложной графики, а для дизайна рекламы (буклеты, листовки и т.д.) однозначно Индизайн, так как он максимально заточен под печать и многие вещи в нем сделать гораздо быстрее и легче чем в иллюстраторе, ну а для объемных печатных материалов (каталоги, журналы) лучше продукта явно не найти)
    Ответ написан
    Комментировать
  • Как задать картинке свой размер?

    @Froggyweb
    .item img {align-self: flex-start;}
    Ответ написан
    Комментировать
  • Как объединить вектор (в Figma или Illustrator) в один объект\слой?

    @cheeroque
    Так работают векторные изображения, не может у одного пути быть несколько разных заливок. Любая векторная картинка - набор объектов с разными свойствами. Если вы попытаетесь эти объекты слить в один, то и набор свойств у него окажется ровно один. В вашем случае - либо одинаковая заливка чёрным по всему объекту, либо отсутствие заливки и обводка.

    Вам просто нужна группа объектов. Как её правильно экспортировать в один файл из фигмы, я написал в комментарии здесь.
    Ответ написан
    Комментировать
  • Как добиться 3d эффекта?

    lastuniverse
    @lastuniverse
    Всегда вокруг да около IT тем
    5 комментариев
  • Что прописывать в alt аттрибут?

    delphinpro
    @delphinpro Куратор тега Вёрстка
    frontend developer
    Иконки не являются частью контента. Они несут только визуальную нагрузку. Оформительскую. Для машинного чтения бесполезны, даже вредны.
    Представьте, что вы "просматриваете" страницу скринридером. И он начинает вам зачитывать описания иконок. Оно вам надо? Вы пришли за информацией.
    Поэтому иконки вообще не следует верстать тегом img. А уж если сверстали, то оставьте alt пустым и добавьте role="presentation"
    Ответ написан
    2 комментария
  • GDPR - Как соответствовать?

    Vysokoff
    @Vysokoff
    SEO-специалист - vysokoff.ru
    Вот тут хороший список того что должно быть на сайте реализовано, плюс приведены плагины, которые облегчат внедрения данных стандартов на сайте

    https://hostenko.com/wpcafe/plugins/okonchatelnoe-...

    Вот список плагинов:

    MonsterInsights - если вы используете Google Analytics, то вы должны использовать их дополнение к ЕС.

    WPForms - безусловно самый удобный плагин WordPress контактных форм. Они предлагают поля GDPR и другие функции.

    Cookies Notice - популярный бесплатный плагин для добавления уведомления cookie ЕС. Интегрируется хорошо с такими плагинами, как MonsterInsights и другими.

    Delete Me- бесплатный плагин, который позволяет пользователям автоматически удалять свой профиль на вашем сайте.

    OptinMonster - продвинутое программное обеспечение, которое предлагает умные функции таргетинга для ускорения конверсий при соблюдении требований к GDPR.

    Shared Counts. Вместо того, чтобы загружать кнопки общего доступа по умолчанию, которые добавляют файлы cookie отслеживания, этот плагин загружает статические общие кнопки при отображении количества росшариваний.
    Ответ написан
    2 комментария
  • Где взять свг крестиком?

    LenovoId
    @LenovoId
    svg, css,js
    Вот так короче svg : https://codepen.io/topicstarter/pen/oNwgbLO

    В общем схема следующая: имеем квадрат в размерах 100 100 в которой мы по координатам x1 y1 x2 y2 ставим две линии

    1 линия будем иметь такие координаты: 0 0 это начало 100 100 это конец линии
    2 линия будет иметь такие координаты 0 100 это начало 100 0 это конеч линии

    61258e911bcc6443529317.png

    Пример кода ответчика itishnikitsme - смотрите сами сколько лишнего хлама

    <?xml version="1.0" encoding="iso-8859-1"?>
    <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
    <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
    	 viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve">
    <g>
    	<g>
    		<path d="M284.286,256.002L506.143,34.144c7.811-7.811,7.811-20.475,0-28.285c-7.811-7.81-20.475-7.811-28.285,0L256,227.717
    			L34.143,5.859c-7.811-7.811-20.475-7.811-28.285,0c-7.81,7.811-7.811,20.475,0,28.285l221.857,221.857L5.858,477.859
    			c-7.811,7.811-7.811,20.475,0,28.285c3.905,3.905,9.024,5.857,14.143,5.857c5.119,0,10.237-1.952,14.143-5.857L256,284.287
    			l221.857,221.857c3.905,3.905,9.024,5.857,14.143,5.857s10.237-1.952,14.143-5.857c7.811-7.811,7.811-20.475,0-28.285
    			L284.286,256.002z"/>
    	</g>
    </g>
    <g>
    </g>
    <g>
    </g>
    <g>
    </g>
    <g>
    </g>
    <g>
    </g>
    <g>
    </g>
    <g>
    </g>
    <g>
    </g>
    <g>
    </g>
    <g>
    </g>
    <g>
    </g>
    <g>
    </g>
    <g>
    </g>
    <g>
    </g>
    <g>
    </g>
    </svg>
    Ответ написан
    Комментировать
  • Стоит ли идти в NoCode разработку?

    BorLaze
    @BorLaze
    Java developer
    Как бы вайти в айти, но так, чтобы не учить ничего по айти?
    Ответ написан
    Комментировать
  • Как сделать свой хостинг, для своего сайта?

    CityCat4
    @CityCat4 Куратор тега Сетевое администрирование
    Дома с переломом ноги
    Ну, вопрос наличия (или отсутствия) сервера дома тут обсуждался сто тыщ мильенов раз.
    Если Вы не админ - лучше всего идти на хостинг - потому что там решены все админские задачи типа бэкапа, электричества и запасных частей к серверу
    Если не хотите/не можете на хостинг - берите VPS. Там решена часть админских задач - вопросы эксплуатации сервера (железки) берет на себя провайдер, а вот вопросы работоспособности сервера (VPS) - обеспечиваете Вы сами, бэкапы тоже обычно сами, хотя можно договориться с провайдером.
    Ответ написан
    2 комментария