By:
On:
In: CSS3, Javascript
With: 0 Comments

Fer responsive una pàgina web, vol dir que quan aquesta augmenta o disminueix de mida, ja sigui perquè es visualitza amb diversos tipus de pantalles o dispositius (ordinador, tablet, mòvil, etc.) o perquè es redueixi la mida del navegador per a qualsevol altre funció, el seu contingut pugui ser visible d’una manera correcta. Per a realitzar responsive, es pot fer de diverses maneres i utilitzant moltes eines. Tot seguit mostrem dues possibles maneres de fer que el contingt del nostre portal web es mostri correctament es miri des del dispositiu que es miri: 1. foundation.css -> és un framework per a utilitzar a l’hora de ferRead More →

By:
On:
In: MySQL
Tagged: ,
With: 0 Comments

En MySQL, quan escrivim la consulta demanant que ens llisti el contingut d’un array, per defecte ens el mostra tot; és a dir, ens mostra totes les entrades. Per tal de limitar-ho, s’afegeix aquest codi al final de la consulta: $sql = ‘SELECT * FROM foto LEFT JOIN usuari ON usuari_id = foto_usuari_fk LEFT JOIN categoria ON categoria_id = foto_categoria_fk LEFT JOIN liketable ON liketable_foto_fk = foto_id ORDER BY liketable_foto_fk DESC limit 5’; En aquest cas, només llistarà 5 ítems de la taula “foto”.Read More →

By:
On:
In: Javascript
With: 0 Comments

Si tenim una pàgina amb elements que varien la seva mida segons el contingut i volem que quedin ordenats sense que quedin espais en blanc, la manera més fàcil per fer-ho és utilitzant un plugin de jquery anomenat Masonry. Primer haurem de carregar el plugin col·locant-lo a la carpeta corresponent on tinguem els plguins js i després carregar-lo al <head> de la pàgina. <script src=”/path/to/masonry.pkgd.min.js”></script> El codi amb el que el carreguem i especifiquem les dimensions és: var container = document.querySelector(‘#container’); var msnry = new Masonry( container, { // options columnWidth: 200, itemSelector: ‘.item’ }); on “#container” és el nom de la id que hemRead More →

By:
On:
In: CSS3, HTML5, PHP
With: 0 Comments

Un Framework ofereix components com una llibreria, però a més proporciona plantilles o esquelets que defineixen el funcionament de les aplicacions. Per exemple, per una aplicació senzilla el Framework subministra un centre de notificacions, pasteboard, … que permeten manejar i controlar pràcticament tota l’aplicació sense la necessitat d’escriure molt de codi. Per una aplicació basa en documents, la plantilla s’encarrega de cada un dels document oberts (títols de les finestres, canvis en el contingut de cada una, notificar si el document que s’està a punt de tancar té canvis sense guardar, etc.). Aquestes plantilles que ofereix el Framework es poden adaptar a diferents necessitats. I,Read More →

By:
On:
In: PHP
With: 0 Comments

Assignar variables com si fossin un array <?php $elmeu_array = array(“Gos”,”Gat”,”Cavall”); list($a, $b, $c) = $elmeu_array; echo “Tenc varis animals, a $a, a $b and a $c.”; ?> Quan es mostri echo sortiran les variables $a(gos), $b(gat) i $c(cavall)Read More →

By:
On:
In: Javascript
Tagged:
With: 0 Comments

El toggle es un efecte javascript que desplega i plega l’element que demanis. $(“button”).click(function(){ $(“element”).toggle(); }); Els atributs que es poden donar al toggle són: Speed: “slow”, “fast” o be els milisegons. Easing: “swing” (la velocitat augmenta i disminueix gradualment) o “linear” (velocitat constant). Hi ha altres opcions en pluguins. Callback: Defineixes una acció que s’executarà despres del toggle  Read More →

By:
On:
In: PHP
Tagged: ,
With: 0 Comments

Phpmailer és una classe php que permet enviar correus. Per entendre millor el seu funcionament utilitzarem el següent exemple: Si tenim una pàgina de registre i volem que l’usuari registrat rebi un missatge a la seva adreça de correu electrònic automàticament, haurem de crear un fitxer (anomenat generalment phpmailer.php) amb el següent codi en format php: <?php $to = $email; $subject = “Benvingut a Phrasam”; $message = “Benvingut a Phrasam, l’espai on trobaràs la manera de dir el que sents!”; $from = $_POST[’email’]; $name = $_POST[‘nom’]; $headers = “From: Phrasam”; mail($to,$subject,$message,$headers,$from); ?> La variable $to ens permet especificar a qui anirà dirigit el correu (en aquestRead More →

By:
On:
In: HTML5
Tagged: , ,
With: 0 Comments

Des de les primeres versions d’iOS, aquest sistema operatiu permet guardar, al directori d’aplicacions, qualsevol web per tal de tenir-hi accés ràpidament. Si pengem una imatge a l’arrel del servidor amb el nom “apple-touch-icon.png”, els dipositius iOS la detectaran com la icona que ha de fer servir. Malgrat això, si no tenim accés a la carpeta inicial de la nostra web o volem tenir la imatge guardada en una altra carpeta, cal incloure aquest codi al head de la pàgina: <link href=”img/apple-touch-icon.png” rel=”apple-touch-icon-precomposed”/>  Read More →

By:
On:
In: Uncategorized
With: 0 Comments

El metode .hasClass() serveix per determinar si algun dels elements coincidents s’assignen a la classe que els hi és donada. Aquest retornarà true si la classe és assignada a un element, tot i si les altres classes també ho estàn. Exemple: <div class=”foto”> <img src=”<?=$row[‘foto_foto’]?>”> <h2><?=$row[‘foto_nom’]?></h2> <button class=”like” rel=”<?=$row[‘foto_id’]?>”>LIKE</button> <button class=”dislike”>DISLIKE</button> </div> <script> $(‘.foto.button’).click(function(){ console.log (‘click’); var id = $(this).attr(‘rel’); console.log (‘id’); if ($(this).hasClass(‘like’)){ var opcio = ‘m\’agrada’; }else{ var opcio = ‘no m\’agrada’; } En aquest cas, la classe utilitzada es like.Read More →