Ответы, понравившиеся пользователю Дмитрий Гормаш

В чем разница между :before и ::before с двумя двоеточиями?

Максим @LenovoId

svg, css,js

Одно или два двоеточия?

Нет никакой разницы между :before и ::before или между :after и ::after. Синтаксис с двумя двоеточиями характерен для CSS3.

На www.w3.org/TR/css3-selectors/#pseudo-elements есть такой абзац:

Этот знак (::) введен для того, чтобы отличить псевдо-классы от псевдо-элементов. Для совместимости с уже существующими таблицами стилей псевдо-элементы в CSS 1 и 2 также возможно задавать с одним двоеточием (в частности, :first-line, :first-letter, :before и :after

источник

Ответ написан более трёх лет назад

Комментировать

Как сделать логотип и меню в одну строку с помощью inline-block?

riot26 @riot26

<:З )~~

Лого нужно поместить внутрь header`а:

<header>
  <h1 class="logo">ТехМашИнтер</h1>
	<!--Навигация в шапке-->
		<nav class="menu">

Как ответ не отмечайте, подождём пока кто-то ответит более развёрнуто.

Ответ написан более трёх лет назад

Комментировать

Как сделать добавление класса к div удаление его через 3 секунды?

WebDev @kirill-93

$(function(){
  $('.logo').click(function(){
    $('.logo').toggleClass('roll');
    setTimeout(function() {
        $('.logo').removeClass('roll');
    }, 3000);
  });
});

Ответ написан более трёх лет назад

Комментировать

Как сделать что бы цвет колонок добавлялся по определённой схеме?

iBird Rose @iiiBird Куратор тега CSS

Пока ты спишь - твой конкурент совершенствуется

htmlbook.ru/css/nth-child
через n переменную

Ответ написан более трёх лет назад

Комментировать

Как спозицианировать блок выше родителя родителя?

Сергей @void01

если послойно используй например z-index:-1 у дочернего
если по оси Y то с отрицательным margin-top
если надо четко под размер дочки смещать используй transform: translateY(-100%)
если под размер родителя position:absolute; top:-100%;

Ответ написан более трёх лет назад

1 комментарий

Как проверить поддерживает ли браузер calc()?

Алексей @skazi_premiere

Верстаем как умеем ;) HTML/CSS/JS

Все тут

Ответ написан более трёх лет назад

3 комментария

HTML5, нужен ли закрывающий слэш в мета тегах?

zooks @zooks

Frontend

Интересно, что 3/4 ответов неправильные.

Зависит от доктайпа.

Если используется новый HTML5
<!DOCTYPE html>
то закрывающий тег не нужен. Но его наличие ошибкой не будет.
Если используется XHTML
```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
```
тогда наличие закрывающего тега обязательно.

P.S. У вас в первых двух примерах кавычки не закрыты - это уже критично.

Ответ написан более трёх лет назад

2 комментария

С помощью чего лучше делать параллакс эффект?

Максим @LenovoId

svg, css,js

Вот смотрите

Ответ написан более трёх лет назад

Комментировать

Как сделать одинаковое отображение верстки на различных мониторах?

Алексей @skazi_premiere

Верстаем как умеем ;) HTML/CSS/JS

Шрифты делайте в em, задав основной размер один раз. Верстайте по сетке (кастомизировать можно под разрешения) + медиа запросы, про картинки в поиске посмотрите под ретину были уже решения.

Ответ написан более трёх лет назад

Комментировать

Как организовать "архитектуру" верстки проекта (верстать модульно)?

Владислав Безенсон @iscareal

Front-End Developer

У меня структура выглядит вот так:

styles.scss

// Тут подключение всех бутстрап компонентов, если используется этот фреймворк.

// Helpers
@import "helpers/variables";
@import "helpers/mixins";

// Vendor (Вендорные стили. Например от плагинов)
@import "../../node_modules/slick-carousel/slick/slick.scss";

// Common (основные стили.)
@import "common/base";
@import "common/typograpy";

// Components (мелкие визуальные элементы)
@import "components/buttons";
@import "components/forms";
@import "components/loader";
@import "components/table";

// Modules (большие куски. Шапка, футер, продукт)
@import "modules/footer";
@import "modules/header";
@import "modules/main-slider";
@import "modules/navbar";
@import "modules/section";
@import "modules/services";

// Pages (стили, котрые нужно применить для конкретной страницы)
@import "pages/index";

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

Ответ написан более трёх лет назад

2 комментария

Как вывести первую букву из предложения (wordpress)?

ReeZo @ReeZo

<?php // Для заголовка категории
        $category = get_the_category();
        echo mb_substr($category[0]->cat_name, 0,1);  
      ?>

      <?php // Для заголовка записи или страницы
        $title = get_the_title();
        echo mb_substr($title,0,1);  
      ?>

Ответ написан более трёх лет назад

1 комментарий

В чём ошибка при парсинге даты?

Алексей @alsopub

Дата не указана, только время.

Ответ написан более трёх лет назад

2 комментария

Как узнать индекс найденного значения и реализовать поиск значения по индексу?

napa3um @napa3um

Не очень понял ваше описание задачи. Для поиска одинаковых элементов в двух массивах можно воспользоваться подобной конструкцией:

var intersect = arr1.filter(item => arr2.indexOf(item) != -1);

intersect будет содержать массив всех совпадающих элементов.

Ответ написан более трёх лет назад

Комментировать

Как записать значение в input?

atis // @atis2345

PHP developer

document.getElementById('amount').addEventListener('input', function() {

    var value = this.value,
        sum   = (value * 500).toFixed(0),
        input = document.getElementById('sum');

    if(sum < 1000) {
        sum = 1000;
    }

    input.value = sum;
});

Ответ написан более трёх лет назад

Комментировать

Как можно упростить такой js код?

Андрей Инишев @inish777

Нижняя граница всегда равна (2 * size) - 1, верхняя граница, соответственно, (2 * size) + 2

var size = 0;
if (OG >= 103 && OG <= 182) {
    for (var i = 52; i <= 90; i += 2) {
        if (OG >= 2 * i - 1 && OG <= 2 * i + 2) {
             size = i;
             break;
        }
    }
}

Ответ написан более трёх лет назад

Комментировать

Как обратиться к элементу с пробелом в название на Jquery?

Bowen @Bowen

Японский бог

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

Ответ написан более трёх лет назад

1 комментарий

Почему не работает transition в IE11?

Дмитрий @thewind

php программист, front / backend developer

Вы не указали какому свойству делать transition, почитайте синтаксис свойства.

Ответ написан более трёх лет назад

5 комментариев

В чем ошибка JS?

DevMan @DevMan

https://jsfiddle.net/d3j7zmvo/

Ответ написан более трёх лет назад

2 комментария

Как сверстать блок таким образом?

Котик Антон @27cm

TODO: Написать статус

codepen.io/anon/pen/KzRmZK

Ответ написан более трёх лет назад

1 комментарий

Wordpress: кастомная регистрация ajax?

Игорь Воротнёв @HeadOnFire

PHP, Laravel & WordPress Evangelist

1. Если родные юзеры не подходят, им можно сделать class My_User extends WP_User
2. Чуть некорректная регистрация экшна в ООП-формате, надо

$loader->add_action( 'wp_ajax_nopriv_register_ajax_handler', array( $this, 'register_ajax_handler') );

3. Проверьте html код страницы, там где-то инлайном должен быть скрипт с определением переменной ajaxurl
4. А еще, есть wp_ajax_nopriv_* и wp_ajax_*

Собственно, думаю что №2 решит проблему.

Ответ написан более трёх лет назад

15 комментариев

Войдите на сайт