Articles of html5

history.replaceState () esempio?

Qualcuno può dare un esempio funzionante per history.replaceState? Questo è ciò che dice w3.org : history . replaceState(data, title [, url ] ) Aggiorna la voce corrente nella cronologia della sessione per avere i dati, il titolo e, se fornito e non null, l’URL. Aggiornare: Questo funziona perfettamente: history.replaceState( {} , ‘foo’, ‘/foo’ ); L’URL […]

Prestazioni dell’immagine in movimento sulla pagina web tramite CSS vs HTML5 Canvas

Ho un’immagine e la metto sulla mia pagina web (JavaScript) in questo modo: satelliteImage.style.top = coordinates.top + “px”; satelliteImage.style.left = coordinates.left + “px”; Sfortunatamente, le prestazioni sono piuttosto negative in tutti i browser eccetto Chrome. Il collo di bottiglia è la velocità di rendering. Non ho speranza per IE, ma voglio migliorare almeno Firefox. Qualcuno […]

Nessun suono su iOS 6 Web Audio API

Ero davvero entusiasta di vedere iOS 6 supporta l’API Web Audio, dato che realizziamo giochi HTML5. Tuttavia, non riesco a far sì che iOS 6 riproduca alcun suono utilizzando l’API Web Audio con esempi che funzionano perfettamente in Chrome desktop. Ecco un gioco HTML5 con controlli touch e riproduzione audio tramite l’API Web Audio (se […]

Tela HTML5: riempi il cerchio con l’immagine

Come posso disegnare un’immagine all’interno di un cerchio? Se lo faccio: context.beginPath(); context.arc((e.pageX),(e.pageY),161,0,Math.PI*2,true); context.closePath(); Come posso quindi usare fill () per riempirlo con la mia immagine disegnata?

Il modo migliore per utilizzare gli attributi di dati html5 con l’helper content_tag delle rotaie?

Il problema, naturalmente, è che i simboli ruby non amano i trattini. Quindi qualcosa del genere ovviamente non funzionerà: content_tag(:div, “Some Text”, :id => “foo”, :data-data_attr => some_variable) Un’opzione è usare una stringa piuttosto che un simbolo: content_tag(:div, “Some Text”, :id => “foo”, ‘data-data_attr’ => some_variable) Oppure potrei semplicemente interpolare: “Some Text”.html_safe Preferisco il più […]

Cos’è l’etichetta aria e come dovrei usarla?

Qualche ora fa ho letto sull’attributo aria-etichetta , che: Definisce un valore stringa che etichetta l’elemento corrente. Ma a mio avviso questo è ciò che l’attributo title doveva fare. Ho cercato ulteriormente nella Mozilla Developer Network per ottenere alcuni esempi e spiegazioni, ma l’unica cosa che ho trovato è stata X Il che non mi […]

Wysiwyg con immagine copia / incolla

Innanzitutto, capisco che un’immagine non può essere “copiata” da una macchina locale in un sito web. Capisco che deve essere caricato. Sono un programmatore web e ho familiarità con i comuni strumenti di web wysiwyg come TinyMCE e FCKEditor. La mia domanda è se esiste un programma o un modulo web o qualcosa del tipo […]

File API HTML5 che scarica il file dal server e lo salva nella sandbox

Sto cercando di capire l’API HTML5. Sto progettando l’applicazione web in cui il client del browser deve scaricare più file dal server; l’utente eseguirà qualcosa con i file scaricati e l’applicazione rispetto alla necessità di salvare lo stato sull’utente hard-rive. Capisco che il browser può salvare questi file solo sulla sua sandbox, il che va […]

Rails – link_to helper con data- * attributo

Possibile duplicato: Il modo migliore per utilizzare gli attributi di dati html5 con l’helper content_tag delle rotaie? Come posso usare html5 data-* attrubute nel mio link_per helper (Rails) L’API dice che devo usare questo formato link_to(body, url, html_options = {}) ma ho un errore quando lo metto in html_options Ex: link_to “whatever”, @whatever_path, { class: […]

Come eseguire il bootstrap statico della barra di navigazione su fisso?

Mi piacerebbe rendere la barra di navigazione statica alla barra di navigazione fissa su scroll, quando raggiunge la parte superiore della pagina. C’è un modo per farlo usando bootstrap 3 css o javascript?