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

Valetorn

Начинающий frontend разработчик
Лайки

  • Как сделать trackbar (он же range slider, ползунок, диапазон значений) и вывести значение в input?

    andrhohlov
    @andrhohlov
    https://github.com/leongersen/noUiSlider

    Без зависимостей.

    Вы либо берите готовый и используйте.
    Либо берите готовый и используйте как пример для своего велосипеда.
    Ответ написан
    1 комментарий
    1 комментарий

  • Почему говорят что jquery не нужен?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    Скрипач не нужен, родной (с)
    Аргументы против jq:
    - современные браузеры достаточно хорошо поддерживают единый синтаксис современного екмаскрипт(native js)(на самом деле нет).
    - сторонняя библиотека, работает медленнее чем натив и в основном состоит из с-сахара (тоже не совсем правда)
    - тащить еще один ресурс весом от 64 кб до 200 кб, еще и со сторонних ресурсов замедляет загрузку( правда, но бред)
    Аргументы за:
    - Современные браузеры как и всегда один другого "ровнее", всегда есть косяки и "нюансы", на которые еще и попадаешь обычно в самый неподходящий момент, в жк обычно все работает одинаково везде, ну или лучше чем в нативе.
    - В жк реализована куча плюшек в 1 функцию которые в нативе занимают "многабукав", не каждый начинающий напишет их правильно, да и профи не все напишут оптимально, уверен что в большинстве случаев написанный нативом функционал будет хуже аналога из жк.
    - размер мин пакета жк 64 кб, и все они лежат на быстрых цдн серверах. Думаю это последнее что может повлиять на скорость загрузки страницы.
    - есть ОГРОМНОЕ количество скриптов написанных с учетом жк, не использовать их глупо, писать свой велосипед - вообще только в целях обучения(не берем крайние случаи когда плагин писал упоротый пингвин).
    - Синтаксис и краткость записи - вообще вне конкуренции.
    - Старые браузеры никто не отменял, часто заказчик требует чтобы работало в ие8, натив не канает или доставляет море анального удовольствия.
    Вывод: Если ты крут в жс, еще и работаешь в ангуларе/ещечетамдляфронта и тебе нужно сделать 2 действия в очень современных браузерах - jquery не нужен, и ты это сам знаешь. Если слова ангулар, вуе и проч для тебя не больше чем шум листвы за окном, а навесить плагинов и эффектов нужно - jquery наше все.

    UPD: для всех кто там отписался а ля "в связи (...), исчезновением проблемы совместимости со старыми IE (что и было основным назначением jQuery)." - свежачок
    Ответ написан
    4 комментария
    4 комментария

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

    @Frel
    На распутье
    frontcoder канал есть, он правда на паге пишет
    Ответ написан
    Комментировать
    Комментировать

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

    Stalker_RED
    @Stalker_RED
    Посмотрите работы на csszengarden.
    Суть сайта в том, что разные люди присылают свои css'ки, которые применяются к одной и той-же html разметке и каждый раз получается совершено разное оформление.

    Но "кина не будет".
    Ответ написан
    4 комментария
    4 комментария

  • Есть ли возможность загружать файлы на клиент, не используя сервер?

    EVAS
    @EVAS
    Буль :)
    Так не подойдет ?)
    <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>load foto</title>
</head>
<body>
	<form id="form1" runat="server">
    <input type='file' id="imgInp" />
    <img id="blah" src="#" alt="your image" />
</form>
    <!-- jQuery -->
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

	<script type="text/javascript">

function readURL(input) {

    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $('#blah').attr('src', e.target.result);
        }

        reader.readAsDataURL(input.files[0]);
    }
}

$("#imgInp").change(function(){
    readURL(this);
});

	</script>
</body>
</html>
    Ответ написан
    2 комментария
    2 комментария

  • Есть ли возможность загружать файлы на клиент, не используя сервер?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Ответ: можно.
    ссылка
    Ответ написан
    Комментировать
    Комментировать

  • Есть ли возможность загружать файлы на клиент, не используя сервер?

    heksen
    @heksen
    Если нужно отобразить изображение без загрузки его на сервер смотрите в сторону FileReader. Так-же я думаю можно сохранить изображение на клиенте в localstorage в виде base64 кодировки.
    Ответ написан
    Комментировать
    Комментировать

  • Что почитать frontend разработчику?

    Neznayka1979
    @Neznayka1979
    Интересы - IT, психология...
    > есть ли ещё какие-нибудь книги, наподобие данных для общего развития, не привязываясь особо к конкретному языку

    «Алгоритмы. Вводный курс» Томас Х. Кормен
    «Алгоритмы. Построение и Анализ» Томас Х. Кормен, Чарльз И. Лейзерсон, Рональд Л. Ривест, Клиффорд Штайн.
    «Алгоритмы введение в разработку и анализ» Левитин А.В
    «Algorithms in a Nutshell, 2nd Edition»
    «Логика» Виноградов С. Н. и Кузьмин А. Ф _ 1954
    «Основы системного анализа» Спицнадель В.Н. (2000 г.)
    «Семь навыков высокоэффективных людей. Мощные инструменты развития личности» Стивен Р. Кови
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать гибкий фон для кнопок и расположить их согласно макету?

    gzhegow
    @gzhegow
    aka "ОбнимиБизнесмена"
    1) Кнопку делаешь inline-block
    2) левую часть с треугольником отрезаешь в виде картинки и вешаешь через :after {}
    3) если хочется чтобы они выстраивались в столбик - создаешь еще один инлайн блок и поскольку он у тебя прижат верхней стороной - пишешь ему vertical-align: top;
    4) задаешь максимальную ширину блоку, чтобы при переполнении он не перепрыгнул на новую строчку а расширялся вниз

    все
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать гибкий фон для кнопок и расположить их согласно макету?

    iiiBird
    @iiiBird Куратор тега Вёрстка
    Пока ты спишь - твой конкурент совершенствуется
    1) у кнопок в фш отрезаешь левую часть и ставишь ее через before. остальную часть кнопки заливаешь тем же градиентом, справа сделав border-radius (если боишься что градиенты не совпадут - у картинки вырежи полоску шириной 1px и бэкграундом ее задай через repat-x)
    2) сами кнопки распологай через display: inline-blok; и получишь то что хоешь. без задания ширины.
    Ответ написан
    3 комментария
    3 комментария