Modificar plantilles de drupal, joomla, wordpress…

Si vols modificar sense gaires complicacions una plantilla d’algun dels teus gestors de continguts favorits (drupal, wordpress..), existeix una eina anomenada  Artisteer força bona que et facilita molt la feina inicial. L’eina és de pagament, però si no vols dedicar gaire temps a la teva web és una bona alternativa.    A més, podeu veure un video-tutorial molt bo de com funciona l’aplicació: http://www.nosolocodigo.com/artisteer-herramienta-para-crear-plantillas-de-joomla-wordpress-y-drupal.

Si de totes maneres prefereixes fer a maneta les modificacions o conèixer més a fons com funciona el tema de les plantilles en joomla pots veure com modificar la plantilla en 1 hora: http://design-notes.info/tutorial/joomla/turn-html-into-a-joomla-template-in-one-hour/ interessant per conèixer com funciona per dintre el sistema de plantilles.

Calcular la teva hipoteca al detall

Si vols tenir la teva hipotèca calculada al detall pots tenir una fulla de càlcul… però segurament, si no ets un gurú en la matèria, i estàs ansiós per saber què passarà un cop t’actualitzin el valor de l’EURIBOR pots fer diferents coses:

 – una d’elles és esperar i portar-te la sorpresa.

 – visitar la web del Banco de España, on podràs fer una simulació d’amortització de capital o bé de reducció de terminis. 

 – visitar la web  HipotecasyEuribor.com on podràs calcular què vas pagar l’any passat, què pagaràs aquest i quin balanç tens si pagaràs més o menys vaja).  També pots anar a aquesta secció per tal de descarregar-te dos plantilles d’excel on personalitzar els teus càlculs i tenir-los sempre a mà.

 – visitar la web calculodehipoteca.net  i fer diferents càlculs sobre les variants o evolució que pot tenir la teva hipoteca. 

Segurament aquest post fuig de la temàtica habitual de la web, però m’ha sorprès gratament la existència d’aquestes webs -les quals he trobat avui per casualitat-, i lo interessant que resulta que et facin on-line els càlculs que en qualsevol entitat bancaria podrien portar-te estona negociar que et facilitin.

download day de firefox

