Acum, mai multe aplicații sunt dezvoltate special pentru dispozitive multitouch. De aceea este important să știți cum să controlați și să gestionați evenimentele speciale caracteristice acestor dispozitive.
Cu toate acestea, dezvoltatorii nu pot oferi toate cazurile. Există situații în care același eveniment CSS: hover funcționează imprevizibil pe dispozitivele touch. În acest caz, va trebui să schimbați întreaga aplicație sau să faceți interfața sa prietenoasă pentru dispozitivele multitouch.
Concepte de bază
În această etapă de dezvoltare a dispozitivelor mobile, mărimea ecranelor nu oferă nici o garanție că dispozitivul este senzorial. Există mai multe lucruri pe care trebuie să le țineți cont:
- Asigurați-vă că dimensiunea ecranului este de cel puțin 50px × 50px. Este puțin probabil ca dispozitivele chiar mai mici să fie convenabile pentru a utiliza gesturi tactile.
- O mulțime de utilizatori se vor mișca în jurul site-ului dvs., deplasându-l pe ecran. Asigurați-vă că pot accesa cu ușurință acele elemente ale paginii pe care le considerați importante.
- Inevitabilitatea întârzierilor. În prezent, multe platforme mobile efectuează o întârziere de 300 de milisecunde, atunci când utilizează evenimente touch. Uneori aceste frâne pot fi foarte enervante.
Determinați dacă dispozitivul este o atingere
Nu există o rețetă perfectă. Mai ales acest lucru se aplică IE 10, care, uneori, nu are dispozitive tactile de atingere. Cea mai eficientă modalitate de a determina:
Puteți include această funcție oriunde:
Gestionarea evenimentelor touch
În funcție de context și platformă, atingeți gesturile depind de următoarele evenimente:
touchstart → mouse-ul → mouse-ul → faceți clic pe → mouseup → mouseleave → atinge
Existența și ordinea acestor acțiuni depinde de platformă; Nu toți reacționează la proprietățile CSS: hover sau: focus. Pentru a dezactiva datele evenimentului, puteți folosi jQuery:
În majoritatea cazurilor, nu este nevoie să deconectați totul. Puteți să vă opriți la un singur lucru:
Cu toate acestea, tot ceea ce dezactivați, puteți activa înapoi:
Dezactivați evenimentul dublu-clic
O atingere dublă este folosită pentru a mări imaginile sau pentru a mări din nou ... pentru diferite dispozitive în moduri diferite. Puteți face așa:
Această soluție nu este ideală pentru toate browserele mobile.
Cum rămâne cu zoomul?
De asemenea, putem opri zoom-ul:
Aveți grijă, opriți zoom-ul, deoarece uneori este singura modalitate de a apropia conținutul textului.
Astăzi, vrem să împărtășim câteva idei cu privire la efectul dezvăluirii blocurilor, pe care le puteți utiliza pentru proiectele dvs.
Dacă doriți să îmbunătățiți în mod semnificativ nivelul de securitate al site-ului dvs. pe WordPress, atunci nu puteți evita configurarea fișierului .htaccess. Acest lucru nu numai că vă va proteja de o serie de atacuri de hackeri, ci va organiza și redirecționări, precum și rezolvarea sarcinilor legate de memoria cache.
Designul materialelor este o tendință crescătoare de la Google. Această colecție conține teme gratuite pentru WordPress, realizate în acest stil popular.
Efecte asupra acestui lucru și există pentru a impresiona vizitatorii noștri. În această colecție, au fost colectate zeci de resurse, ale căror creatori au încercat foarte mult să-și impresioneze vizitatorii.
La sfârșitul lunii, oferim o selecție de materiale gratuite pentru web designeri pentru ultima lună.
Prin obținerea de informații imediat prin două canale (vedere și auz), eficiența predării este mult mai mare decât învățarea din cărți. Și temele și testele online vă vor permite să gândiți în mod constant în limba pe care o învățați și să vă verificați imediat cunoștințele!
Dacă doriți să învățați HTML mult timp, atunci am o veste bună pentru dvs.!
Dacă ați învățat deja HTML și doriți să treceți mai departe, următorul pas este să învățați tehnologia CSS.
Dacă doriți să înțeleagă conceptele de domeniu si hosting, învață cum să creeze o bază de date, încărca fișiere pe un site web prin intermediul unui server FTP, crea subdomenii, configurați cutiile poștale pentru site-ul și să monitorizeze participarea, acest curs este conceput special pentru tine!