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

    Noizefan
    @Noizefan
    Всё гораздо проще, не пудри людям мозги.
    Создать абсолютно пустую страницу в вакууме, конечно же якобы ничего с неё не делать (этот момент ты, естественно, не упомянула) и внезапно непойми кто пишет такие вещи?))

    Никакими "узнать страницу по номеру" или "номер по странице" или "страницу по имени и фамилии" "за 5000 рублей лучший хакфорум lolzteam" тут и не пахнет.
    Вот для чего страницу создала - общаться с подружкой, вступить в группу, в которой всего 15 человек, добавиться ко всем друзьям своим, у которых итак друзей по 5 штук - вот к подружке, группам и друзьям и иди
    Какие в жопу сотовые операторы, друзья? Вы с ума посходили? вирусы флешки))) Может, своими фантазиями девок клеить в реал пойдете уже а?)) диванные племянники Холмса))
    нееет, это точно цру а наша тс это спецагент в бегах. Вот не знает уже что и делать на тостер пришла.

    Ты элементарнейшим образом сама себя слила, и злоумышленнику помогли 33% удачи, 33% социальной инженерии и 33% твоей собственной глупости. Подруга тебя подставила или издевается, схожесть интересов, GetContact, всё в тысячи раз проще, стоит лишь немного пораскинуть мозгой.

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

    IonDen
    @IonDen
    JavaScript developer. IonDen.com
    Можно воспользоваться jQuery:
    $(elem).offset().top; // top от документа
    $(elem).position().top; // top от родителя


    Если хочется именно на JS, то это чуть сложнее:
    var top = elem.getBoundingClientRect().top + document.body.scrollTop;

    Пример: jsfiddle.net/ewq36gaL
    Ответ написан
    2 комментария
  • Выполнение скрипта на странице, загруженной через AJAX?

    ogregor
    @ogregor
    арендатор vpn сервера debian
    Только что у себя решил такую же задачку:

    $("#images").load(location.href+" #images",function(){
    $.getScript("js/productHelper.js");
    });

    Подгрузил скрипт как написано.
    Ответ написан
    Комментировать
  • Как добавить SCSS в Vue?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Установи в проект node-sass и sass-loader (если я прально помню), а в style компонента пиши lang=sass. При установленных пакетах вебпак сам разберется, что надо подсосать, чтобы проект завелся. Его «конфиг», кстати, расположен при такой генерации в package.json.

    В смысле да, не только sass-loader нужен, но и в принципе sass-пакет
    Ответ написан
    4 комментария
  • Как вывести список категорий с изображением в woocommerce?

    @Alex-Woo
    full stack developer
    Выкладываю прямо с рабочего проекта:

    $prod_cat_args = array(
        'taxonomy'    => 'product_cat',
        'orderby'     => 'id', // здесь по какому полю сортировать
        'hide_empty'  => false, // скрывать категории без товаров или нет
        'parent'      => 0 // id родительской категории
      );
    
    $woo_categories = get_categories( $prod_cat_args );
      foreach ( $woo_categories as $woo_cat ) {
          $woo_cat_id = $woo_cat->term_id; //category ID
          $woo_cat_name = $woo_cat->name; //category name
          $woo_cat_slug = $woo_cat->slug; //category slug
          echo '<div class="main-cat-item">';
          $category_thumbnail_id = get_woocommerce_term_meta($woo_cat_id, 'thumbnail_id', true);
          $thumbnail_image_url = wp_get_attachment_url($category_thumbnail_id);
          echo '<img src="' . $thumbnail_image_url . '"/>';
          echo '<h2>';
          echo '<a href="' . get_term_link( $woo_cat_id, 'product_cat' ) . '">' . $woo_cat_name . '</a>;
          echo '</h2>';
          echo "</div>\n";
      }


    SCSS:
    .main-cat-item {
    		padding: 1em;
    		position: relative;
    
    		h2 {
    			font-size: 2em;
    			position: absolute;
    			bottom: 0;
    			right: 0;
    			padding: 1.5em 1.5em;
    			text-shadow: 0 1px 8px black;
    
    			a {
    				color: white;
    			}
    		}
    	}
    Ответ написан
    1 комментарий
  • Как верстать подобные блоки?

    RAX7
    @RAX7
    Проще всего display: grid + подложка на svg и медиа-запросами переключать подложки.
    Ответ написан
    1 комментарий
  • Удаленщики развиваются медленнее?

    mazhekin
    @mazhekin
    Frontend, Backend Web Developer
    По своему опыту могу сказать, что при переходе на удалённую работу(10 лет) из офиса(7 лет) мое развитие и производительность увеличились в разы.
    1) В офисе ты можешь ничего не делать, а просто показывать лицо и с умным видом рассуждать о полиморфизме. На удалёнке тебя никто не видит, а видят только твои результаты- это обязывает шевелиться быстрее и только по делу.
    2) В офисе ты слишком призязан к месту и организации, зачастую тебя берут на какой нибудь вырост, а в последствии могут дать поддерживать старую программку на фортране или на бейсике, или сунут печатать документы и рисовать рисунки и т.п. и ничего не скажешь. На удалёнке тебе легко поменять проект, если закончились твои задачи, ты смотришь на работу не как на что-то вечное и стабильное, а как на проект, на который тебя взяли из-за определенных скиллов, под конкретные задачи и от тебя ждут конкретные результаты.
    3) В офисе тебя отвлекают разговорами, совещаниями, теннисом и т.п., купят тот стул и комп, который купят, а не который ты хочешь, на удаленке у тебя отдельная комната - как минимум, кресло и мощный игровой ноут (легко поднимающий виртуальные машины или докер-контейнеры), которые ты сам себе выбрал.
    4) Да, экономия на времени, дороге, спорте, месте жительства само собой.
    5) В офисе обучение предлагается/навязывается, но так как вроде положение там стабильное то и оно не так и хочется прям учится, на удалёнке ты понимаешь что это твое конкурентное преимущество и без обучения никак, ты ищешь, анализируешь, что в тренде и больше востребовано, и подгоняешь свои скилы под общие требования рынка, а не конкретной организации.
    6) в офисе не особо поднимают тебе зарплаты типа никуда не денешься, а попросить неудобно, на удалёнке ты с каждым новым проектом пересматриваешь свою цену и приобретенный опыт. (ну хотя здесь немного вру, в офисе повышали нормально, после удачных релизов )

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

    И да... в офисе, мне сказали сразу, что тебя наняли решать задачи, а не отвлекать коллег, так что на то, что там кто-то делиться опытом, мне наверно не повезло.
    Ответ написан
    6 комментариев
  • Актуальна ли будет разработка через много-много лет?

    saboteur_kiev
    @saboteur_kiev Куратор тега Карьера в IT
    software engineer
    Пару лет назад начал изучать веб, вот казалось, всё идёт по маслу, изучил HTML, затем CSS, и естественно настала очередь JS. И вот тут уже начались трудности

    Вы изучили что-то простенькое.

    В итоге я начал медленно прекращать изучать его, потому что в мою юношескую голову, после наступления трудности( да, я знаю что JS — не самый сложный язык ),

    У вас начались проблемы, когда начали изучать что-то несложненькое.

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

    Откуда вывод, что людей, которые смогли изучить внезапно окажется много?
    Много будет тех, кто немного изучил html/css и забил на javascript
    немного будет тех, кто изучил html/css/javascript но не осилил фреймворки и ООП
    Совсем мало будет тех, кот изучил и html/css и языки и фреймворки и технологии
    И вообще единицы будут тех, кто full-stack-developer.

    Поэтому да, если вам уже сейчас сложно что-то учить, то нужно понимать, что в нише css/html конкуренция уже сейчас огромная и большинство типовых задач заменяется конструкторами.
    Но хороших разработчиков в обозримом будущем всегда будет не хватать.
    Интеллектуальная работа, которая требуется для того, чтобы быть программистом, крайне сложно автоматизируется. Если это будет сделано, то будет сделано АИ такого уровня, который сможет заменить почти любую интеллектуальную деятельность в любом направлении, а не в ИТ.
    Ответ написан
    6 комментариев
  • Трудоустройство в IT сфере, обязательное высшее образование?

    sergey-gornostaev
    @sergey-gornostaev
    Седой и строгий
    Обязательно умение пользоваться поиском. Этот вопрос задают на Тостере еженедельно.

    Многие компании, насколько я знаю, заинтересованны в твоем непосредственном дипломе.

    Бумажки никому не интересны, кроме ежегодно уменьшающегося процента компаний с жёсткой кадровой политикой. Да и таким компаниям ваш диплом не нужен, они просто поставят галочку "имеет ВО" в личном деле и подошьют скан диплома, даже не заглянув в него.

    И что уж говорить о европейских странах, Норвегии, США и т.д? Получить там работу без вышки ты попросту не сможешь, каким бы ты невероятно талантливым и умелым не был.

    Вы ошибаетесь. Во многих странах диплом заменяется пятью годами профильного стажа. И опять же, ежегодно Запад ослабляет требования к кандидатам, так как у них темпы роста кадрового голода ещё больше, чем в РФ. Если раньше хантили только топовых сеньоров, то сейчас уже готовы брать на себя расходы по релокации даже для мидлов.
    Ответ написан
    9 комментариев
  • В чем смысл быть гуру тостера?

    sergey-gornostaev
    @sergey-gornostaev
    Седой и строгий
    1. Работа над личным брендом: Высокая репутация в профессиональных сообществах повышает привлекательность для нанимателей.
    2. Улучшение существующих знаний: Хочешь что-то понять, объясни другому.
    3. Приобретение новых знаний: Специализация замыкает в узком спектре задач и проблем, а Q&A-сервисы - это источник задач и проблем из самых разных областей и иногда под самыми неожиданными углами.
    4. Альтруизм: Большинству из нас кто-то помогал в начале пути, пришло время возвращать долг и делать свой скромный вклад в рост кадров.

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

    Для чего просиживаете на тостере по 5-6 часов в день?

    Я в среднем раз в полчаса-час заглядываю. Если находится интересный вопрос, могу потратить на него минут 10. Некоторые на перекуры больше времени тратят.
    Ответ написан
    7 комментариев
  • Есть идеи как это реализовано?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Сама линия делается по вот такому принципу с помощью SVG:

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

    Sergamers
    @Sergamers
    front-end
    Вот мне нужно сделать было прозрачный фон. Решил так.

    @-webkit-keyframes autofill {
        to {
            color: #000;
            background: transparent;
        }
    }
    
    input:-webkit-autofill {
        -webkit-animation-name: autofill;
        -webkit-animation-fill-mode: both;
    }
    Ответ написан
    2 комментария
  • Что интересного есть в вашем стандартном шаблоне?

    @bogomazov_vadim
    Не знаю насколько интересно, но может кому пригодится. Частями найдено на просторах интернета, использую в своем template + normalize.
    Заменяем длинный текст placeholder многоточием:
    input[placeholder]          {text-overflow:ellipsis;}
    input::-moz-placeholder     {text-overflow:ellipsis;} 
    input:-moz-placeholder      {text-overflow:ellipsis;} 
    input:-ms-input-placeholder {text-overflow:ellipsis;}

    Скрываем placeholder при фокусе:
    :focus::-webkit-input-placeholder {color: transparent}
    :focus::-moz-placeholder          {color: transparent}
    :focus:-moz-placeholder           {color: transparent}
    :focus:-ms-input-placeholder      {color: transparent}

    Курсор для label + отмена раздражающего выделения при клике:
    label {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
    }

    Только вертикальный ресайз для textarea (horizontal часто ломает диз):
    textarea {
    	resize: vertical;
    }

    Убираем дефолтный курсив у address:
    address {
    	font-style: normal;
    }

    Убираем подсветку полей:
    input:focus,
    textarea:focus {
    		outline: none;
    }

    Адаптивные img:
    img {
    	height: auto;
    	max-width: 100%;
    	width: auto\9;
    }

    Адаптивные видео:
    .video {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
    }
    .video iframe,  
    .video object,  
    .video embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    Перенос слов:
    .break-word {
            word-wrap: break-word;
    }

    Обнуляем списки глобально, т.к. часто используется для навигации и проч., в области контента можно задать другие стили.
    ul {
    	list-style: none;
    	margin: 0;
    	padding: 0;
    }

    Нумерованный список с подпунктами:
    ol {
    	counter-reset: list1;
    
    	li:before {
    		counter-increment: list1;
    		content: counter(list1) '. ';
    	}
    
    	ol {
    		counter-reset: list2;
    
    		li:before {
    			counter-increment: list2;
    			content: counter(list1) '.' counter(list2) '. ';
    		}
    
    		ol {
    			counter-reset: list3;
    
    			li:before {
    				counter-increment: list3;
    				content: counter(list1) '.' counter(list2) '.' counter(list3) '. ';
    			}
    		}
    	}
    }


    update дополнительно стили для печати

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

    BedwaRe
    @BedwaRe
    Пиши код
    $("body").on('click', '[href*="#"]', function(e){
    	var fixed_offset = 100;
    	$('html,body').stop().animate({ scrollTop: $(this.hash).offset().top - fixed_offset }, 1000);
    	e.preventDefault();
    });

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

    LenovoId
    @LenovoId
    svg, css,js
    https://codepen.io/topicstarter/pen/odjrpa 46 раз показываю
    Ответ написан
    Комментировать
  • Как сделать красивую фильтрацию?

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

    Ankhena
    @Ankhena Куратор тега CSS
    Нежно люблю верстку
    Какие используете единицы измерения при верстке?

    Подходящие!
    Для решения разных задач используются разные единицы измерения

    примеры

    1. Размер шрифта удобно писать в px, em и rem.
    Если он фиксированный, то это px.
    Если зависит от настроек пользователя, то rem. Для html задают font-size: 62.5%, для body font-size: 1.6rem в итоге для стандартных настроек получают изначальные 16px, но для удобства расчетов в этом случае 1rem=10px.
    Если размер шрифта зависит от размера шрифта родителя, то используют em, например, заголовок должен быть в 1.2 раза крупнее текста. h1{font-size: 1.2em}
    А может быть мне нужен адаптивный шрифт, чтобы на всех экранах слово занимало всю ширину, тогда vw vh

    2. Границы. Обычно толщина границ не зависит от шрифта или размеров блоков, значит, px
    border: 1px

    3. Блоки.
    У блоков могут быть разные зависимости.
    Например, четверть родителя -> проценты %
    Или фиксированная -> px
    Или зависит от ширины/высоты вьюпорта -> vw vh
    Или зависит от шрифта -> ch (Ширина символа 0 в шрифте текущего элемента.)

    4. Отступы.
    Могут зависеть от шрифта, могут быть % от ширины блока или фиксированными в px.

    Это не все варианты, все мне, наверное, так сразу и не перечислить
    Ответ написан
    2 комментария