Dimarts 17 de juny serà el “download day”. La data que han escollit Mozila per publicar la versió 3.0 del seu navegador firefox.   S’han proposat fer un record mundial de descàrregues i estan fent difusió per què tothom estigui al cas i durant aquest dia es realitzin les majors descàrregues possibles.  Han fet una pàgina (http://www.spreadfirefox.com/es-ES/worldrecord) per visualitzar les adhesions per paisos que porten.

Jo intentaré estar al cas i fer la descarrega de rigor i pasar firefox de  rc3 a versió 3.0 definitiva.  D’aquesta nova versió diuen que serà encara més estable, gestionarà millor la memòria, i quedarà totalment integrada al sistema operatiu on s’estigui executant… interesant aquesta última opció.

Plantilles html per correus electrònics

Si estàs pensant en posar en marxa alguna llista de correu, newsletter… potser anirà bé fer una ullada a http://www.campaignmonitor.com/resources/templates.aspx on es pot descarregar 30 plantilles gratuites de correu electrònic.

Les plantilles estan desenvolupades amb html i permeten fàcilment personalitzacions i adaptació a la imatge o estil que necessitem.

Una altre alternativa és http://www.mailchimp.com/resources/templates/  on mostren pas a pas la millora de les seves plantilles vers algunes en producció.   Permeten descarregar gratuïtament alguns exemples i ofereixen serveis de pagament.

Guies de referència per dissenyadors webs

M’ha fet gràcia trobar dues guies de guies. O sigui una guia amb un recull d’enllaços amb informació interessants per a dissenyadors webs.   El primer  (http://reencoded.com/2008/04/01/42-must-bookmark-resources-for-web-designers/) recull 42 enllaços amb contingut d’interès per a dissenyadors webs, i el segon  (http://reencoded.com/2008/03/22/free-online-photoshop-and-more-photoshop-tutorials/) recull video-tutorials gratuits de photoshop (recull prop de 100).

Enllaços d’aquells per no perdre, però que després quan necessites no saps realment on els vas deixar anontat.

PD: si la web és un recull de reculls, aquesta què és exactament?

n810 wimax edition

Navegant per la pàgina de Nokia avui m’he trobat una sorpresa.  Ja fa unes setmanes que rondinava si buscar alguna eina petita per tal de poder llegir els pdf’s que tinc -dins de la meva campanya personal d’evitar la tala masiva d’arbres-.   Vaig considerar la opció d’un N810 o d’algun aparell de caracterí­stiques similars, i que poguès ajudar-me alhora de configurar xarxes sense fils i gestionar o conèixer la connectivitat real en determinats llocs sense tenir que treure el portàtil, arrenca, probar i tal.

N810 wimaxEren rumors que el N810 tindria suport per al protocol de connectivitat WIMAX, però veient aquesta captura de la web http://europe.nokia.com ja mostren un “previ” del que segurament treuran al mercat els propers mesos.   Moraleja, no ens precipitem a comprar “catxarritos” que ja sabem que evolucionaran i tindran caracterí­stiques imprescindibles a les nostres vides 😀 (i ara només espero que això no sigui una preparació del dia dels innocents americà que cel·lebren el primer d’abril).

Quants elements html pots dir en 5 minuts?

Doncs jo estic en molt baixa forma. Només 37!!! això vol dir que estic engantxat a editors que fan massa feina per mi.

L’enllaç l’anomena avui MiniD i ell aconsegueix la friolera de 80!!! lo qual confirma que és un crack! A la web http://www.justsayhi.com/bb/html_quiz tens 5 minuts per anar introduïnt elements que siguin html 4.0. La veritat que el qüestionari està molt bé per què automàticament has acabat d’escriure un element ja el conta per bo… de totes maneres a mi només hem queda seguir repasant i menjant cues de pansa a veure si milloro la memòria.
A tall de curiositat poso els elements que he mencionat. Almenys per no oblidar aquests.

54 elements remain

Named so far:

A, B, BODY, BR, DIV, EM, FONT, FORM, FRAME, H1, H2, H3, H4, H5, H6, HEAD, HTML, I, IFRAME, IMG, INPUT, LI, LINK, META, OL, P, S, SPAN, STRONG, STYLE, TABLE, TD, TITLE, TR, U, UL, VAR,

You forgot:

ABBR, ACRONYM, ADDRESS, APPLET, AREA, BASE, BASEFONT, BDO, BIG, BLOCKQUOTE, BUTTON, CAPTION, CENTER, CITE, CODE, COL, COLGROUP, DD, DEL, DFN, DIR, DL, DT, FIELDSET, FRAMESET, HR, INS, ISINDEX, KBD, LABEL, LEGEND, MAP, MENU, NOFRAMES, NOSCRIPT, OBJECT, OPTGROUP, OPTION, PARAM, PRE, Q, SAMP, SCRIPT, SELECT, SMALL, STRIKE, SUB, SUP, TBODY, TEXTAREA, TFOOT, TH, THEAD, TT,

37

Amb què està feta una pàgina web?

Mai us heu preguntat amb què està feta una web?  quin servidor web fa servir, apache?  quin gestor de continguts?  fa servir alguna eina especí­fica?  compleix els estàndards? …

í‰s una pregunta habitual meva, i quan una pàgina web hem crida la atenció acabo fent un CTRL+U per visualitzar el codi font ràpidament i intentar esbrinar coses.

Ara, contem amb una pàgina web ( builtwith.com) que només donant-li la URL de la pàgina farà un petit escaneig i ens donarà informació interesant de quines eines fa servir la pàgina web en qüestió.   Interesant per aprendre o tenir més detalls de com s’ha fet aquella pàgina web que ens agrada.

Crear pàgina web a partir d’una plantilla on-line

Ahir parlava de com crear una pàgina web i aprofitar part de còdi font d’altres pàgines webs, o bé de la pàgina web d’exemple.

Si amb la web d’ahir no en tenim prou, sempre podrem fer una visita a www.dotemplate.com i amb pocs clics de ratolí­ tenir tota la estructura i disseny bàsic per tal de tenir la nostra pàgina web operativa.   Serà una estructura molt senzilla, però totalment vàlida de codi i els pilars on començar a adaptar i modificar el codi per construïr el site del nostres somnis. 😛 això hem recorda que hauria d’anar-li fent una pensada al disseny d’aquest weblog i fer-li alguna personalització.

retalls de codi css

La paraula snippets no sabria com traduïr-la.  Però el que sí­ sabria és donar la explicació pràctica de per què es fa servir.

Hi ha tot un seguit de programari que fa servir aquesta paraula per emmagatzemar petits fragments de codi font que poden ser reutilitzables o útils amb petites adaptacions en diferents situacions.

Navegant per internet, m’he trobat amb una pàgina web (konstruktors.com) on ofereixen un seguit de retalls de codi css per tal que es puguin aprofitar com a estructura bàsica alhora de montar un disseny css per a una pàgina web.  No es que siguin espectaculars els retalls però sí­ que potser tremendament útil quan vols fer una cosa que ja està inventada i no vols trencar-te les banyes tornant a fer proves per crear el codi de zero.

Convertint a majúscules automàticament

Si tens formularis per què els usuaris t’entrin dades en alguna aplicació web, formulari de registre… i vols evitar-te tenir que corregir les dades per què tot estigui en majúscules pots copiar aquest petit script dins del camp del formulari

onChange=”javascript:this.value=this.value.toUpperCase();

de manera que un camp en un formulari original era:

< input type="text" size="32" name="Nom" />
hauria de quedar:

< input type="text" size="32" name="Nom" />onChange=”javascript:this.value=this.value.toUpperCase();>
i automàticament al sortir del camp del formulari convertirà el text introduït a majúscules.

Formularis on-line

Navegant pels feeds habituals, avui hephpform trobat un enllaç que crec que serà útil i que anirà bé no perdre. A la web http://www.phpform.org/  es poden realitzar formularis on-line fàcilment.   Una web amb una aplicació 2.0 amb totes les de la llei.  Pots escollir entre una sèrie de plantilles de disseny i un cop això podràs afegir tots elements que vulguis amb les diferents opcions que permeten els elements d’un formulari htm.  Un cop finalitzat, només caldrà descarregar-ho i acabar de personalitzar-ho/integrar-ho a la nostra aplicació o llenguatge de programació segons necessitem.

Enllaç per no perdre.