• Как отключить autocomplete в современных браузерах, в том числе в Chrome?

    passshift
    @passshift Автор вопроса
    php, js, html5, css
    Для Chrom'а версии 49.0.2623.112 m помогло следующее:

    <input type="password" name="password" autocomplete="new-password">


    самое странное:
    я указал autocomplete="new-password" только для одного поля в форме, но автозаполнение отключилось у всех полей Оо

    UPD: хах! Вообщем есть форма, в ней 10 полей, поле юзернейм и пароль автозаполнены... применяю autocomplete="new-password" к полю юзернейм - проблема остается, применяю к полю с паролем (оно в конце формы) и трюк срабатывает, причем у поля юзернейм тоже отключается автозаполнение ДАЖЕ БЕЗ autocomplete="new-password"
    Не знаю насколько кроссбраузерно, кто-нибудь может проверить?
    Ответ написан
    2 комментария
  • Может ли git в ветке master знать о новых изменениях в другой ветке?

    jcmvbkbc
    @jcmvbkbc
    "I'm here to consult you" © Dogbert
    Перейдя в ветку dev, я делаю изменения в файле. Само собой в ветке master видно, что файл изменился и git status покажет, что есть изменения.

    Пока изменения не закоммичены они не принадлежат никакой ветке, они только в рабочей копии. А гит при переключении веток сохраняет изменения сделанные в рабочей копии. (Это не всегда возможно, например, если в рабочей копии и в ветке на которую происходит переключение изменено одно и то же место, git не даст переключиться на эту ветку, с сообщением, что переключение затрёт изменения в рабочей копии). Поэтому переключаясь между ветками можно наблюдать разницу между содержимым ветки и содержимым рабочей копии. Как только изменения закоммичены, они принадлежат ветке, в которую они закоммичены и при переключении ветки на другую в рабочую копию будет скопировано содержимое файла из новой ветки.
    Ответ написан
    4 комментария
  • Svg icon. Как правильно работать и где брать исходники?

    Virel
    @Virel
    цифровой художник
    Обычно свг идёт отдельно, конечно. Но трассировку сделать тоже можно. Если иконка простецкая - это дело 2х-5ти минут. А так пусть доплачивают за доработку или бедного дизайнера мурыжат.)
    Ответ написан
    4 комментария
  • Как подступиться к данному блоку?

    LenovoId
    @LenovoId Куратор тега SVG
    svg, css,js
    JQUERY BEFORE/AFTER PLUGIN по описанию на это похоже
    Ответ написан
    1 комментарий
  • Как подступиться к данному блоку?

    Это называется image comparison slider. Работает судя по названию только с картинками. Вот пример.
    Ответ написан
    3 комментария
  • Как правильно выглядят атрибуты ссылок для skype, viber...?

    @cssfish
    Плохое знание основ - причина больших бед
    skype
    <a href="skype:+9998887766?call">
    <a href="skype:username?chat">


    для viber whatsapp имхо нет нормальных вариантов. что-то пашет на ios, что-то на андроиде, в целом все печально. хотя ,может, что изменилось за последние полгода (с тех пор не ковырял эту тему)
    Ответ написан
    1 комментарий
  • Как правильно выглядят атрибуты ссылок для skype, viber...?

    Stalker_RED
    @Stalker_RED
    Список всех стандартизированныз URI схем: https://www.iana.org/assignments/uri-schemes/uri-s...

    Скайп: https://msdn.microsoft.com/en-us/library/office/dn...

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

    У телеграма ситуация похожая. https://telegram.wiki/general/urischeme
    Ответ написан
    1 комментарий
  • Как выводить статьи из цикла Wordpress в нужном месте?

    Почитайте про WP Query, не особо могу понять что у вас за проблема с выводом, но если вы вставляете конкретно этот код, что прислали выше, то понятное дело что он будет работать не так как нужно.
    Ответ написан
    2 комментария
  • Где найти интерактивное изучение js?

    yurakostin
    @yurakostin
    Front-end developer
    Самый крутой интерактив это садиться и программировать.
    Всегда рекомендую, в качестве учебника для начала, прекрасный ресурс Ильи Кантора.
    https://learn.javascript.ru/
    Следуйте по урокам, выполняя все задачи, не переходите на следующий, пока не поймёте текущий. Если не получается решить задачу - посмотрите решение, но обязательно осознайте, почему работает так, а не иначе. Это может отнять время, но если js - технология, которая в будущем вам пригодится, то это время будет потрачено с пользой.

    Появился у вас вопрос, появилась идея что-то реализовать, пусть даже простое -
    откройте консольку и проверьте/создайте файлик и реализуйте, что вам взбрело в голову.

    Удачи.
    Ответ написан
    2 комментария
  • Как правильно пересчитывать поля и отступы из px в em?

    paulradzkov
    @paulradzkov
    Дизайнер, верстальщик, начальник отдела UI
    Margin и padding в em всегда рассчитываются от размера шрифта своего элемента по формуле:

    margin(em) = margin(px) / font-size(px)

    где font-size(px)вычисленное значение размера шрифта. Хотя сам размер шрифта может быть задан в любых единицах измерения или может быть унаследован от любого своего родителя.

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

    a23370385b8b4a189b2e98eb727e3fb2.png
    Ответ написан
    3 комментария
  • Как правильно верстать иконки?

    rim89
    @rim89
    программист-велосипедист
    <a href="#" class="link_css">Hide link text</a>
    .link_css{background: url(link_img.jpg); text-inded: - 9999px;}


    Как то так , и пустой ссылки нету и изображен в CSS.
    Спрайты - отличная вещь.
    Если иконка не ссылка, то в какой тег лучше ее запихнуть?

    Если иконка - изображение то в img ;)
    Если использовать icon font то лучше подключать через сеть или через сервер т.е. своим файлом?

    я думаю, что тут такое же холивар как и с тем где хранить JS библиотеки: локально или на CDN
    Ответ написан
    1 комментарий
  • Как оцените данную верстку?

    julia_amake
    @julia_amake
    Front-end разработчик
    Мне очень нравится, получилось здорово. Единственное, немного смущает отсутствие hover-эффектов и cursor:pointer на кнопке в блоке Subscribe.

    И некоторые "придирки" по коду:

    1) скрипты из head вы нести вниз страницы
    2) a можно было не оборачивать в div. И strong использовать с осторожностью, он обозначает высокую важность, поэтому для оформления лучше использовать теги попроще, например, обычный span или b
    <div class="logo">
        <a href="#"><strong>. one</strong>town</a>
    </div>

    3) h1 нежелательно использовать на странице больше одного раза, в html5 это разрешается, но seo-шники обычно ругаются за такое
    4) вместо этого ужаса
    <input type="text" class="email" value="Enter Your Email Address" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;">

    уже давно можно использовать атрибут placeholder
    5) стили для ie можно вынести в отдельный css-файл, и загружать его только для IE
    6) элементы типа стрелочек, точек, линий можно сделать на css,а не картинками ;-)

    А так для первого раза это больше, чем отлично!!) Красиво, валидно и быстро!
    Ответ написан
    5 комментариев
  • С каких макетов начать изучение адаптивной верстки?

    andykov
    @andykov
    Shit happens
    Да господи, берешь любой адаптивный psd макет либо любой лендинг и делаешь с ним че хочешь.
    Ищи по запросу psd responsive templates.

    Товарищ Денис Инешин верно написал:
    надо просто учиться адаптировать любую хню под разные разрешения

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

    IonDen
    @IonDen
    JavaScript developer. IonDen.com
    Адаптивная верстка это всего лишь по сути манипулирование media queries для преобразования размера и позиций элементов в зависимости от ширины экрана, плотности пикселей и т.п. Для изучения этой технологии подойдут любые макеты.

    Фича в том, что может быть 2 варианта:
    1. Дизайнер все продумал за вас и сам отрисовал макет сайта в нескольких популярных разрешениях (экран смартфона, экран планшета, полноразмерный десктоп). И вам нужно лишь грамотно сделать переход из одного состояния в другое.
    2. Дизайнер нарисовал только десктоп версию и вам нужно адаптировать её под мобильные устройства. Тут работает фантазия и здравый смыл. Вот и всё.

    Т.е. по сути отличие только в том, продумали за вас внешний вид или нет. В остальном же, верстка обоих типов макетов ничем не отличается.
    Ответ написан
    5 комментариев
  • Как сравнять стили firefox с остальными браузерами?

    @neol
    ИМХО верстать текст пиксель в пиксель в вебе бессмысленно, ибо размер букв у конечных пользователей будет сильно варьироваться в зависимости от настроек рендеринга шрифтов, даже если не брать в расчет, что разные браузеры рендерят по-разному, не говоря уже о разных ОС. Соответственно ваша верстка, должна учитывать, что размер текста может заметно меняться. Нет ничего страшного в том, чтобы задавать размеры для элементов, обрамляющих текст, если того требует дизайн.
    Ответ написан
    Комментировать
  • Как быстро подтянуть свой уровень веб-разработчика, чтобы соотвествовать требованиям работодателей?

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

    Вообще стандарт:
    HTML5/CSS3;
    JavaScript / jQuery;
    Адаптивная, кроссбраузерная верстка;
    Git;

    Освойте все это на профессиональном уровне, и у вас всегда будет работа. А далее изучайте технологии по мере популярности и востребованности. Заходите на hantim.ru, выбираете: front end, html, верстальщик и тд. Смотрите что больше всего требуют, а затем изучайте, ну и по мере свободного времени изучайте то, что облегчает работу вроде node.js, less/sass и тд.

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

    rim89
    @rim89
    программист-велосипедист
    Ответ написан
    Комментировать
  • Как принято располагать файлы на сервере?

    AlekseyNemiro
    @AlekseyNemiro
    full-stack developer
    Можно и в корне оставить, если страниц всего 10 и больше не будет.

    Все от сайта зависит.

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

    Вообще, правил на этот счет никаких нет, особенно для статичных (html) сайтов :)
    Ответ написан
    1 комментарий
  • Как принято располагать файлы на сервере?

    @l2p
    Можно создать папку pages и через .htaccess перенаправлять их с /pages/page.html на /page.html.
    Можно положить в корень. Если Вы говорите про html сайт.
    Ответ написан
    Комментировать
  • Как принято располагать файлы на сервере?

    dimsog
    @dimsog
    Переносил код с PHP 4 на 7.4...
    Хм, в вашем случае в папке pages или в корне.
    Я всегда думал, что сейчас все генерируется средствами языка, например PHP и не нужно создавать отдельно страницы вручную)
    Ответ написан
    3 комментария