Задать вопрос
Petroveg

Евгений Петров

Миром правят маленькие с#@&ки
Лайки

  • На что "опираться" при выборке элемента в JS?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    А можно так:
    <button class="xxx__action" data-action="close">action</button>
<button class="xxx__action" data-close="">action</button>

    $('[data-action=close]').on('click', ...);
$('[data-close]').on('click', ...);


    И это будет немного кошернее.
    Ответ написан
    8 комментариев
    8 комментариев

  • Как сделать border-radius наоборот?

    iiil
    @iiil
    Инженер и вэб-дизайнер, рисую.
    upd
    Если нужна юзабельность карты только внутри круга, то в голову приходит только svg
    codepen.io/iiil/pen/JpBaE
    Зато заметьте, как работает отлично, карта работает только в области круга (а не приямоугольника), за счет все того же
    pointer-events: none;который, как говорят, и был придуман в свое время для svg.
    Кроме того, Вы можете сделать более сложный svg, к примеру, чтобы был доступ до объектов управления картой — вырезать окна для них.

    codepen.io/iiil/pen/Bwhjq
    С картой надо будет работать? Тогда как вариант: pointer-events: none;
    Саму маску с помощью бордеров, или как тут указывали — с помощью радиального градиента и псевдообластей.
    P.S. Учитывая несколько предложенных абсолютно разных вариантов — из Вашего рисунка все-таки не все понятно )
    Ответ написан
    5 комментариев
    5 комментариев

  • Как сделать border-radius наоборот?

    barkalov
    @barkalov
    Суть такова.
    Если блок делать размером не 100% от вьюпорта, то будет немного сложнее — в mousemove надо будет пересчитывать координаты бэкграунда. То есть надо убрать background-attachment: fixed; и считать правильный background-position.
    Ответ написан
    Комментировать
    Комментировать

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

    iiil
    @iiil
    Инженер и вэб-дизайнер, рисую.
    А еще есть другие единицы измерения, и для начала ознакомьтесь со всеми. Потом разберитесь, что собираетесь поддерживать, а только потом принимайте решение. А решение это не будет одинаково для всех случаев, например ширину общего контейнера Вы можете задать в vw или %, а размеры логотипа скорее всего лучше задавать через px.
    Ответ написан
    1 комментарий
    1 комментарий

  • Как определять какой radio: checked?

    iiil
    @iiil
    Инженер и вэб-дизайнер, рисую.
    codepen.io/iiil/pen/qHiLz
    Ответ написан
    Комментировать
    Комментировать

  • Как запустить скрипт в момент отправки данных через button submit?

    butteff
    @butteff
    Раз в тысячу лет заправляю свитер в носки
    Если я правильно понял, то подойдет событие onsubmit
    В селектор при этом надо ставить форму, а не кнопку. Также посмотрите функцию jquery .on()
    Ответ написан
    5 комментариев
    5 комментариев

  • Почему не работают русские шрифты google fonts на сайте?

    @alonerus
    Не все шрифты имею кириллицу, помимо этого, когда вы выбираете импорт шрифта Вы сами устанавливаетегалочке на выборе языка/жирности и пр.
    Ответ написан
    1 комментарий
    1 комментарий

  • Где странице скрипт, отвечающий за "шевеление" картинок (в исходном коде не видно)?

    Zoxon
    @Zoxon
    Веб-разработчик
    Посмотрите инспектором, на mouseover висит скрипт, только он минифицированный и склееный. Имя у него тоже генерится

    (function($, undefined) {
    $.widget("ui.pfCatEffects", {
        options: {},
        _init: function() {
            this.$this = this.element;
            this.$childs = this.$this.find('li');
            this._cling([440, 500], [440, 500], "marginLeft", "marginTop");
        },
        _cling: function(d, c, a, b) {
            this.$childs.find('img').each(function(j, e) {
                var x = $(e),
                    u = 0,
                    m = 0,
                    s = 0,
                    q = 0,
                    g = a || "left",
                    o = b || "top",
                    f = parseInt(x.css(g)),
                    v = parseInt(x.css(o)),
                    p = false,
                    n, k, r = function(i, h) {
                        return i > 0 ? Math.pow(i, h) : -Math.pow(-i, h)
                    };
                x.hover(function(h) {
                    if (typeof h.offsetX === "undefined" || typeof h.offsetY === "undefined") {
                        var t = $(h.target).offset();
                        h.offsetX = h.pageX - t.left;
                        h.offsetY = h.pageY - t.top;
                    }
                    clearTimeout(n);
                    clearTimeout(k);
                    x.stop(0, 1);
                    n = setTimeout(function() {
                        p = true
                    }, 10);
                    u = x.width() / 2;
                    m = x.height() / 2;
                    s = h.pageX - (h.offsetX || h.layerX) + u;
                    q = h.pageY - (h.offsetY || h.layerY) + m;
                    kw = d ? (d[0] - u) / d[1] : 0.2;
                    kh = c ? (c[0] - m) / c[1] : 0.2
                }, function() {
                    clearTimeout(n);
                    clearTimeout(k);
                    k = setTimeout(function() {
                        p = false;
                        var h = {};
                        h[g] = [f, "easeOutElastic"];
                        h[o] = [v, "easeOutElastic"];
                        x.animate(h, 1000)
                    }, 100)
                }).mousemove(function(i) {
                    if (p) {
                        var h = {};
                        h[g] = f + r(i.pageX - s, kw);
                        h[o] = v + r(i.pageY - q, kh);
                        x.css(h)
                    }
                    return false
                })
            })
        }
    });
})(jQuery);;

    $('.ny .content-menu').pfCatEffects();
    Ответ написан
    Комментировать
    Комментировать

  • Где хранить данные сайта?

    lexxpavlov
    @lexxpavlov
    Программист, преподаватель
    Посмотрите на Wordpress - это такая система управления сайтом, она вам поможет управлять разными страницами.
    Купите домен и хостинг, на хостинг установите вордпресс (хотя есть хостинги с уже предустановленным вордпрессом - посмотрите вот тут, например: https://wpmag.ru/wordpress-hosting/. От меня - DigitalOcean будет отличным вариантом).
    В самом вордпрессе настройте несколько категорий, и создавайте страницы на каждый день с праздниками.
    Вот когда появится необходимость выводить на главную страницу именно сегодняшнюю страницу - тогда пишите вопрос, как это сделать. А сейчас поищите подробные статьи по созданию сайтов и конкретно по вордпрессу. Начните читать с этой страницы.
    Ответ написан
    Комментировать
    Комментировать

  • Где взять большое количество аваторок пользователей для дизайна?

    rOOse
    @rOOse
    Frontend developer
    uifaces.com
    Ответ написан
    Комментировать
    Комментировать

  • Как инициировать mousemove при keydown в javascript без jQuery?

    IonDen
    @IonDen
    JavaScript developer. IonDen.com
    Как то так:
    var trigger = function(el,type)
	{
		var event;
		if (document.createEvent) {
			event=document.createEvent('HTMLEvents');
			event.initEvent(type,true,true);
		} else {
			event=document.createEventObject();
			event.eventType=type;
		}

		event.eventName=type;
		if (document.createEvent) {
			el.dispatchEvent(event);
		} else {
			el.fireEvent('on'+event.eventType,event);
		}
	};


    Но на самом деле надо быть проще.
    На mousemove сохраняйте текущие х и y мышки в паре переменных.

    На keydown просто возьмите их из этих переменных.
    Ответ написан
    3 комментария
    3 комментария

  • Что за шрифт на brainstorage.me?

    Zoxon
    @Zoxon
    Веб-разработчик
    Это не шрифт а леттеринг
    Сергей Шапиро на нем специализируется https://dribbble.com/sergeyshapiro
    Ответ написан
    Комментировать
    Комментировать

  • Как правильно использовать bootstrap?

    iiil
    @iiil
    Инженер и вэб-дизайнер, рисую.
    Вопрос задавался в разных интерпретациях тысячу раз, использовать его или нет.
    Не нужны дефольные стили — используйте только сетку.
    Бутстрап в чистом виде годится отлично для веб-приложения, где нужен только функционал, а дизайн заключается в выборе цвета, шрифта и картинки логотипа.
    Но его можно легко изменить, а можно все написать самому. Он как jq для js — все знают, что нативный js быстрее и легче, но не все могут написать на нем также, как на jq. Считаете, что у Вас есть силы и время писать что-то самому — не используйте бутстрап или используйте его только для админки сайта.
    Ответ написан
    Комментировать
    Комментировать

  • Где можно почитать подробное руководство по html5 css3 ?

    Libris
    @Libris
    Конечно посоветовала перед тем как задавать вопрос посмотреть не было ли задано недавно такого. Так как Я пару часов назад писала уже ответ. После прочтения книг лучше всегда заглядывать в документацию, так как стандарты постоянно меняются. Но тем не менее знать даже то что устарело всегда полезно, конечно не так как то что актуально, но малая доля полезности в этом есть)
    Ответ написан
    Комментировать
    Комментировать

  • Есть ли в природе обширная книга по front end разработке?

    Libris
    @Libris
    Как тема у врачей про таблетку от всех болезней так и у начинающих фронт-эндов. Обширной одной нет, но есть много хороших книг на разную тему.
    И так список понравившихся мне книг:
    www.ozon.ru/context/detail/id/24493075 - Большая книга CSS3 на данный момент одна из лучших книг по css. Тут Вы найдёте не только применение css и объяснения как и что работает , но и кучу полезных сервисов.
    www.ozon.ru/context/detail/id/18060929 - Данную книгу лучше читать тем кто уже знаком с js и конечно хорошо знает html 4 или/и xhtml - так пишет автор и после прочтения половины книги знания js Вам понадобятся точно. Книга довольно обширная не смотря на её 500стр. - конечно есть вода, но куда без неё. Хотя для одних вода, а для других интересные и нужные факты.
    www.ozon.ru/context/detail/id/19677670 - книга с носорогом) куда без неё... Одна из лучших книг, хоть и вода есть, но она стоит своих денег. Это огромный справочник под все случаи жизни. Так же отдельно от неё продаётся маленький справочник (который находится в конце этой огромной книги). Вот в нём как раз нет воды и всё самое важное. Стоит он около 300р - 400р.
    www.ozon.ru/context/detail/id/3159814/#comments_list - эта книга одна из лучших, хотя даже лучшая... В ней вся суть программирования. Тут не рассматривают один конкретный язык. Тут о каждом по чуть-чуть и взята суть каждого.
    www.ozon.ru/context/detail/id/28298064 - книга стоит своих денег, Я бы даже сказала она очень дешевая. В ней рассматриваются пути обхода css3. То есть как сделать что-то с css3 и без него. Также говорят о фильтрах и куча всяких полезностей.

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

    И так самой главной книгой в начале моего пути у меня была "Основы веб-программирования с использованием HTML... - её Я бы посоветовала новичкам которые не знают что такое css и html толком, но которые хотят научиться писать правильный семантичный и симпатичный код. В ней автор буквально толкает читателя на строгий xhtml, но тем самым приучивает быть внимательным и мне кажется как первая книга она не плоха.
    Возможно в свободное время кому-то будет интересно почитать книгу для улучшения памяти, которая как по мне очень даже приятно написана с изюменкой в виде юмора, в ней описаны метода как лугче всего запонимать любую информацию, но если говорить более точно то метод (метод мест) который повсеместно используется знаменитыми мнемонистами. Я думаю вопроса ни у кого не будет: " Зачем программисту книга с набором мнемотекник"

    Пожалуй стоит отметить и те которые покупать не стоит...
    Было дело мне хотелось почитать книгу про seo. Ну думаю раз мне нравится семантика, то Я найду её плюсы в книге по seo. Моё провальное знакомство началось (и закончилось) с книги "Раскрутка: новейшее руководство твоего продвижения сайтов в Рунете", ссылку на этот ужас приводить не буду. На ozone у неё положительные отзывы видимо только от авторов. А на обложке книги полуголая баба. Когда брала книгу то думала у автора с юмором и изложением всё норм, ну и промелькнуло мнение что по обложке не судят. Оказалось судить стоило))) кроме рекламы seoPult (писатели и есть эта контора) ничего там нет. Все 300 страниц описано одно. Вложите деньги в написание контента (можно заказать у нас) и вложите к нам в раскрутку. ВСЁ...
    Вторую книгу Я бы не то чтобы не советовала, скорее можно просто найти куда лучше, да и устарела она уже. JavaScript и jQuery, написана приятно, объясняют хорошо, но 50% технологий устарели или слабы. Тем более лучше носорог, а по JQ поискть что-то более новое
    Если Вам нужны книги по азам или более продвинутые по js то пишите в комментах
    Ответ написан
    17 комментариев
    17 комментариев

  • Как сделать темный фон и прозрачный квадрат на этом же темном фоне на рисунке?

    rOOse
    @rOOse
    Frontend developer
    Никак. В примере там просто блок с этой же картинкой поверх расположен и двигается в зависимости от позиции блока.
    Ответ написан
    3 комментария
    3 комментария

  • Какой плагин можно использовать для замены jquery.animate на css3 анимацию?

    IonDen
    @IonDen
    JavaScript developer. IonDen.com
    Animate.css конечно же!
    Ответ написан
    1 комментарий
    1 комментарий

  • В каких сферах программирования активно используется математика?

    newross
    @newross
    Product owner
    Кто сказал что в программировании матан редко применяется? Если продвинуться чуть дальше сайтов-визиток, то без матана будет тяжко.
    Любая цифровая обработка сигналов полна адового матана. При разработке систем высокочастотного трейдинга и систем финансового анализа очень много математики и экономики. Системы мониторинга Глонасс/GPS для разработки дополнительных фич тоже требуют некислых знаний матана и геометрии.
    В общем, проще выбрать интересующую область и искать себе применение в ней.
    Ответ написан
    1 комментарий
    1 комментарий

  • Где проблема в JavaScript?

    @xo8bit Автор вопроса
    решение, не дублировать JS код а вынести его отедельно от чекбокса
    Ответ написан
    Комментировать
    Комментировать

  • Частое использование important это нормально?

    iiil
    @iiil
    Инженер и вэб-дизайнер, рисую.
    Нет.
    Приведу аналогию, вот есть у Вас файл, предположим «Презентация.pdf». Первый раз Вы его назвали нормально, когда исправили, назвали «Презентация_испр.pdf», потом шеф внес новые коррективы и появляется файл «Презентация_испр_+шеф.pdf», после чего Вы еще раз правите, добавляя пару страниц и получается «Презентация_новейшая.pdf», потом «Презентация_последняя.pdf», «Презентация_14.12.2015.pdf» и так далее.
    А всего-то надо было назвать «Презентация_rev.0.pdf»
    Здесь примерно то же самое, Вы через какое-то время начнете путать, что и где Вы сделали с помощью important, а что просто наследуется. И так или иначе все равно придете к тому, что чтобы один important перекрывал другой, надо расположить классы в нужном порядке.
    Но лучше делать это сразу.
    Ответ написан
    Комментировать
    Комментировать