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

Хороший Человек

Осваиваю Front-end
Лайки

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

    @devstudent
    frontend-developer 
    .loader {
  position: fixed;
  top:50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
}
    Ответ написан
    Комментировать
    Комментировать

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

    DirecTwiX
    @DirecTwiX
    "display: flex;" уже предлагали?
    position: fixed;

    https://jsfiddle.net/10b45t1u/

    Чтобы было строго по центру можно добавить маргины, например.
    https://jsfiddle.net/10b45t1u/1/
    Ответ написан
    Комментировать
    Комментировать

  • Как делать анимацию круговой диаграммы d3.js при загрузке страницы?

    Ronnie_Gardocki
    @Ronnie_Gardocki
    Я у мамы фронтендщик.
    Погуглите d3 piechart transition/animation и так далее. Найдете миллион примеров. В вашем случае можно сделать какую-нибудь анимацию изменения радиуса вначале.
    Я вот неделю назад от нефиг делать игрался, вот результат, вам подойдет (только все равно вначале нагуглите примеры с комментами чтобы все понять, если вы не знакомы с attrTween).
    codepen.io/suez/pen/dc6416d34803ff7f4db884e70c0ce7ab
    Ответ написан
    4 комментария
    4 комментария

  • Как сверстать график?

    IonDen
    @IonDen
    JavaScript developer. IonDen.com
    https://d3js.org/
    Ответ написан
    Комментировать
    Комментировать

  • Какой плагин Sublime Text3 добавит функции из Web/PhpStorm?

    @want2know
    А ещё при вводе адреса файла (например, изображения) из папки с проектом, автоматически подставляется его адрес. Или подчеркивается, если такого файла нет.

    https://packagecontrol.io/packages/AutoFileName
    Ответ написан
    Комментировать
    Комментировать

  • Как исправить секундомер на javascript?

    edli007
    @edli007
    full stack, team lead
    это не корректное решение, по той причине что
    setInterval(count, 1000);
    срабатывает не через 1000 микросекунд, а не раньше 1000 микросекунд. То есть из-за блокирующей операции, реальный тик может быть 1200 или 1500 микросекунд, а итоге секундомер начнет врать.

    Тут корректно запоминать дату старта и сравнивать с текущим временем, используя объект Date.
    Ответ написан
    Комментировать
    Комментировать

  • Как исправить секундомер на javascript?

    Sanasol
    @Sanasol Куратор тега JavaScript
    нельзя просто так взять и загуглить ошибку
    - секундомер показывает не в нужном формате(по одной цифре для кажного значения времени);

    if < 10 then 0+""+seconds;

    >- если второй раз(или более) нажать на кнопку старт, то счетчик начинает адово себя вести.

    сбрасывать надо при старте прошлый интервал
    Ответ написан
    Комментировать
    Комментировать

  • Нужно ли поддерживать Internet Explorer 8 и ниже при верстке?

    evnuh
    @evnuh
    Поиск Гугл помог мне, впусти и ты его в свой дом
    Вместо тысячи слов
    bba8a57f13934e3ba5a01c8790148b54.PNG
    Ответ написан
    1 комментарий
    1 комментарий

  • Использование конструкторов и прототипов javascript?

    trevoga_su
    @trevoga_su
    Нужно ли это верстальщику?
    глубоко знать и понимать конструкторы и прототипы javascript вряд ли, а вот знать язык - надо.
    Ответ написан
    Комментировать
    Комментировать

  • Использование конструкторов и прототипов javascript?

    @ivoronov
    Веб-разработчик
    По поводу прототипного ооп в js: сюда
    По поводу функционального ооп (парадоксально звучит, но тем не менее) в js: сюда

    На learn.javascript.ru все очень доходчиво объясняется, с примерами и задачами к каждой главе.

    По поводу того, нужно ли это верстальщику: верстальщик - это, все-таки, не фронтенд-разработчик, и знание js ему особо и не нужно.
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать не масштабируемую картинку для сайта?

    @Neyury
    Есть единицы измерения vh и vw, которые устанавливают размер относительно видимой части экрана (высота и ширина соответственно, 100vh это высота экрана)
    Ответ написан
    Комментировать
    Комментировать

  • Как лучше подключать jQuery?

    blackrid
    @blackrid
    Стараюсь узнать всё понемногу
    Посоветую jquery брать с гугловских серверов. А для синхронной загрузки js-файлов в нужном порядке (иногда бывает важно), использовать Head.js headjs.com

    Пример:
    <head>
    <script src="/js/head.js" type="text/javascript" />
