As the name implies, Chrome Developer Tools is a set of web developer tools built directly into the Google Chrome browser that allows web developers to interfere and manipulate applications via the browser. With this tool you can easily: View and change page’s styles Debug Javascript Code Analyze runtime performance, so you can optimize your code View messages and running JavaScript in the Console To open DevTools, you can right-click anywhere on the page and select inspect element or you can choose the “tools > developer tools” option from the top right menu.   Now I’m going to show you some really useful and simpleRead More →

There are many types of dropdown menus, but in this post we will explain how to create the most basic. 1. HTML Use any element to open the dropdown menu, <button>, <a> or <p> element. Use a container element (like <div>) to create the dropdown menu and add the dropdown links inside it. Wrap a <div> element around the button and the <div> to position the dropdown menu correctly with CSS. 2. CSS The following structure is one of the main possibilities that is related to the previous HTML.  Basic Dropdown:  Create a dropdown box that appears when the user moves the mouse over anRead 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 →