Articles of html5

Come creare una forma con un bordo ondulato

Ho bisogno di creare forms personalizzate (vedi immagine allegata) su Dreamweaver e ho trovato il codice sotto per riferimento. Non sono sicuro di quali valori modificare nel codice di riferimento per ottenere le mie forms personalizzate. Non so quali valori modificare: in alto, a sinistra, in larghezza o in altezza per adattarsi alla mia forma […]

Shadow dom in HTML

Recentemente ho sentito parlare di Shadow DOM. Durante la visione di un video sul rilascio di Angular 2, il presentatore ha ripetutamente menzionato Shadow DOM senza espressioni chiare. Cosa vuol dire Shadow DOM ?

Evidenzia elementi arbitrari in html

Sto sviluppando un’applicazione software desktop che cerca errori nelle pagine Web e può evidenziarli nel browser. Le aree evidenziate sono alquanto arbitrarie. Potrebbero essere una parola in ap tag, un intero un tag o un img. In passato l’ho fatto riscrivendo l’html e aggiungendo tag con estensione stilizzata attorno all’area evidenziata. Lo svantaggio è che […]

Problemi con la tastiera di EaselJS

Sto sperimentando EaselJS per la prima volta e sto provando a fare una mossa normale. Ho creato un Ticker per animare un quadrato da sinistra a destra dello schermo. Sembrava instabile, così ho sollevato l’FPS di quel ticker (via Ticker.setFPS(60) ). Il mio prossimo passo è aggiungere eventi di tastiera per consentire al quadrato di […]

Tag HTML in tooltip

È ansible mostrare una descrizione in Twitter Bootstrap che utilizza tag html al suo interno per dargli qualche markup? Al momento sto usando questo codice: <a class="my-tooltip" rel="tooltip" href="#" data-original-title="CPR + O2.”>First-Aid Ma mostrerà solo CPR + 02 nel tooltip quando passo il mouse su di esso. Non si può fare o sto facendo qualcosa […]

Non riesco a capire come avere immagini e testo fianco a fianco in un div e tenerlo reattivo, incluso il violino

Sto avendo difficoltà a codificare questo effetto. Finora con quello che ho funziona a determinate larghezze del browser, ma se allunghi il browser in giro vedrai cose che vanno fuori posto. http://jsfiddle.net/Hq8C4/ ho impostato float:right; float:left; e alcune altre cose che ho provato puoi vedere nel violino. Ecco cosa devo fare .. 1. Ho bisogno […]

Strano! Bug doctype con plugin di parallasse ‘skrollr’

Ok, questo mi ha causato molto dolore e dolore negli ultimi due giorni e ho finalmente ristretto il problema, ma non sono affatto vicino a risolverlo. Sto costruendo un sito Web di parallasse usando il plugin Skrollr . Il plugin cesserà di funzionare nel mio documento non appena è presente un . Ho creato un […]

C’è una buona ragione per cui un tag form non dovrebbe esistere nel tag head?

C’è una buona ragione per cui un tag form non dovrebbe esistere nel tag head? Stavo guardando questo http://www.w3.org/html/wg/drafts/html/master/forms.html#the-form-element ma non ho trovato nulla relativo a questa domanda. Questo funziona per me: Grazie in anticipo.

Come disegnare l’angolo tra due linee in javascript

ho quattro div che è p1, p2, p3, p4. è trascinabile. in qualsiasi momento clicco sul pulsante “disegna” per disegnare il segno dell’angolo come sotto $(document).ready(function(){ var c=document.getElementById(‘canvas’); var ctx=c.getContext(“2d”); ctx.beginPath(); ctx.moveTo(parseInt($(“#p1”).css(“left”))-5,parseInt($(“#p1”).css(“top”))-5) ctx.lineTo(parseInt($(“#p2”).css(“left”))-5,parseInt($(“#p2”).css(“top”))-5) ctx.lineTo(parseInt($(“#p3”).css(“left”))-5,parseInt($(“#p3”).css(“top”))-5) ctx.lineTo(parseInt($(“#p4”).css(“left”))-5,parseInt($(“#p4”).css(“top”))-5) ctx.lineTo(parseInt($(“#p1”).css(“left”))-5,parseInt($(“#p1”).css(“top”))-5) ctx.fillStyle=’#E6E0EC’; ctx.fill(); ctx.strokeStyle=”#604A7B”; ctx.lineWidth=”3″ ctx.stroke(); ctx.closePath(); $(“#p1,#p2,#p3,#p4”).draggable({ drag:function(){ ctx.clearRect(0,0,500,500); ctx.beginPath(); ctx.moveTo(parseInt($(“#p1”).css(“left”))-5,parseInt($(“#p1”).css(“top”))-5) ctx.lineTo(parseInt($(“#p2”).css(“left”))-5,parseInt($(“#p2”).css(“top”))-5) ctx.lineTo(parseInt($(“#p3”).css(“left”))-5,parseInt($(“#p3”).css(“top”))-5) ctx.lineTo(parseInt($(“#p4”).css(“left”))-5,parseInt($(“#p4”).css(“top”))-5) ctx.lineTo(parseInt($(“#p1”).css(“left”))-5,parseInt($(“#p1”).css(“top”))-5) ctx.fillStyle=’#E6E0EC’; ctx.fill(); ctx.strokeStyle=”#604A7B”; ctx.lineWidth=”3″ […]

HTML localStorage Problemi con i CSS?

Ok, quindi sono riuscito a gestire con successo dopo un paio d’ore la chiamata su un’immagine usando il sistema HTML localStorage ma ora ho un problema con l’immagine richiamata …. Non posso dettare dove va ….. si trova nella parte inferiore della pagina come il codice è puramente javascript ….. Ho provato a metterlo in […]