</head>

    head.load(
        'https://code.jquery.com/jquery-2.2.2.min.js',
        '/js/script1.js',
        '/js/script2.js'
    );
    head.ready( function() {
        // скрипты загружены, можно работать
    } );
    Ответ написан
    1 комментарий
    1 комментарий

  • Как убрать лишний отступ в sublime text?

    @hscode
    Выделяете и нажимаете shift-tab
    Ответ написан
    1 комментарий
    1 комментарий

  • Как лучше подключать jQuery?

    b0nn1e
    @b0nn1e
    Alcohol & Ruby on Rails
    Подключать отдельно JQuery есть смысле если подключать его с CDN google, ибо там ответ будет скорее всего быстрее чем на вашем хостинге и намного более вероятнее что этот JQ файл уже есть в кэше у пользователя. Ну и в идеале если не подключилось то загружать его с локального хранилища. Это будет полезно при разработке если нет доступа к интернету или типа того.
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/assets/js/vendor/jquery.min.js"><\/script>')</script>

    Пример взят с bootstrap.
    Ответ написан
    2 комментария
    2 комментария

  • Как лучше подключать jQuery?

    @1mastodon1
    все верно, так и нужно, из плюсов:
    1) минимум http запросов
    2) скрипты уже загружаются после того, как DOM построен, если этот файл подключается перед
    Ответ написан
    Комментировать
    Комментировать

  • Как лучше подключать jQuery?

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

  • Я наверно болен, но мне нужна понятная документация по началу работы с Gulp?

    soshnikov
    @soshnikov
    Вы не больны. Больны люди, считающие node.js отличной штукой.
    Это адская хреновина, которая говорит вам, что все покрешилось в либе, которую вы никогда в глаза не видели и стектрейс никоим макаром не объясняет какая проблема возникла в вашем коде.
    NPM, Gulp, Grunt, Bower - понаплодили.
    Если раньше были книги "Как бросить пить и начать писать сайты на PHP+MySQL за 24 часа", теперь их вытесняют "Как начать употреблять ЛСД и программировать на JavaScript с первой дозы".
    Ни один джедай NodeJS не сможет вам объяснить, как оно работает. Ибо мильен тыщ зависимостей хрен пойми чего.
    Однако, с этим приходиться жить. Ищите наркодилера в вашем регионе.
    Ответ написан
    3 комментария
    3 комментария

  • Почему npm не устанавливает пакеты?

    mrmlnc
    @mrmlnc
    Скорее всего проблема с установкой npm/node, так как пакет не может испортить npm/node. Вы пробовали устанавливать пакет без флага -g? Если целью является глобальная установка пакетов, то попробуйте команду sudo npm i -g ....
    Ответ написан
    12 комментариев
    12 комментариев

  • Чем отличается верстальщик от front-end developer?

    copist
    @copist
    Empower people to give
    Верстальщик преобразует графический макет (Photoshop или иной) в набор HTML + CSS + картинки. Иногда к свёрстанному макету может подключить типовые библиотеки Javascript, например, slider для картинок, или всплывающие подсказки (tooltip), или диалоговые окна (dialog/popup).
    Знания и навыки:
    • работа с графическими программами, чтобы понять, как собран макет
    • знание HTML, HTML5, CSS, CSS3, понятие про веб-шрифты, спрайты и другие технологии
    • пригодятся знания по HTML-фреймворкам, например, Twitter Bootstrap или Semantic UI
    • навыки кроссбраузерной вёрстки, чтобы в разных браузерах выглядело и работало одинаково
    • навыки отзывчивой вёрстки, чтобы можно было использовать на устройствах с разными возможностями и разрешениями
    • знание типовых решений javascript, чтобы реализовать простейшие вещи, заложенные в макете


    Фронтенд-разработчик делает так, чтобы макеты, полученные от верстальщика, были наполнены реальными данными. Если приложение построено как client-side (то есть вся основная логика загружается в виде огромного javascript в браузер, а данные запрашиваются с сервера по AJAX; это называется "толстый клиент"), то фронтенд-разработчику потребуется следующее:
    • знание HTML, HTML5, CSS, CSS3, понятие про веб-шрифты, спрайты, Comet и другие технологии
    • глубокое знание Javascript, включая использование готовых фреймворков, библиотек и написание расширений для них, что подразумевает объектно-ориентированное и событийное программирование
    • знание AJAX, CORS и навык создания тестовых затычек на стороне сервера, чтобы можно было разрабатывать приложение пока бакенд не готов


    Если фронтенд строится на стороне сервера, то дополнительно потребуется знать используемый серверный язык программирования (например, Python, Ruby или PHP) и используемый фреймворк (Django, Ruby-on-Rails, Yii). На практике бывало такое, что фронтендер просил в нужной части проекта сделать var_dump от структуры данных, которую надо показать и перечислить серверные методы, которые надо вызвать по нажатию предполагаемых кнопок.

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

    И моё личное мнение - фронтенд разработчику не помешают базовые знания про UML. Иногда с ними так тяжело обсуждать обмен данными по AJAX. У них это какой-то непрерывный поток магической энергии, волшебным образом преобразующийся в буковки на экране пользователя, а вот для бакенда это набор отдельных операций, иногда ещё и асинхронный. Диаграммы последовательностей ни читать, ни писать многие не умеют. Таймлайны составлять не умеют.

    -----------

    Написал дополнение: copist.ru/blog/2015/08/29/layout-designer-vs-front...
    Ответ написан
    2 комментария
    2 комментария

  • Чем отличается верстальщик от front-end developer?

    aen
    @aen
    Keep calm and 'use strict';
    Если коротко, то верстальщик это HTML+CSS, а фронтэндщик это HTML+CSS+JS+ легкое погружение в бекенд с целью написания заглушек для тех же ajax-запросов.
    Ответ написан
    9 комментариев
    9 комментариев