• Как на javascript и jquery реализовать поблочный скролл?

    Написала свой плагин на чистом js
    Там есть поддержка сенсорной мыши (чего нет у onepage scroll) и куча других настроек по отслеживанию прогресса, также есть callback функции и возможность сделать блок со скроллом внутри одного слайда (странички)

    https://github.com/librisius/OliwPageSlider - дока на русском
    Ответ написан
    1 комментарий
  • Возможно ли вынести кнопки slick slider в другой блок?

    mrusklon
    @mrusklon
    если долго мучится - что нибудь получится
    да можно
    $('button.next').click(function(){
        $("#ваш слайдер").slickPrev();
    });
    Ответ написан
    Комментировать
  • Как сделать подвал в низу страницы при динамическом рендеринге?

    Exploding
    @Exploding
    wtf?
    .main{
       height: calc(100% - 50px);
       overflow: auto;
    }

    50px - высота темного, сырого подвала
    Ответ написан
    Комментировать
  • Взломан skype. Как это случилось?

    sayber
    @sayber
    Да, я программирую на PHP и еще асинхронно!
    Как то в 2003г. я жил с девушкой. Мы оба были геймерами. Ну я естественно тогда начинал свой путь программирования.
    Был у меня сайтик на обычном хостинге. По тем временам, код был сильно защищен. В один из прекрасных дней я увидел в логах необычное поведение. Прошерстил код, нашел спамбота.
    Конечно все почистил и т.д.

    Но мне стало интересно как и вам, кто и как меня взломал. Своими скромными силами я не смог определить.
    В итоге создал в корне сайта файлик forHacker.txt
    В нем задал вопрос - собственно как вы меня хакнули?
    на следующий день в аську стучится человек, я спрашиваю
    - Мол чего вам надобно? - в ответ
    - Товарищ Иван, вы же сами просили меня вам рассказать как я вас хакнул
    - Спасибо что откликнулись, просветите плз
    - Ваша девушка Света была не аккуратна, скачала мой файлик. В связи с чем я смог получить доступ к ее компу. Далее по локальной сети обнаружил доступ к вашему. Подсадил кейлогер и просто подождал ввода пароля.
    ....
    Всего вам хорошего и удачи. Ваш сайт оставляю в покое =)

    Это примерный наш разговор.
    Так что способов получения ваших данных велик )
    Ответ написан
    Комментировать
  • Как сделать addClass к svg элементу?

    monochromer
    @monochromer
    Попробуйте использовать jQuery-функцию attr() или js-нативные setAttribute() и classList.
    Ответ написан
    Комментировать
  • Как сделать addClass к svg элементу?

    DeLaVega
    @DeLaVega
    Верстаю, фронтэндю =)
    Долго промучился с этой лабудой... В итоге смог это осилить путём:
    .attr("class", "your classname")
    Ответ написан
    Комментировать
  • Как сделать addClass к svg элементу?

    0x9d8e
    @0x9d8e
    Велосипедостроитель в терминальной стадии
    Попробуй $(this).attr('class', 'region active');
    Ответ написан
    Комментировать
  • Каковы требования к svg изображению для возможности анимации?

    Stalker_RED
    @Stalker_RED
    Да, должен.
    Откройте в инспекторе и посмотрите, там даже подсвечивается что меняется при наведении.
    h0R3JMB.png
    Ответ написан
    Комментировать
  • Расскажите о профессии верстальщик (в офисе)?

    @ncer
    Frontend
    1. Какая сейчас зп у верстальщиков в регионах (живу в Калининграде)? На сайтах вакансий я вижу предложения в 30, 25 и даже 20 тыс. (Хотя попадаются и на 80-100 000, но там требуют очень серьезные скиллы.) Насколько это соответствует реальным зп?

    Это средние цифры по больнице, даже для мск. Суть не в том, чтобы верстаком получать горы (это нереально), а в том, чтобы договориться с работодателем, что верстак - это начало и хотелось бы развиваться в сторону фронтенда. Договориться, чтобы на первых порах время от времени тебе давали какие-то простенькие JS задачки с условием "смог - круто, не смог - ну ладно, в следующий раз получится".

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

    В целом - да. Но опять же в среднем по больнице. Это зависит от стажа и опыта. На первых порах, возможно, даже придется перерабатывать. Все зависит от кол-ва заказов, их сложности, твоего личного темпа работы, фазы луны и кучи других факторов. Но даже Москва не сразу строилась. С опытом можно научиться работать столько, сколько нужно и даже тратить часть рабочего времени на обучение.

    3. Насколько реально, работая в офисе, и, будучи заваленым задачами по верстке, попутно развиваться в веб-разработке и изучать ЯП, например PHP и JS?

    Возвращаясь к п1, если договориться с начальником про рост во фронтенде, то в общем-то вполне реально совмещать работу и изучение JS - оно само напрашивается. Все остальное - скорее всего в нерабочее время.

    4. Есть ли карьерный рост непосредственно в профессии? Какой потолок зарплат в верстке без программирования? (подключение плагинчиков и простенькие вещи на jquery не в счет)

    Карьерный рост - это фронтенд. Сначала джуниор, потом мидл, потом сеньор, а потом, если хотите, тимлид. У каждого из них зп выше, чем у предыдущего.

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

    Определенно стоит. Но не ради того, чтобы оставаться верстальщиком, а ради того, чтобы развиваться во фронтендера. См. п1.
    Ответ написан
  • Расскажите о профессии верстальщик (в офисе)?

    Krasnodar_etc
    @Krasnodar_etc
    little front
    1 - Суммы очень разнятся, от 20-ти до 60-ти, + редко около 80 000 (Краснодар) . Не знаю, как человек должен верстать за 80, но, наверное, очень круто)

    2 - Формально - да. Но так бывает разве что в веб-студиях. И даже там спокойно можно находить время на изучение JS/PHP, чтение Хабра, ... . В больших не-IT компаниях времени будете тратить на дело столько же, сколько раньше. Загруженность может быть высокая на первых порах, но когда "набьёте руку", определитьесь с инструментами и подходом - это всё уже не будет занимать столько времени.

    3 - Реально. Настолько, что все так делают)

    4 - Карьерный рост верстальщика ведёт во Frontend , то есть в мир JS , всяких там Angular/React/Vue и прочего.

    5 - Да стоит как-угодно начинать, я думаю. Можете сделать второе резюме уже сейчас - "Junior Frontend" и параллельно с поиском работы учить JS . Хотя бы на уровне jQuery и базовых принципов.

    Верстальщик - это, как правило, начало карьерного пути, на нём не стоит оставаться очень долго. Возможности роста у вас 100% будут, даже при плотном графике.
    Ответ написан
    6 комментариев
  • Как правильнее использовать БЭМ в флекс верстке?

    kentuck1213
    @kentuck1213
    Да зачем оно надо там ? Создай базовые классы, я делаю это так:
    .flex-container{
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    }
    .flex-item{
    margin: 15px;
    }
    Ответ написан
    Комментировать
  • Создание кнопки на CSS - какие стили оптимальнее?

    vita78ru
    @vita78ru
    Graphic Designer - Animator
    В интернете очень много примеров уже оформленных кнопок. Вот первый, из понравившихся мне:

    https://html5book.ru/krasivye-knopki-dlya-sayta/ - тут код

    https://html5book.ru/examples/styling-buttons/demo... - тут можно потыкать потестить
    Ответ написан
    Комментировать
  • Создание кнопки на CSS - какие стили оптимальнее?

    @cssfish
    Плохое знание основ - причина больших бед
    можно писать стили для условного класса .button так, чтобы они работали и для A, и для BUTTON, и даже для INPUT (с type = button) одинаково. Хотя, конечно, сейчас такое оформление бывает, что инпуту все детали не прикрутишь, ну да и ладно - ссылки или button должно хватить для всего. А далее в верстке/на проекте применяешь с этим классом нужный тэг по вкусу/желанию/назначению.

    а насчет с помощью какие правил делать - так зависит от задачи. "просто кнопке" хватит паддингов, если кнопку надо ровнять по высоте с инпутами или еще чем - надо фиксировать высоту. всегда - от задачи.
    Ответ написан
    Комментировать
  • Создание кнопки на CSS - какие стили оптимальнее?

    evgeniy8705
    @evgeniy8705
    Повелитель вселенной
    Demo

    Главное при стилизации ссылки под кнопку, необходимо указать
    display: block; // так как по умолчанию ссылка является inline элементом...
    // иначе, применение некоторых стилей не будет применено.

    d314f058d96344b59cfe11ca3ab08ee2.png
    Ответ написан
    Комментировать
  • Создание кнопки на CSS - какие стили оптимальнее?

    sharomet
    @sharomet
    Front-End
    a.btn {
    display:inline-block;
    padding:10px 15px;
    font-size:14px;// можно другой
    text-decoration:none;
    background-color: на ваше усмотрение
    color: тоже самое;
    border:1px soled #112233// если нужна обводка
    
    }
    a.btn:hover {// по наведению
    background-color: на ваше усмотрение
    color: тоже самое
    }
    Ответ написан
    Комментировать
  • PUG как задать переменную в имени класса?

    yarkov
    @yarkov
    Проект "Жизнь после смерти" - lifeafterdeath.ru
    mixin test(param)
      div(class="b-content-img-#{param}")
        block
    
    +test("test")
      h1 Test
    Ответ написан
    9 комментариев
  • Как правильнее использовать БЭМ в флекс верстке?

    dom1n1k
    @dom1n1k
    Всё зависит от того, будут ли во флекс-ячейках элементы (используемые только в этом контексте) или блоки (могут быть переиспользованы где-то ещё).

    В первом случае всё просто, приблизительно так:
    <div class="container">
    	<div class="container__header"> ... </div>
    	<div class="container__body"> ... </div>
    	<div class="container__footer"> ... </div>
    </div

    .container {
    	display: flex;
    	...
    }
    .container__header {
    	flex: 1 1 auto;
    }
    .container__body {
    	flex: 1 1 auto;
    }
    .container__footer {
    	flex: 1 1 auto;
    }


    Во втором случае да, будут полезны дополнительные обертки, на которые и будут повешены флекс-свойства. Причина в том, что блок не должен ничего знать о своем позиционировании на странице, он должен знать только собственное устройство. А положением управляет вышестоящий уровень. Примерно так:
    <div class="container">
    	<div class="container__header">
    		<div class="some-header-block"> ... </div>
    	</div>
    	<div class="container__body">
    		<div class="some-body-block"> ... </div>
    	</div>
    	<div class="container__footer">
    		<div class="some-footer-block"> ... </div>
    	</div>
    </div


    В общем, в процессе верстки нужно задавать себе вопрос - этот блок может быть использован где-то ещё? Пусть не прямо сейчас, но хотя бы теоретически в будущем? Если да - делать обертки.
    Ответ написан
  • Как правильнее использовать БЭМ в флекс верстке?

    dpmango
    @dpmango
    Лучше писать на уникальные классы все флекс-свойства.

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

    Например .header__wrapper вместо .flex-wrap.flex-wrap--aic.flex-wrap--jcsb
    Ответ написан
    Комментировать