Utilitzar Grunt per automatitzar processos
Grunt és un task runner de JavaScript, una eina utilitzada per realitzar automàticament tasques freqüents com minificació, compilació, proves unitàries i linting. Utilitza una interfície de línia d’ordres per executar tasques personalitzades definides en un arxiu (conegut com Gruntfile). Grunt…
Creació d’un bloc Gutenberg
Editor de Blocs WordPress. Creació de blocs. Crearem un nou bloc de contingut dinàmic, implementant en JavaScript. En aquest exemple, el bloc serà la imatge destacada de l’entrada i un enllaç a l’article de l’entrada, podent triar l’usuari l’entrada a…
Crear un tema fill (child-teme) a WordPress
Un tema fill (child theme) és un tema que hereta les funcionalitats del tema pare. El principal avantatge d’utilitzar un tema fill, és que en actualitzar el tema, no perdràs les modificacions que hages pogut fer. Per començar, hem d’accedir via FTP al sistema d’arxius de WordPress i crear una carpeta…
Com afegir estils a blocs de Gutenberg
Extensió de blocs Realitzem mitjançant un exemple com afegir un estil de bloc, estenent l’editor de blocs i millorant el disseny per CSS en Wordpress. Amb aquest exemple s’agrega una classe pròpia a un bloc. Anem a veure com afegir…
CSS. Simulació de object-fit: cover per IE
La propietat CSS object-fit de fa servir per especificar com un tag <img> pot ser redimensionat per omplir el seu contenidor. Aquesta propietat no està disponible a Internet Explorer (IE), fent que les imatges isquen distorsionades en aquest explorador, i…
Passos per crear una empresa en línia a Espanya
Si anem a crear una botiga en línia a Espanya , és convenient que tinguem en compte diferents aspectes i que ens recolzem en professionals que puguin guiar-nos en tot el procés. Vaig a donar-vos alguns consells, abans d’explicar-vos els…
Com crear un ecommerce pas a pas
Si has arribat a aquest article, és probable que vulguis crear una ecommerce i tinguis alguns dubtes del procés de creació d’aquest, perquè serveix, o alguns punts i factors que hagis de tenir en compte a l’hora de la seva…
Viatge a San Francisco: Una experiència única al bressol de la tecnologia
No són moltes les ocasions en les que se’t brinda l’oportunitat d’aterrar a San Francisco amb l’equip de Digital Minds de l’Escola d’Art i Disseny de Barreira, i uns altres quants professionals, per assistir a una setmana de workshops i…
Afegir una tipografia a un lloc web
Hi ha diverses formes d’afegir tipografies com plugins per al lloc web o Google fonts, però en aquest cas ho farem mitjançant codi css. Per començar necessitarem una tipografia. PASSOS PER AFEGIR UNA TIPOGRAFIA A UN LLOC WEB 1.Obtindre els…
Com crear la teua web amb WordPress
Crear una pàgina web resulta hui en dia, en un món tan digitalitzat i global, fonamental per a qualsevol tipus de negoci o empresa. És difícil pensar en alguna empresa que no necessita presència en línia per a la difusió…
Posicionament en cercadors: 5 recomanacions per a ser vist a Internet
Què passa quan desenvolupes la teua pàgina web amb tota la bona intenció del món de generar vendes i, de sobte, ningú entra? No passa res, ni bo ni dolent. I, llavors et comences a preguntar: què estic fent malament?…
Consells per millorar el SEO en WordPress
Tots sabem què és WordPress: un gestor de continguts gratuït fàcil d’utilitzar que funciona amb plantilles o temes. Però el que no tothom sap és com millorar el SEO a WordPress dels teus articles per donar-li més difusió i visibilitat als…
Com accelerar una pàgina web al 70% en 7 passos
No hi ha dubte que la velocitat del lloc web importa ara més que mai. A mesura que augmenten les velocitats de connexió a Internet a tot el món, els usuaris de la web s’estan tornant cada vegada menys tolerants…
Les 11 millors plantilles WordPress gratis
WordPress és indiscutiblement la plataforma CMS favorita a la web. Els usuaris estimen els temes per a WordPress perquè són fàcils de configurar i es poden utilitzar per crear pàgines web com un bloc o un web personal i/o corporatiu. No obstant això,…
Com migrar WordPress manualment en cinc passos senzills
Vols millorar el teu lloc web de WordPress i la millor opció que t’han proposat és canviar de servidor. Potser no saps res al respecte i et entrin els nervis, però tranquil. No has de espantar-te. Venim per explicar-te com…
Ponència al IES Sant Vicent Ferrer d’Algemesí
El passat dijous 19 de gener de 2017 realitzarem una xerrada al IES Sant Vicent Ferrer d’Algemesí per als alumnes del cicle de DAW (Desenvolupament d’Aplicacions Web). En aquesta ponència donarem alguns consells com a programadors tant de la visió com…
Error en càlcul del preu del producte en PrestaShop
La versió actual de PrestaShop 1.6.1.8 no mostra el preu del producte correctament quan canviem el valor d’un atribut en el front-end que afecta al canvi de preu. Fins que els desenvolupadors de PrestaShop no publiquen una nova versió amb aquest…
Fer que el scroll baixe uns píxels en un enllaç de tipus anchor
Quan estem creant una web onepage amb enllaços anchor i amb capçaleres de tipus sticky o fixed, ens podem trobar amb el problema que la capçalera es queda per damunt del contingut que volem que ens mostre on es troba la nostra…
IV Congrés Ecommaster
El divendres passat assistirem al IV Congrés Ecommaster on presenciarem distintes ponències i estiguérem intercanviant opinions amb els assistents. Un congrés de marketing online i ecommerce que com a desenvolupadors web no podiem perdre’ns: Ponències molt interessants, amb taules rodones. Els territoris on…
Pantalla en blanc en Prestashop
Quan ens trobem que de sobte un dia a l’entrar l’administrador de Prestashop ens dóna una foto de pantalla en blanc i no ens deixa fer res més és possible que sigui un problema d’espai. El primer que hem de…
E-commerce SEO
Al realitzar un projecte de comerç electrònic, cal tenir en compte el SEO durant el desenvolupament d’aquest, tant per part del desenvolupador com per part de l’usuari que va a encarregar-se de la gestió del contingut del web. En aquest…
Contingut duplicat en K2
El component per a Joomla K2 ens permet una gestió avançada dels nostres articles, afegint funcionalitats extra que no disposem en el gestor continguts de Joomla!. El problema ens arriba quan les ferramentes per a webmasters de Google ens avisa…
Logo transparent en Prestashop
En la majoria de les plantilles de Prestashop al personalitzar el logo del tema passa a estar en format JPG, de manera que els llenços transparents passen a ser blancs. Per poder utilitzar imatges amb transparència (PNG), hem de realitzar…
Recuperar contrasenya de l’usuari admin de Joomla
Qui no s’ha oblidat alguna vegada del seu password per entrar al backend de joomla i comencem a posar-nos nerviosos. Avui t’ensenyem que fer quan no recordes la contrasenya de l’usuari admin i no pots entrar al backend de Joomla…
Column ‘quantity’ in order clause is ambiguous
Que fem quan en prestashop ens surt el següent warning? Column ‘quantity’ in order clause is ambiguous Superfàcil! Ens les galetes del nostre navegador i esborrem la del web que ens està donant problemes. Per exemple, en Safari, anem al…
Inserir vídeo com fons a la teua pàgina web amb Html5 fullscreen
Hui en dia esta molt de moda el poder inserir vídeos com a fons en lloc d’una imatge, doncs bé ací vos deixe com fer-ho, és molt senzill només ens hem de preocupar de tenir els tags de HTML5 i…
Mostrar la nostra web sempre amb WWW
Bé hi ha vegades que instal·lem gestors de continguts, botigues virtuals i de sobte ens adonem que sempre ens carrega la URL sense www sinó que per exemple ens carrega http://doowebs.com i volem que ens mostri la url https://www.doowebs.com Doncs…
Solució al duplicat d’imatges en K2
He detectat que en la versió 2.6.6 de K2 a Joomla! 2.5, en ampliar la imatge principal d’un article ix duplicada al lightbox, per solucionar aquest problema he afegit al CSS el següent codi: #sbox-content.sbox-content-image{ overflow: hidden; }
Seguretat en Joomla
Les instal·lacions de Joomla! realitzades amb desconeixement, ens poden donar bastants problemes en la seguretat. Per aquesta raó tot seguit vos mostrem una sèrie de recomanacions de seguretat a tenir en compte a l’hora de llançar un lloc Joomla!. Per…
L’equivalent al print_r de PHP en Javascript
Sempre que estic treballant amb javascript i json tinc el mateix problema … Com puc fer el meravellós print_r del PHP per veure tota l’estructura de l’objecte que estic intentant llegir? Doncs bé ací vos deixe aquesta meravellosa funció que…
Responsive Web Design
QUÈ ÉS EL RESPONSIVE WEB DESIGN? El Responsive Web Design permet crear llocs web que s’adapten a l’ample del dispositiu en què s’estigui navegant, el que permet tenir un únic disseny per a PC, mobile i tauletes, és a dir,…
Com traduir els àlies dels menús en Falang 1.2.0
Malgrat que les noves versions de Joomla! ja porten un sistema de traduccions natiu, tots els usuaris de versions anteriors estem habituats a utilitzar JoomFish. Jo mateix he intentat utilitzar el gestor de traduccions natiu de Joomla! 2.5, però m’agrada…
Alineació vertical o centrat vertical utilitzant DIV
Sempre m’he trobat amb el problema d’alinear verticalment un div per evitar haver d’estar modificant el padding quan la mida del text és massa llarg i ocupa dues files … doncs bé aquí us deixo l’apunt de com fer aquesta alineació…
No funciona el correu a Prestashop 1.5
Si tenim problemes amb l’enviament de mails en codestashop hem de comprovar: 07 El mail està correctament a:codeferències-> ContacteEmpleats-> ContacteMòduls-> Alertes per correuComprovar que existeixen les carpetes amb els fitxers dels mails dels idiomes utilitzats en el codestaShop dins de…
Falla la reparació automàtica i el reset en Windows RT
Si en iniciar la nostra tablet amb Windows RT no funciona la reparació automàtica, ni pots reiniciar la tablet. Ens apareixerà elsegüent mesaje: Automatic Repair could’t repair your PC. Log File: c:\windows\system32\logfiles\SRT\ SrtTrail.txt La solució per reiniciar la tablet és…
Accents K2 en Joomulus
En el núvol d’etiquetes K2 Joomulus fallen les URL’s ja que no reconeix els caràcters llatins, per a solucionar aquest problema hem d’editar el fitxer modules/mod_k2_joomulus/helper.php aproximadament en la línia 36 i substituir: Códi original: $tagcloud .= “<a href='”.$tag->link.”&Itemid=5′ target='”.$tag->target.”‘ style=’font-size:”.$tag->size.”%’>”.$tag->tag.”</a>\n…
Escapar de cometes i caràcters especials
Un dels problemes amb què ens hem trobat al realitzar aplicacions amb PHP, és la necessitat d’escapar de les cometes en els formularis o en qualsevol actualització que es realitza des del front-end i es guarda a la DB MySql. Després de revisar algunes…
Joomfish error en menus de K2
A l’intentar traduir amb Joomfish un ítem de menú que apunta a una categoria de K2 aquest no resol bé perquè perd paràmetres. Sembla que el problema rau en que la longitud del camp que ha d’albergar el link no…
Connectar-se a una db externa a Joomla amb el framework de Joomla
Si necessitem accedir a les taules en les mateixes base de dades de la instal·lació de Joomla llavors simplement haurem d’usar el mètode JFactory->getDBO. Per exemple: <?php $db = JFactory::getDBO(); ?> $db és ara un objecte tipus JDatabase i podrem…
Com integrar Ajax o Javascript en els tabs del core de Joomla
Més que integrar AJAX el que farem és introduir una crida a una funció Javascript dins d’un Tab de Joomla! (JPaneTabs) sense fer un hack al core! Com? Doncs d’una manera una mica estranya però molt neta (un nyap amb…
Introduir articles en Joomla utilitzant un mòbil amb Android – Joooid
Joooid és una aplicació que et permet publicar articles en Joomla! des del teu mòbil amb Android. L’aplicació permet a més publicar fotos en l’article però amb una resolució baixa i un mapa amb la posició des d’on s’ha escrit…
Canviar permisos i propietaris de manera recursiva en Linux
Quan et passes mitja vida laboral instal·lant Joomla, Wordpress i altres programaris lliures en diferents servidors, sempre acabes liat amb el tema dels permisos. Que no puc pujar fitxers a certa carpeta, que si amb Plesk no puc canviar el…
Mucommander
muCommander és una alternativa lliure del arxiconegut gestor de fitxers Total Commander. Hi ha un munt de programari d’aquest tipus (disk order, gnome commander, midnight commander …) cada un per a un sistema operatiu o un altre. Però un dels…
Optimització SEO amb Joomla 1.5
Abans de començar a optimitzar el nostre Joomla per a una millor indexació per part de Google, primer haurem de crear-nos un compte a Gmail. Enllaç amb Google Analytics: Per poder seguir les estadístiques del teu joomla de Google Analytics…
Error al activar les url’s amigables de Joomla
Quan intentem activar les URL amigables de Joomla des del tauler de control, ens pot mostrar el següent error en fer clic a qualsevol enllaç de la web. The requested URL / tudireccion was not found on this server. Additionally,…