Ответы пользователя по тегу JavaScript
  • Как можно сделать такую анимацию?

    iLeonidze
    @iLeonidze
    xbooster.ru
    Насчёт CSS - вы думаете в очень правильном направлении, если я правильно понял Вашу цель. Но Вы должны понимать что это основательный костыль. Если бы Вы обрисовали задачу более конкретно, Вам бы здесь предложили бы более узкое решение.
    Касательно нагрузки, это будет зависеть от самой картинки. Если не шибко большая, где-то до 4000X4000, то вполне потянет, а дальше уже могут пойти зависания, скорее всего.
    Ответ написан
    Комментировать
  • Как называются библиотеки для вставки кода в html?

    iLeonidze
    @iLeonidze
    xbooster.ru
    Вам нужно копать в сторону подcветки синтаксиса в HTML. Из наиболее гибких решений подойдёт highlight.js или быстрый Prism, а если Вы хотите добавить много полезных плагинов, тогда Вам к более тяжёлому, но не менее гибкому CodeMirror.
    Ответ написан
    Комментировать
  • Что должен уметь backend-разработчик на сегодняшний день?

    iLeonidze
    @iLeonidze
    xbooster.ru
    PHP вечен и всегда будет к месту, Node.js еще (относительно) молод, но весьма перспективен. Знание обоих языков будет Вам двойным плюсом. Backend бывает разный, но в основной массе это PHP. Начните с PHP, изучите его вдоль и поперек, сделайте свой небольшой пробный проект, а дальше всё сами поймете куда идти дальше.

    "Хотелось бы бой между любителями PHP & Node.js" - тут Вам не бойцовский клуб. Причем существуют адекватные разрабы как на PHP, так и на node.js.
    Ответ написан
    8 комментариев
  • Почему два раза загружает?

    iLeonidze
    @iLeonidze
    xbooster.ru
    Один раз была такая же проблема)
    Как оказалось, всё тривиально. На проекте был реализован CrossDomain-requests, поэтому браузер сначала кидал запрос на файл методом OPTIONS и только потом методом, которым было необходимо изначально. Проверьте заголовки своих запросов. Если у Вас такая же ситуация, то это никак не исправляется ибо CrossDomain Policy.
    Ответ написан
  • Как сделать подобный AJAX запрос?

    iLeonidze
    @iLeonidze
    xbooster.ru
    Делайте параллельно AJAX-запрос и изменение адреса страницы. Обычным AJAX-запросом адрес не измените :)
    Ответ написан
  • Насколько трудоемко сделать калькулятор видеоархива?

    iLeonidze
    @iLeonidze
    xbooster.ru
    Немного математики и логики + написание под Front-End и Back-End одновременно. Где-то 2000-3000 рублей, не больше.
    Ответ написан
    Комментировать
  • Что лучше, черный фон сайта или белый?

    iLeonidze
    @iLeonidze
    xbooster.ru
    Если исходить удобства в дальнейшем использовании, то конечно белый в топе. Большинство изображений, графики, рекламных блоков, готовых решений, наборов цветовых схем и т.п. заточены под белый фон ибо он самый читабельный. Конечно, Вы можете попробовать брутальный черный, но, поверьте, замучаетесь в дальнейшем :)
    Ответ написан
    Комментировать
  • Как понять тестовое задание?

    iLeonidze
    @iLeonidze
    xbooster.ru
    Именно HTML5 LocalStorage (или Web SQL на худой конец). Массивы, скорее всего Вам не подойдут. В 1 варианте на PHP+MySQL вы же не подгружаете данные из переменной? Вы грузите всё это счастье из бд используя MySQL-query. Во втором задании по логике должно быть также. Хотя, очень странно что Вам не обозначили источник данных. Наверное, на Ваше усмотрение :)
    Ответ написан
  • Что делает эта строка a[j] = i;?

    iLeonidze
    @iLeonidze
    xbooster.ru
    Присваивает в массив "a" значение "i" с ключом "j"
    Ответ написан
    Комментировать
  • Почему валидация на сервере не происходит из-за ajaxForm?

    iLeonidze
    @iLeonidze
    xbooster.ru
    У Вас форма точно имеет тип POST, а не GET? Там точно все name правильные и автоматически ничем не заполнены?
    Ответ написан
    Комментировать
  • Как выбрать определенный элемент в JavaScript?

    iLeonidze
    @iLeonidze
    xbooster.ru
    Вам однозначно нужно подружиться с YouTube API.

    Есть очень вкусный метод
    http://gdata.youtube.com/feeds/api/users/{USERNAME}/uploads?alt=atom&v=2

    Все что Вам надо сделать - отправить GET-запрос по этому адресу подменив {USERNAME} на нормальное имя канала/пользователя. В качестве ответа получите XML-страницу, которую без труда можно парсить хоть на JavaScript, а еще легче на PHP:

    <?xml version="1.0" encoding="UTF-8"?>
    <feed xmlns="http://www.w3.org/2005/Atom" xmlns:media="http://search.yahoo.com/mrss/" xmlns:openSearch="http://a9.com/-/spec/opensearch/1.1/" xmlns:gd="http://schemas.google.com/g/2005" xmlns:yt="http://gdata.youtube.com/schemas/2007" gd:etag="W/"D08CSHY6cSp7I2A9XRZRGU8."">
        ...
         <media:group>
          <media:category label="People & Blogs" scheme="http://gdata.youtube.com/schemas/2007/categories.cat">People</media:category>
          <media:content url="http://www.youtube.com/v/w8FP0viwueo?version=3&f=user_uploads&app=youtube_gdata" type="application/x-shockwave-flash" medium="video" isDefault="true" expression="full" duration="115" yt:format="5" />
          <media:content url="rtsp://r4---sn-p5qlsu7r.c.youtube.com/CigLENy73wIaHwnqubD40k_BwxMYDSANFEgGUgx1c2VyX3VwbG9hZHMM/0/0/0/video.3gp" type="video/3gpp" medium="video" expression="full" duration="115" yt:format="1" />
          <media:content url="rtsp://r4---sn-p5qlsu7r.c.youtube.com/CigLENy73wIaHwnqubD40k_BwxMYESARFEgGUgx1c2VyX3VwbG9hZHMM/0/0/0/video.3gp" type="video/3gpp" medium="video" expression="full" duration="115" yt:format="6" />
          <media:credit role="uploader" scheme="urn:youtube" yt:display="Леонид Федотов">ile0nidze</media:credit>
          <media:description type="plain" />
          <media:keywords>гимназия 3, саратов, школа, последний звонок, выступление, начало</media:keywords>
          <media:license type="text/html" href="http://www.youtube.com/t/terms">youtube</media:license>
          <media:player url="http://www.youtube.com/watch?v=w8FP0viwueo&feature=youtube_gdata_player" />
          <media:thumbnail url="http://i1.ytimg.com/vi/w8FP0viwueo/default.jpg" height="90" width="120" time="00:00:57.500" yt:name="default" />
          <media:thumbnail url="http://i1.ytimg.com/vi/w8FP0viwueo/mqdefault.jpg" height="180" width="320" yt:name="mqdefault" />
          <media:thumbnail url="http://i1.ytimg.com/vi/w8FP0viwueo/hqdefault.jpg" height="360" width="480" yt:name="hqdefault" />
          <media:thumbnail url="http://i1.ytimg.com/vi/w8FP0viwueo/sddefault.jpg" height="480" width="640" yt:name="sddefault" />
          <media:thumbnail url="http://i1.ytimg.com/vi/w8FP0viwueo/1.jpg" height="90" width="120" time="00:00:28.750" yt:name="start" />
          <media:thumbnail url="http://i1.ytimg.com/vi/w8FP0viwueo/2.jpg" height="90" width="120" time="00:00:57.500" yt:name="middle" />
          <media:thumbnail url="http://i1.ytimg.com/vi/w8FP0viwueo/3.jpg" height="90" width="120" time="00:01:26.250" yt:name="end" />
          <media:title type="plain">Вступление - Последний звонок - Гимназия №3</media:title>
          <yt:aspectRatio>widescreen</yt:aspectRatio>
          <yt:duration seconds="115" />
          <yt:uploaded>2014-05-28T16:53:18.000Z</yt:uploaded>
          <yt:uploaderId>UCfP32ml2WjY8inASKPOoGvg</yt:uploaderId>
          <yt:videoid>w8FP0viwueo</yt:videoid>
         </media:group>
        ...
    </feed>

    В этом XML-ответе содержится вся информация обо всех загруженных видео. рассматриваете парсером только последние 5 загруженных видео. А там уже можно найти превью всевозможных размеров, названия, время, комментарии и т.д.

    Чтобы тестировать свои запросы к Youtube API не вручную, а через удобную консоль - используйте Apigee консоль для YouTube. Если возникнут сложности с использованием - напишите в комментариях где непонятно :)

    Конкретные примеры для JavaScript
    Аналогичные примеры для других платформ

    P.S. @br3t в комментариях представил более узкое и эффективное решение. Здесь же общее объяснение как знакомиться с Youtube API.
    Ответ написан
  • Интерактив на сайте с использованием веб камеры

    iLeonidze
    @iLeonidze
    xbooster.ru
    Сначала распознавайте лицо, затем обвешиватесь всякими Drag'n'dropами. Плохо ищете - полно решений:
    1. JS ObjectDetect - Demo
    2. HeadTrackr - Demo 1, Demo 2, Demo 3
    3. CLMTrackr (Продвинутый аналог предыдущему) - Demo 1, Demo 2, Demo 3, Demo 4
    4. Face Detection - Demo
    5. JSFeat - Demo
    6. Web based interface with OpenCV - Demo

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

    iLeonidze
    @iLeonidze
    xbooster.ru
    поставить nofollow средставим html нельзя, можно только посредством js
    На мой взгляд что-то приверчивать на JS очень глупо - поисковики не запускают JavaScript, а лишь кушают исходный HTML-вариант страницы. (А вот к CSS с недавних пор прислушиваются)

    птичка нашептала, что это работает для Яндекса, а гугл его игнорирует
    Не смотря на поддержку Яндекса rel="nofollow" использовать <noindex></noindex> всё-равно необходимо - будет закрываться именно блок, а не только ссылки.

    Можете подсказать решение или написать маленький кодик, который бы всем ссылкам устанавливал rel nofollow?
    Самый беспроигрышный вариант - придумать как к "автоматически генерируемому содержимому" добавить атрибуты rel="nofollow". Если ознакомите нас с частью кода, которая отвечает за "автоматическую генерацию содержимого", возможно, мы сможем вам подсказать. А вот гадать каким образом они у вас генерируются тут никто не будет :)

    Важно понимать - rel="nofollow" и <noindex></noindex> являются ознакомительными для поисковиков. Конечное решение что делать с элементами, содержащими эти теги и атрибуты, принимают сами поисковые системы.
    Ответ написан