Author: Oriol Rius

Quin IMEI tinc?

Reading time: < 1 minute

Com saber l’IMEI del telèfon sense treure la bateria?

Només cal escriure això al mòbil: *#06#

Si algú sap com saber l’identificador de la targeta SIM sense treure la targeta i mirar el númoero que m’ho digui, per cert, algú sap com es diu aquest número que se m’ha oblidat?

Problema dels PNG transparents amb IE

Reading time: 2 – 2 minutes

Continuant amb el tema de les transparències i els .png, doncs resulta que el títol del portal que abans era un .gif ara és un .png, igualment amb la transparència necessaria perquè es vegi el color de fons de la pàgina. El que passa és que aquest .png ja no es veu bé amb IE, com sempre per raons incomprensibles de M$. Així doncs el Law, creador de la imatge del títol, m’ha passat un petit javascript que soluciona el problema.

Primer de tot el que hem de modificar és on es crida la imatge, per exemple:

<img src="path/imatge_transparent.png" onLoad="fixPNG(this)"  />

La funció fixPNG concretament té aquest codi JavaScript:

function fixPNG(myImage){
	var imgID = (myImage.id) ? "id='" + myImage.id + "' " : ""
	var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : ""
	var imgTitle = (myImage.title) ? "title='" + myImage.title + "' " : "title='" + myImage.alt + "' "
	var imgStyle = "display:inline-block;" + myImage.style.cssText
	var strNewHTML = "<span " + imgID + imgClass + imgTitle
	strNewHTML += " style=\"" + "width:" + myImage.width + "px; height:" + myImage.height + "px;" + imgStyle + ";"
	strNewHTML += "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
	strNewHTML += "(src=\'" + myImage.src + "\', sizingMethod='scale');\"></span>"
	myImage.outerHTML = strNewHTML
}

Si no volem deixar aquest codi enmig del codi HTML/xHTML, podem guardar aquesta funció, per exemple, en el fitxer titol.js i després incrustar-la al meta-codi així:

<script type='text/javascript' src='path/titol.js'></script>

Moltes gràcies, LAW!

Mini-guia de com usar l’ImageMagick

Reading time: 4 – 6 minutes

imagemagick.png
Es tracta de manipular imatges a través de la línia de comandes, la potència de l’Imagemagick és brutal, així doncs aquí no veurem ni l’1% de tot el que és capaç de fer. Però intentaré fer una petita guia amb algunes funcions força útils. Si voleu aprofundir més amb el tema: Examples of ImageMagick Usage (version 6). Concretament les eines del Imagemagick que usaré són el convert i el composite. Els textos que veureu a continuació estan inspirats també en un parell d’articles d’IBM: Graphics from the command line i l’altre: More graphics from the command line.

Sempre usem la mateixa imatge origen en tots els exemples: (mussols.jpg)

mussols.jpg

Creem marcs a les imatges

Creem un marc amb una doble ralla negre i un fons blanc de 3pixels entre les dues ralles negres d’1pixel al voltant de la imatge origen.

Codi:

convert -mattecolor black -frame 1x1 mussols.jpg mussols-11.jpg
convert -mattecolor white -frame 3x3 mussols-11.jpg mussols-12.jpg
convert -mattecolor black -frame 1x1 mussols-12.jpg mussols-13.jpg

Resultat:

mussols-13.jpg

Haureu vist que al portal uso un codi CSS que em fa apareixer un marc de color gris a una distància de 4 pixels del contorn de la imatge. Doncs bé a continuació us explico com podriem incrustar aquest marc en la propia imatge.

Codi CSS que uso per fer l’efecte:

