Andrzej Wielski

Вешайте коллбэки на документ.

$(document).on('click', '.myelement', function(){
...
});

Поэтому надо верстать так, чтобы не ломалось :)

Скрипты jquery ui полюбому придется перенести в head.
Либо, как вариант - сделать прелоадер.

Serialize собирает все поля формы с ключем name в объект.
У единственного инпута, который я вижу на скриншоте вовсе отсутствует аттрибут name.

Если брать в расчет только скорость ввода (не более 20 мс), то как-то так:

var RFIDTime = false;
var RFIDInput = '';
$(document).keyup(function(e){
   if(!RFIDTime) RFIDInput += String.fromCharCode(e.which); RFIDTime = e.timeStamp;
   
   if(RFIDTime){
     if(e.timeStamp - RFIDTime < 20){
       RFIDInput += String.fromCharCode(e.which);
       RFIDTime = e.timeStamp;
       if(RFIDInput.length == 10){
         console.log('RFID detected, value: ' + RFIDInput);
       }
     } else {
       RFIDInput = '';
       RFIDTime = false;
     }
   }
});

Но если очень быстро вводить что-то на клавиатуре (бить по ней) - то это тоже определится как RFID. В таком случае на бэкэнде стоит сделать проверку введенных данных.

Если же какой-то input сфокусирован - то данные будут введены в него.
Этого не получится избежать, разве что сохраняя предыдущее значение в переменную, и возвращая его обратно, если сервер вернул в качестве valid ответ true (RFID прошел).

var client = new XMLHttpRequest();
client.open('GET', '/index.html');
client.onreadystatechange = function() {
  alert(client.responseText);
}
client.send();

Но учтите, что XMLHttpRequest недоступен на некоторых платформах.
Есть множество микро-библиотек для реализации данной задачи правильным путем. Не обязательно использовать jQuery.
microjs.com/#ajax

Для того, чтобы кастомные чекбоксы (либо радио-кнопки) работали правильно надо добавить им какой-либо класс (к примеру, styled) и в завимости от аттрибута checked у этого класса менять отображение.

К сожалению, на этом сайте не слишком много телепатов или ясновидящих, если они вообще есть.
Вот ссылки на подхящие ресурсы, попробуйте задать вопрос там:

mir-ezo.ru
www.vmagie.com
tonkiimir.ru

Если все-таки вам там не помогут, попробуйте сформулировать вопрос более конкретнее. К примеру, предоставить примеры на том же jsfiddle. Это очень упростит поиску ответа простым смертным, вроде нас.

$like = DB::table('like')
->join('news', 'news.id', '=', 'like.news')
->first();

Серьезно? Ужасный подход.
Прочитайте про Relations. Вам подойдет hasOne.

Вы передаете только width

{ width: screen.width}

А проверяете на наличие width и height в запросе

if(isset($this->request->post['width']) && isset($this->request->post['height']))

jplayer.org/latest/demo-01

Используйте готовые библиотеки для fullpage скроллинга.
К примеру, fullPage.js
alvarotrigo.com/fullPage

Код сократится в разы:

$(document).ready(function() {
    $('#fullpage').fullpage();
});

Да и у него куча настроек:

$(document).ready(function() {
    $('#fullpage').fullpage({
        //Navigation
        menu: '#menu',
        lockAnchors: false,
        anchors:['firstPage', 'secondPage'],
        navigation: false,
        navigationPosition: 'right',
        navigationTooltips: ['firstSlide', 'secondSlide'],
        showActiveTooltip: false,
        slidesNavigation: true,
        slidesNavPosition: 'bottom',

        //Scrolling
        css3: true,
        scrollingSpeed: 700,
        autoScrolling: true,
        fitToSection: true,
        fitToSectionDelay: 1000,
        scrollBar: false,
        easing: 'easeInOutCubic',
        easingcss3: 'ease',
        loopBottom: false,
        loopTop: false,
        loopHorizontal: true,
        continuousVertical: false,
        normalScrollElements: '#element1, .element2',
        scrollOverflow: false,
        touchSensitivity: 15,
        normalScrollElementTouchThreshold: 5,

        //Accessibility
        keyboardScrolling: true,
        animateAnchor: true,
        recordHistory: true,

        //Design
        controlArrows: true,
        verticalCentered: true,
        resize : false,
        sectionsColor : ['#ccc', '#fff'],
        paddingTop: '3em',
        paddingBottom: '10px',
        fixedElements: '#header, .footer',
        responsiveWidth: 0,
        responsiveHeight: 0,

        //Custom selectors
        sectionSelector: '.section',
        slideSelector: '.slide',

        //events
        onLeave: function(index, nextIndex, direction){},
        afterLoad: function(anchorLink, index){},
        afterRender: function(){},
        afterResize: function(){},
        afterSlideLoad: function(anchorLink, index, slideAnchor, slideIndex){},
        onSlideLeave: function(anchorLink, index, slideIndex, direction, nextSlideIndex){}
    });
});