• Доменная зона .io — что я пропустил?

    Один из омонимичных доменов:

    .am — национальный домен Республики Армения, созвучен с диапазоном радиостанций AM или как зона AMerica.
    .cd — национальный домен Демократической республики Конго (иначе — Заира), совпадает с сокращением для компакт-диска.
    .dj — национальный домен Джибути, совпадает с сокращением «диджей».
    .fm — национальный домен Федеративных Штатов Микронезии, созвучен с диапазоном радиостанций FM. Пример: last.fm.
    .im — национальный домен Острова Мэн. Совпадает с сокращением Instant Messaging («мгновенные сообщения»).
    .io — национальный домен Британских территорий в Индийском океане. Совпадает с сокращением Input Output («ввод/вывод»).
    .is — национальный домен Исландии. Совпадает со словом is, формой третьего лица единственного числа английского глагола to be. Пример: who.is
    .it — национальный домен Италии. Совпадает с сокращением IT (информационные технологии), а также с английским местоимением it («это»). Пример: ok.undo.it
    .md — национальный домен Молдавии. Совпадает с сокращением аудионосителя MiniDisc и с сокращением Must Die. Также совпадает с сокращением от англ. medical doctor, используемым повсеместно в англоязычных странах. Например, известный американский сериал «Доктор Хаус» в оригинале называется House, MD.
    .me — национальный домен Черногории. Совпадает с местоимением «меня», «мне» в английском и других европейских языках.
    .net — общий домен верхнего уровня, совпадает с русским словом «нет», из-за чего обрёл в России (и не только) дополнительную популярность. Часто используется с доменными именами в виде транслитерированных русских слов. Примеры: mozga.net, lishnih.net.
    .nu — национальный домен острова Ниуэ, созвучно со словом ню.
    .tm — национальный домен Туркменистана, совпадает с аббревиатурой «™» (англ. trade mark — торговая марка).
    .tv — национальный домен Тувалу, совпадает с аббревиатурой «Телевидение».
    .ws — национальный домен Западного Самоа, совпадает с аббревиатурой Web Site.
    .in — национальный домен Индии, с английского языка переводится как предлог «в».
    .li — национальный домен Лихтенштейна. Совпадает с окончанием глаголов и имён существительных в русском языке. Используется с доменными именами в виде транслитерированных русских слов. Примеры: zadolba.li, zastuka.li, vaf.li, gus.li, yas.li.
    .pro - общий домен верхнего уровня для профессионалов в своей области.
    Ответ написан
    3 комментария
  • Безопасная регистрация домена - где и как регистрировать, чтобы не отжали?

    artzolin
    @artzolin
    php, WordPress разработка сайтов artzolin.ru
    Отжать домен не так просто, как почему-то многим кажется

    Например, есть известная история с доменом nissan.com, который принадлежит чуваку с такой фамилией. Автопроизводитель судился с ним лет 10, потратили миллионы долларов и в итоге домен без права на обжалование остался у владельца, хотя компания просто могла сделать ему щедрое денежное предложение

    Ближе к нам история с Дом.ru (интернет-провайдер), которые хотели отжать домен dom.ru и у них тоже ничего не получилось

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

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

    Kadzi
    @Kadzi
    Ом
    1. Усложнять простое проще, чем упрощать сложное.
    2. Сначала мобильные. P.S это не подразумевает обделить десктоп.
    3. Перестать мыслить сетками и точными размерами: делать в первую очередь полезные блоки. Почему у дизайнеров проблема с адаптивами? Да потому что они обвешивают блоки немощными кусками "дизайнерских" говнорешений. Когда всей этой поганой мишуры нет, то и вопрос с сетками отпадает. Хороший сайт может быть хоть в 500px шириной на десктопе, при условии что есть полезное действие.

    Я начинаю от 290px, но даже сверстав, смотрю что происходит если блок сжимать дальше. Всё больше прихожу к осознанию, что нужно научиться мыслить относительными единицами. На десктопе использую ширину от 700 до 1200px для контента, но плавно ухожу от точных единиц в сторону относительных.

    Есть отдельная категория дизайнеров-даунов, которые выставляют в редакторе ширину холста 1920 и думают что типа теперь это дизайн под широкие экраны. (хотя контентная область осталась такой же). https://css-live.ru/ вот пример сайта с отзывчивым дизайном.

    Другая категория, всячески усложняет десктопные версии, чтобы не смотрелось просто. Это глупость. Не понимание факторов ранжирвоания сайтов, поведения пользователей и так далее.

    4. Больше отзывчивости, больше относительных единиц, больше grid css.
    5. Украшайки — в последнюю очередь.
    6. Дизайн сразу в браузере. Да, дизайнить сайт сразу в браузере, использовать условные элементы, которые потом можно отрисовать уже в граф. редакторе. Чтобы дизайнить в браузере, соответственно изучить вёрстку + технологии анимаций в вебе. +доступность +производительность.
    7. Фильтровать тренды.

    На мой взгляд, проблема сеток это вопрос дебильного дизайна и не понимания того, как это будет отображаться в браузере. Не вижу ни 1 плюса чтобы начинать с этого.
    Ответ написан
    2 комментария
  • Как реализовать верстку линий в иерархичном дереве?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Тут ВСЁ!
    Ответ написан
    Комментировать
  • Как сделать так, чтобы приложение ютуба на андроид перестало работать?

    KEugene
    @KEugene
    Если есть доступ к учетке "жертвы", то ее можно временно вписать себе в Семью на Гугле. Указать ее аккаунт, как детский и тогда появляется масса настроек, которые можно делать удаленно. Можно тупо скрыть Ютуб со списка приложений, можно ограничить время работы, ограничить список просмотра (можно поставить возрастной рейтинг для самых маленьких и любой поиск по ютубу будет давать только Малышариков) и т.д. Когда уедет, удалить из Семьи.
    Ответ написан
    Комментировать
  • Как сделать большую картинку opengraph в телеграм?

    @Khech
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:image" content="{IMAGE URL}" />


    Как ни странно, в этой задаче помогают теги для Twitter
    Ответ написан
    6 комментариев
  • Как анимировать SVG?

    uvelichitel
    @uvelichitel
    habrahabr.ru/users/uvelichitel
    В svg картинка должна быть отрисована элементом path обязательно со свойством stroke
    <svg viewBox="0 0 340 333">
      <path class="path" fill="white" stroke="black" stroke-width="4" d="M66.039,133.545c0,0-21-57,18-67s49-4,65,8s30,41,53,27s66,4,58,32s-5,44,18,57s22,46,0,45s-54-40-68-16s-40,88-83,48s11-61-11-80s-79-7-70-41C46.039,146.545,53.039,128.545,66.039,133.545z"/>
    </svg>

    На чистом css(без JS) фокус делается манипуляцией свойствами stroke-dasharray, stroke-dashoffset
    .path {
      stroke-dasharray: 1000;
      stroke-dashoffset: 1000;
      animation: dash 5s linear alternate infinite;
    }
    @keyframes dash {
      from {
        stroke-dashoffset: 822;
      }
      to {
        stroke-dashoffset: 0;
      }
    }

    Работаюший пример https://codepen.io/chriscoyier/pen/bGyoz
    Ответ написан
    1 комментарий
  • Когда и где можно и нужно добавлять префиксы браузеров(-webkit- -moz- -ms-)?

    Lynn
    @Lynn
    nginx, js, css
    Используйте автопрефиксер.
    Пусть компьютер этим заморачивается https://github.com/postcss/autoprefixer
    Ответ написан
    Комментировать
  • Как добавлять новые строки и обновлять их без перезагрузки страницы?

    Jeer
    @Jeer
    уверенный пользователь
    Привет.
    1. Без перезагрузки страницы операции с DOM моделью выполняются на фронте. Погугли, как работают document.createElement и element.appendChild.
    2. Чтобы было в режиме реального времени, когда кто-то изменяет строку, сервер должен делать рассылку на всех участников, что такая-то строка изменена. Это делается через вебсокеты, например. В целом, посмотрите принципы реактивного программирования.
    3. Когда вы создаёте элемент из первого пункта, ему можно присвоить какой-то css класс element.classList.add("mystyle");
    Ответ написан
    Комментировать
  • Паспортные данные для регистрации домена?

    jamessvetsky
    @jamessvetsky
    Специалист по почтам и рассылкам
    Добрый день!
    Открываем правила регистрации доменных имен в зонах ru и рф:
    https://cctld.ru/files/pdf/docs/rules_ru-rf.pdf
    9.2.5. В Реестре сохраняется следующая информация, предназначенная для
    идентификации администраторов — физических лиц:
    1) фамилия, имя и отчество;
    2) дата рождения;
    3) место жительства;
    4) сведения о документе, удостоверяющем личность администратора (включая
    серию, номер, дату выдачи документа и наименование органа, выдавшего документ).

    У большинства регистраторов эта информация скрыта для открытого доступа, но, разумеется, в случае официальных запросов она будет оглашена.
    Оформлять домен на левые документы категорически не советую. И дело даже не в том, что могут быть сложности при его продаже или передаче кому нибудь. А в том что в любой момент это может обнаружиться и останетесь без домена.
    По поводу покупки домена. Советую выбирать из официальных регистраторов зоны. Требования к ним более чем серьезные. Список можно посмотреть здесь
    https://cctld.ru/domains/reg/
    Reg Ru и Ru Center - цена продления завышена, плюс множество платных доп услуг. Лично я пользуюсь atex.ru где и покупка и продление 149 рублей. А вообще сравнительную табличку по ценам можно посмотреть вот тут
    https://7fk.ru/cena-domena-ru/
    Ответ написан
    2 комментария
  • Почему CSS Grid не стоит делать?

    profesor08
    @profesor08 Куратор тега CSS
    https://caniuse.com/?search=grid - 95.86%

    Практически все, что можно сделать на флексах, можно сделать на гридах. Я такого не встречал. Но, многие вещи, которые легко решаются на гридах, на флексах ты упоришься делать, а делая адаптив упоришься на каждом брейкпоинте. Если бы во флексах была поддержка gap изначально, то флексы были бы офигенными. Но это свойство появилось недавно, и комфортно его использовать можно будет очень нескоро. Повторю, у гридов поддержка браузерами уже 95.86%.
    Ответ написан
    Комментировать
  • Почему CSS Grid не стоит делать?

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

    К сожалению, еще не ушло поколение старых браузеров и IE, где либо старые спецификации, либо совсем не поддерживаются гриды.

    PS. grid-gap устарел, теперь используется просто gap, который, кстати, работает и с flex-элементами тоже!
    Ответ написан
    Комментировать
  • Как правильно сделать ссылку "В начало страницы" на React?

    @Corvuss
    Если просто на самый верх страницы нужно, то что-то типа такого:

    <button onClick={() => {window.scrollTo(0, 0)}}>В начало страницы</button>


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

    kompi
    @kompi
    nullstack devoops
    "Господи, нагородили":
    window.scroll(0,0);
    Для ленивых:
    <span onclick="window.scroll(0,0);">^^^^</span>
    Ответ написан
    1 комментарий
  • Можно ли нарисовать такую линию с помощью CSS?

    Lebezniy
    @Lebezniy
    Веб разработка
    По середине значок есть похожий html symbol.
    По бокам сделать ::before и ::after с помощью linear-gradient. Типо такого:
    height: 3px;
    background-image: linear-gradient(90deg, #ccc, #ccc 13%, transparent 0%, transparent 0%);
    background-size: 21px 3px;
    Ответ написан
    Комментировать
  • Как сделать такой бордер?

    @JustFreelance
    front-end developer
    С помощью тени, цвета только нужно поправить на нужные

    Ответ написан
    Комментировать
  • Как загрузить существующий проект на Bitbucket?

    При создании чистого репозитория в bitbucket высвечивается подробная инструкция как подключить существующую репу.

    Step 2: Connect your existing repository to Bitbucket
    git remote add origin git@bitbucket.org:casufi/test-repo.git
    git push -u origin master


    Зачем какието порты выдумывать? Для того, чтобы пушить в репозиторий по протоколу git, вам нужно будет настроить авторизацию по ключам ssh, в документации это есть. Если лень настраивать авторизацию по ssh, используйте ссылку через https
    git remote add origin https://casufi@bitbucket.org/casufi/test-repo.git
    git push -u origin master

    Ну и для текущего репозитория нужно настроить email чтобы совпадал с вашим email в битбакете
    $ git config user.name "John Doe"
    $ git config user.email johndoe@example.com
    Ответ написан
    3 комментария