.imatge img {background-color: #fff;border: 1px solid #a9a9a9;margin: 5px 5px 5px -5px;padding: 4px;line-height:0px;}

Com fer-ho amb Imagemagick:

convert -mattecolor white -frame 4x4 mussols.jpg mussols-7.jpg
convert -mattecolor "#a9a9a9" -frame 1x1 mussols-7.jpg mussols-8.jpg

Resultat:

mussols-8.jpg

Per acabar amb el tema dels marcs, com arrodonir els contorns de la imatge i a més afegir un contorn blanc de 4px i un marc gris d’1px. Aquesta tècnica l’he tret d’un document anomenat: Cutting up Images.

Codi: ( ronded-ne.png, ronded-nw.png, ronded-sw.png i ronded-se.png )

composite -gravity NorthEast rounded-ne.png mussols.jpg mussols-1.jpg
composite -gravity NorthWest rounded-nw.png mussols-1.jpg mussols-2.jpg
composite -gravity SouthWest rounded-sw.png mussols-2.jpg mussols-3.jpg
composite -gravity SouthEast rounded-se.png mussols-3.jpg mussols-4.jpg
convert -mattecolor white -frame 4x4 mussols-4.jpg mussols-5.jpg
convert -mattecolor "#a9a9a9" -frame 1x1 mussols-5.jpg mussols-6.jpg

Resultat:

mussols-6.jpg

Escribint sobre una imatge

Simplement vull afegir una nota de l’autoria i la llicència (autor: Mussols i llicència:”Creative Commons”) de la foto a la part inferior dreta de la imatge, amb lletra arial i mida 20, amb una separació de 2px per sota i per la dreta del marc de la foto.

Codi:

convert -font /usr/X11R6/lib/X11/fonts/truetype/arial.ttf -fill white -pointsize 20 -draw 'gravity SouthEast text 2,2 "(cc) Mussols"' mussols.jpg mussols-9.jpg

Resultat:

mussols-9.jpg

Canviant la mida de les imatges (resize & scale)

Una altre cosa que necessitava fer era canviar de mides les imatges, però sense perdre la geometria de les mateixes. Això ho he trobat al document ImageMagick v6 Examples — Resize or Scaling.Podem mirar aquest exemple, agafem com sempre la imatge origen ‘mussols.jpg’:

convert -resize 320x320 mussols.jpg mussols-10.jpg

Resultat:

mussols-10.jpg

Això no converteix la imatge a 320×320 sinó a 320×240 que és la proporció real de la imatge origen. O sigui que no perd la geometria de la imatge origen. Això és molt útil, perquè podem posar 1024×768 per exemple, i no tindrem mai una imatge més ampla de 1024 ni més alta de 768. Per imatges que han de ser usades en aplicatius que corren sobre una pantalla pot ser molt útil.

També hi ha formes de perdre la gemotria però pel meu cas no era necessari, així que no ho he comentat, però ho podeu mirar al document que he referenciat més amunt i trobareu com fer-ho.

Avui fem 3 anys!!!

Reading time: < 1 minute

Avui fa 3 anys la Daphne i jo varem tenir la fascinant idea d’anar a sopar al Maitea, cosa que pel que sembla que canviat el rumb de les nostres vides.

aniversari.gif

T’ESTIMO PRECIOSA!

Visita llampec del Carles i Sopar dels Mussols

Reading time: 2 – 3 minutes

Aprofitant que el Carles havia de venir al casament de la seva germana, ahir varem dicidir quedar una colla de mussols per estar una estona amb ell aprofitant la visita llampec. La vida a Itàlia es nota que és més tranquila, ja que va començar arribant 30min tard, però bueno com que era l’amfitrió tampoc se li podia dir res. Tot seguit varem anar a sopar a la Vaca Paca i després de molta pasta i pizza com és costum amb aquest tipus de sopars ens varem dirigir al ménage à trois a fer unes copichueles.

menage.jpg

A última hora se’ns van unir el Manel, l’Ernest i un altre amic d’ells per tancar la nit i fer l’última ronda. Venien de veure el Barça vs Madrid, es veu que els de casa varen guanyar 3-0. Suposo que per això BCN estava molt tranquila, bé menys quan va acabar el partit que com podreu veure a les fotos la gent estava com boja cridant a la font de Canaletes. Sobre tot no us perdeu la retransmissió del Law Alivés desde la font de canaletes. Tot un crack el Law fent retransmissions, llàstima que varem veure poc per arribar a treure el Justo de les entranyes.

Tot i que lluny dels nostres moments de glòria liant-la pels puestus ens ho varem passar molt bé, ara només queda buscar un dia per fer el soparet de Xina. En Carles va proposar fer-lo pels vols de nadal aprofitant que ell tornarà per aquí i podriem arrodonir la festa sopant a un xinès, abans de mirar les fotos i fer una bona degustació de licors autòctons. Així que si us animeu ja podeu començar a proposar dates, tot i que ja sabem com va això a tothom li va malament tot, però algo s’haurà de fer.

Nou multimetre, per fi!

Reading time: < 1 minute Potser feia 2 anys que tenia el multimetre espatllat i aquesta setmana me'n vaig comprar un, per fi.

mutimetre.jpg

Extensions de Firefox que uso

Reading time: 3 – 5 minutes

firefox.png

Per win ja fa temps que uso Firefox i totes les versions que han anat sortint fins a la versió 1, que tan soroll va fer fa uns dies. Però al linux fins avui usava el Mozilla, així que finalment m’he decidit a instal·lar la versió 1.0 de Firefox i disfrutar de les seves millores sobretot a nivell de velocitat. També he notat que usa una serie de fonts que no són iguals que les que em sortien en Mozilla, molt més boniques, és clar. Bé doncs com no li he posat algunes extensions que em són molt útils:

  • Linky permet administrar enllaços existens dis d’una pàgina, encara que no estiguin marcats com a tal en el codi HTML. La utilitat més interessant que li trobo és permetre verificar que tots els enllaços inclosos en un post publicat al weblog són vàlids. Per això només cal seleccionar l’entrada, primer el botó dret del ratolí­ i seleccionar l’opció Linky -> Open Selected Links in Tabs. D’aquesta forma tots els enllaços que tenim dins el text seleccionat es previsualitzen i, si volem, s’obren en pestanyes separades la qual cosa ens permet verificar que realment funcionen d’una forma encara més comode.
  • BUGMENOT ens dona un usuari i un pass en milers de pàgines que ho requereixen, sobre tot les més famoses. Tot i que jo dec ser gafe perquè al NYT no m’ha funcionat mai.
  • MozEx podem editar una ‘textarea’ amb l’editor que volguem. Aquesta extensió la vaig coneixer a partir del forum del Blog:CMS, concretament en aquest article, on es parla del mozex de mozilla.
  • Web Developer es tracta d’una barra de botons, que no tinc sempre carregada, però que és molt útil quan alguna de les webs personals que mantinc dona algún que altre problema de codi, és realment útils si toqueu webs a nivell de codi, o su uns ‘fisgons’.
  • AdBlock simplement una extensió que intenta bloquejar-nos tots els anuncis que porten les webs d’avui en dia, un ‘incordio’ realment. No va malament del tot.
  • Bloglines Toolkit permet sindicar-se als RSS a través de bloglines mentre estas navegant.
  • SiteBar aquesta extensió em permet usar el SiteBar a la sidebar del Firefox. Si no coneixeu el SiteBar, jo el trobo molt més útil que el del.icio.us. Fa temps vaig escriure sobre el SiteBar: SiteBar: Servidor de Bookmarks/Favoritos

Si busqueu alguna extensió més ‘rara’ que jo no uso, podeu passar-vos per la part d’extensions de la web de mozilla, concretament al producte firefox. Per altra banda també he trobat una pàgina amb una recopilació de les extensions que esta molt bé: Extensions Room de mozdev.org. Si algú vol desenvolupar extensions per Firefox he trobat una guia ràpida.

Una cosa que no sé fer amb el firefox i que m’agradaria saber fer, per si algú ho sap, és aconseguir que es guardin les pàgines de tots els tabs quan tanqui el navegador de forma que quan el torni a obrir es tornin a carregar automàticament.

Linux Tips: Modules, Who Are They, And How Do They Work?

Reading time: 2 – 3 minutes

[ Via Migraine Heartache ] A very nice feature of the Linux kernel is the modules. Modules are pieces of software that can be loaded and unloaded from the kernel at runtime. That way you can save kernel memory (and that’s important for small machines, since kernel memory is never swapped out on disk), and keep your kernel clean when you’re not working with some of your hardware.

Especially sound and network cards are really good to compile as modules, since sometimes they are a bit hard to configure, and when you have a module, you don’t have to recompile and reboot your kernel to configure some irq or io setting.

The Tools Used

The tools you use to handle modules are all located in /sbin. They are insmod, modprobe, lsmod, depmod and rmmod.. Notice the names, and compare them to some often used unix commands such as ls and rm and you’ll immediatelly understand what each command will do for you. As always I recommend reading the manual pages. Anyway, here’s what they do:

  • lsmod – List the modules currently loaded. A completely harmless command, even a normal user can run it.
  • rmmod – Removes a loaded module from memory. Checks dependencies, ie if a module needs another module, the other module may not be unloaded before the first one.
  • insmod – Inserts a specific module in memory. You may give a path, or just a filename with or without extension. In the latter case, insmod will search some standard module paths to find the module.
  • modprobe – Inserts a module in memory, but checks dependencies. If you modprobe module A, and module A needs module B to run, modprobe will insert module B and then module A.
  • depmod – Calculates dependencies between modules needed by the other module commands. This is most probably done by your init scripts at system startup, but some time you may need to execute a depmod -a.
  • modinfo – ens dona informació sobre les funcions del mòdul, els paràemtres que suporta, etc.(se l’havien deixat)

How do I make modules?

When you compile your kernel, you choose to make things as modules, instead of into the kernel itself.

The modules will be installed when you do a make modules ; make modules_install after your kernel is compiled. They will reside in a directory called /lib/modules/xx.yy.zz where xx.yy.zz is your kernel version.

Diferència entre un .gif transparent i un .png

Reading time: 1 – 2 minutes

Doncs jo de gràfics ni idea i menys als nivells que tocant alguns… per això tinc als amics que han fet Eng.Multimèdia, doncs d’això va l’email el Law m’ha enviat un email amb una mini-explicació de la diferència entre un .gif i .png transaparent que amb el seu permís us penjo aquí.

Lo dels png’s és facil. resulta que un gif té un canal de transparència, pero diguessim que es rollo binari, o hi ha color (amb el seu codi) o no. PNG va més enllà, pot haver color i amb una opacitat, de manera que tu pots definir uns bordes més suaus gràcies a que té una opacitat escalada i no en plan “si, no”.

El tema esta que llavors tu pots posar un damunt de qualsevol fons, pero ha de tenir un borde perquè sinó esta acorde amb el fons es veu com el cul, amb png al tenir un percentatge dopacitat queda super fi i queda bé.

Scroll to Top