Benutzerdefiniertes Layout auf klava.org installieren

Was wird erzählt?

• Ein offensichtliches Problem beim Erlernen Ihrer Tastaturlayouts

  
  
  
  
  

• Ein wenig über unseren Patienten: klava.org

  
  
  
  
  

• Wie haben wir dieses Problem gelöst (dank F12)

  
  
  
  
  

• So konfigurieren Sie die Tasten richtig (beim Drücken von Umschalt oder AltGr)

  
  
  
  
  

• Automatisierung der manuellen Arbeit mit der User JS- und CSS-Erweiterung

  
  
  
  
  

Was hat alles angefangen?

, : typingStudy, klava.org, ratatype, rapidTyping . , , , , "", , :

• , " "

  
  
  
  
  

• 
  
  
  
  

• -

  
  
  
  
  

klava.org: , , , , . , , ( : , -> ).

, F12, "" HTML-, CSS, JS, , , , . , :

, : , /, , : //, , -!

, , ! JS "" keyboards. , , , . :

1. F12

   
   
   
   
   

2. Ctrl+F ( )

   
   
   
   
   

3. "var keyboards"

   
   
   
   
   

4. ( var , )

   
   
   
   
   

5. !!!

   
   
   
   
   

"" - , . ( Ctrl+F). , , : :

//      !!!
'': ['|<sup>+</sup>', '№<sup>1</sup>', '-<sup>2</sup>', '/<sup>3</sup>', '"<sup>4</sup>', ':<sup>5</sup>', ',<sup>6</sup>', '.<sup>7</sup>', '_<sup>8</sup>', '?<sup>9</sup>', '%<sup>0</sup>', '!<sup>=</sup>', ';<sup>\\</sup>', '', '', '', '', '', '', '', '', '', '', '', '', ')<sup>(</sup>', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '']
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

, :

, , , ( - , Shift - ). HTML-: .

1. , , Shift AltGr, ,

   
   
   
   
   

2.  , Shift;

   
   
   
   
   

3.  , AltGr;

   
   
   
   
   

'S'       // ,    
'(<sup>{</sup><sub>[</sub>' // ->  (
                            //+ Shift ->  {
                            //+ AltGr ->  [
'<sup></sup>'   //   
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

? ? .

1. 
   
   
   
   

2. F12

   
   
   
   
   

3. Console

   
   
   
   
   

4. " " ( var )

   
   
   
   
   

5. Enter

   
   
   
   
   

6. ,

   
   
   
   
   

, "" !!! (, ):

Trotzdem möchten Sie diesen Code nicht jedes Mal manuell eingeben, wenn Sie die Site betreten. Um dieses Problem zu lösen, wurde eine Erweiterung namens User Javascript and CSS erstellt. Wir setzen die Erweiterung. Öffnen Sie nach der Installation unsere Website, klicken Sie auf das Erweiterungssymbol und dann auf Neu hinzufügen. Es werden 2 Felder vor Ihnen geöffnet: JS und CSS. Jetzt müssen Sie unseren Code noch in das JS-Feld einfügen, speichern, das Kontrollkästchen aktivieren und feststellen, dass alles "von selbst" funktioniert.

Hurra!!!! Sie haben Ihr benutzerdefiniertes Layout auf klava.org installiert. Jetzt wird das Training Ihres Layouts einfacher, schneller und (wahrscheinlich) interessanter.