El parallax et crea diferents capes dins de la web que es mouen a diferents velocitats utilitzant el scroll del ratolí. Aquest efecte crea una interacció entre les capes i una animació. Hi ha molts pluguins per fer el parallax, però deixo aqui un link del més senzill que va trobar en Jordi Màrquez i em va facilitar en una de les tutories. http://markdalgleish.com/projects/stellar.js/Read More →
Per poder pujar o enviar arxius a través d’un formulari caldrà afegir l’atribut multipart/form-data de l’enctype. Mostra una caixa de text, que forma part del d’un formulari, on l’usuari ha d’especificar la ruta de l’arxiu a l’ordinador per tal d’enviar-ho al servidor. Per permetre que l’arxiu s’enviï hem de tenir en compte: Existeixen dos metodes: Get i Post. Per poder fer-ho, en aquest cas, ens caldrà enviar-ho amb post Existeix un protocol per enviar informació des de la url. Aquest ens permet saber si és text o elements més complexes. Si no s’especifica el valor de l’enctype s’aplica un valor per defecte, que indica queRead More →
Una taula a HTML es consolida per les etiquetes <table> </table>. Entre aquestes dos etiquetes definirem la taula, les cel·les que volem, les columnes i les característiques de cada un d’aquests paràmetres.Read More →
Antigament la validació de formularis s’havia de fer amb javascript, però gràcies al HTML5 i les funcions específiques van fer que fos molt més fàcil. L’únic inconvenient que podem trobar al fer-ho d’aquesta manera és que encara no és suportat per tots els navegadors, i els que ho fan, cada un té la seva manera particular. Atribut <required> Si afegim l’atribut required en un element <input>, automàticament aquest passa a ser un camp obligatori i al ser de tipus booleà, només necessita que hi hagi quelcom escrit. <input type=”text” name=”nombre” required/>Read More →
L’element <svg> és un container per gràfics SVG i té diferents mètodes per dibuixar camins, caixes, cercles, text i imatges gràfiques.Read More →
Amb CSS, es poden definir quatre tipus de posicions diferents als diversos elements que composen un document HTML. Són la posició estàtica, la relativa, la fixa i l’absoluta: Static És la que ve donada per defecte Es mou amb la finestra Agafa l’amplada de la finestra Se li pot donar la propietat float (left, right) i clear (left, right, both) Relative És igual que l’static, però posiciona respecte l’antecessor (en anglès, ancestor) sempre i quan no sigui estàtic Es pot posicionar respecte un top, un right, un bottom, o un left Fixed No es mou respecte la finestra; amb scroll no es mou No tenen en compte elsRead More →
Sempre que es vulgui fer una animació d’un element al mateix CSS s’haurà d’utilitzar el següent codi: @-webkit-keyframes ‘nom_animació’ { 0% {‘inserir_estil’} 100% {‘inserir_estil’} } Cal tenir en compte que els percentatges seran els que es desitgin i que s’haurà d’aplicar el següent codi a la classe de l’element, també al mateix full d’estil, per activar l’animació, establir-ne la duració i les repeticions respectivament: -webkit-animation-name: nom; -webkit-animation-duration: ‘numero’s; -webkit-animation-iteration-count:’infinite, numero’; Read More →