Un post veloce veloce per proporvi una sorta di indovinello e farvi scoprire una cosa che potrebbe tornarvi utile.

Cosa vedete in quell’immagine? Da che cosa è composto il tutto? A cosa può servire?

Attendo commenti

No related posts.

I punti salienti di questo cambiamento sono:

1. tema decisamente più leggero del precedente che fa un uso modico di immagini e script;
2. localizzazione dell’interfaccia utente in italiano, ovvero quello che vedete voi dovrebbe essere tutto in italiano (ovviamente a meno di parole che rendono meglio in inglese, visto che “nuvola delle etichette” o “alimentatore RSS” potrebbero indurre conati mentali);
3. possibilità di visitare il sito anche con Javascript disabilitato (difficile trovare qualcuno che lo disabiliti, ma l’ho progettato così un po’ per sfida verso me stesso);
4. possibilità di decidere dove collocare la zona dei contenuti (quella dove vengono mostrati i post e le pagine) cliccando sul misterioso cubo che vedete in alto (per ora lascio quello, ma fooorse potrei cambiarlo in qualcosa di più intuitivo): le incredibili posizioni che può assumere sono sinistra, centro e, udite udite, destra;
5. tanti altri accorgimenti a livello di codice che non potete vedere, ma che mi renderanno la manutenzione più facile.

Visti i grossi cambiamenti è possibile che ci sia in giro qualcosa di strano, quindi se non vi tornano certe cose (grafica sballata, funzioni che non funzionano, parole in inglese, ecc.) contattatemi in un qualche modo o lasciate un commento qui.

Fatemi sapere se vi piace .

No related posts.

Dopo essermi cimentato con alcuni di quelli trovati in giro, ho pensato di proporvi un test di 33 ditloidi originali (mi auguro, ma se li trovate in giro avvertitemi).

Eccoveli (quelli in grassetto sono già stati indovinati):

1. 2 B nel M
2. 4 O ne L P del T di S D
3. 3 F I da D nel P C
4. 1 N C di P
5. 16 C A nel C F
6. 9 M di N di D di C
7. 92 S di J
8. 15 G O F O
9. 388 C di E in una S C di M
10. 2 C sul P U
11. 32 F nella M del F
12. 8 P nell’A di N
13. 5 C nella S di F
14. 14 V C da E (S M)
15. 2 O di M per ogni E nel D il V
16. 7 S per A uno S
17. 30 G in F
18. 153 P P da P
19. 90 A per le N di G
20. 39 F ai C S la L di M
21. 24 R nella R della B I
22. 498 G nella T A a B
23. 3 R L (A, D, I)
24. 2 I S per U e D nelle A di F
25. 1440 T al G sul Q P del P P
26. 4 L nei T S e N dei C
27. 1 S in R su D T di una T per C S
28. 1 B per O C negli S a C
29. 116 A N C di D della G dei C A
30. 6 G di L di un C R in uno S T
31. 2 P M nell’A (R e T)
32. 7 S per O C in un D a S S
33. 6 P nello S dei M

Tengo a precisare che i ditloidi hanno sempre un senso e si riferiscono a fatti conosciuti e “di interesse”, quindi non troverete mai cose come “1 lampada sul mio tavolo” o “1 uovo per una gallina”.

Non pubblicherò le risposte (almeno questa è la mia idea, per ora) perché mi aspetto usiate i vostri blog; se mettete un link di questo post nel vostro blog me ne accorgerò e verrò a controllare.

Buon divertimento e non scoraggiatevi se ne indovinate davvero pochi, perché credo siano decisamente difficili nel complesso. Oserei quasi dire che chi li indovinerà tutti avrà sicuramente barato .

No related posts.

L’acronimo sta per “Cross-Site Scripting” (la X serve per evitare il conflitto con la sigla CSS, che indica tutt’altro).

È spiegato molto bene, in inglese, qui. Per i più pigri, diciamo che si tratta di inserire codice maligno, solitamente Javascript, in pagine create da altri utenti.

Ciò che si può fare è modificare qualsiasi informazione: nel mio caso le modifiche sono create appositamente in modo sufficientemente macroscopico per essere facilmente notate, ma un lavoro più “di fino” renderebbe i dati modificati assolutamente indistinguibili dagli altri.

Per spiegarvi come è possibile utilizzare in modo pratico questa falla di sicurezza vi propongo semplicemente dei link validi al sito. Se osservate gli URL vedrete che non è un mio sito modificato, ma proprio quello dell’Italia. Naturalmente quanto segue funziona solo al momento in cui è stato scritto questo e si spera che nell’immediato futuro la falla sia chiusa.

1. Primo link, provate a rispondere alla domanda proposta in entrambi i modi e, nel caso rimaniate sul sito, cercate di scovare le 4 modifiche presenti ; nel caso in cui non funzioni più il link si osservi la seguente immagine:
   

   

2. Secondo link, che rende il sito, come dire, più dinamico, se possibile, di quello che è (record personale di incisi in una frase così corta!). In questo caso, se non funzionasse il link, immaginatevi le immagini del sito che danzano per lo schermo.

Capirete quante altre porcate si possano fare e come si possa manipolare l’informazione. Quello che vi ho mostrato è più simpatico che dannoso, ma si fa presto a pensare ad un problema ben più grave: se ci fosse un form di login, sarebbe molto facile redirigere i dati inseriti dagli utenti (username e password) verso di me, attuando ciò che viene denominato phishing.

AGGIORNAMENTO: ieri hanno finalmente hanno corretto questo grossolano bug, comunque potete vedere sempre lo screenshot del primo link .

No related posts.

Ruotando il disco alla base, il fiore ruota; ruotando lo stilo (quell’asticella che spunta dalla corolla) la rotellina sopra i petali ruota; premendo lo stilo, indovinate…no, non ruota nulla , ma si muovono i petali, come se si aprissero e si chiudessero.

Se volete provare ad indovinare quali sono tutti i componenti, i commenti sono il posto giusto per scrivere .

Se siete di Bologna e volete donarmi dell’hardware usato contattatemi .

No related posts.

1) Si hanno 9 palline, di cui una è più pesante (leggera). Bisogna determinare qual è quella più pesante (leggera) con sole 2 pesate.

2) Si hanno 12 palline, di cui una diversa dalle altre. Bisogna determinare qual è quella diversa con sole 3 pesate.

Notate la differenza sostanziale, che non è il numero di palline, ma il fatto che nel primo caso si cerca una caratteristica nota a priori, cioè la pallina più leggera o più pesante, mentre nel secondo caso si chiede di determinare la pallina diversa dalle altre, senza sapere se è più pesante o meno.

La soluzione del primo quiz mi auguro di vederla presto tra i commenti, mentre quella del secondo ve la riporto di seguito, invitandovi però a scoprirla da soli .

Si dividono le 12 palline in tre gruppi da 4. Per capirci qualcosa numero le palline da 1 a 12:

• G1 = 1, 2, 3 e 4;
• G2 = 5, 6, 7 e 8;
• G3 = 9, 10 11 e 12;

Si mettono le palline 1, 2, 3, 4 su un piatto e le palline 5, 6, 7, 8 sull’altro. Si possono presentare i casi:

1. i piatti sono pari: la pallina diversa sarà una tra 9, 10, 11 e 12;
2. si abbassa il piatto con le palline 1, 2, 3, 4;
3. si abbassa il piatto con le palline 5, 6, 7, 8.

1) si mette una pallina di G1 (scelgo la 1 per comodità) e una del gruppo G3 (scelgo la 9) su un piatto della bilancia e altre due palline del gruppo G3 (scelgo 10 e 11) sull’altro piatto:

• 1.1) i piatti sono pari: la pallina diversa è la 12. Siamo a due pesate e con la terza si può determinare se è più o meno pesante delle altre confrontandola con una qualsiasi;
• 1.2) scende il piatto con le palline 1 e 9; la pallina diversa può essere la 9, più pesante, o una tra la 10 e la 11, più leggera. Con la terza pesata si confrontano la 10 e la 11:
  • 1.2.1) i piatti sono pari: la pallina diversa è la 9 ed è più pesante;
  • 1.2.2) i piatti non sono pari: il piatto che sale contiene la pallina diversa, che sarà più leggera.
• 1.3) scende il piatto con le palline 10 e 11: la pallina diversa può essere la 9, più leggera, o una tra la 10 e la 11, più pesante. Con la terza pesata si confrontano la 10 e la 11:
  • 1.3.1) i piatti sono pari: la pallina diversa è la 9 ed è più leggera;
  • 1.3.2) i piatti non sono pari: il piatto che scende contiene la pallina diversa, che sarà più pesante.

2) si creano due gruppi di palline in modo tale che nel primo ce ne sia una di ciascun gruppo (scelgo 1, 5, 9) e nel secondo una di G1 e due di G2 (scelgo 2, 3, 6) e si confrontano sulla bilancia:

• 2.1) i piatti sono pari: la pallina diversa può essere la 4, più pesante, o una tra la 7 e la 8, più leggera. Con la terza pesata si confrontano la 7 e la 8:
  • 2.1.1) i piatti sono pari: la pallina diversa è la 4, più pesante;
  • 2.1.2) i piatti non sono pari: il piatto che sale contiene la pallina diversa, più leggera.
• 2.2) scende il piatto con le palline 1, 5, 9: la pallina diversa può essere la 1, più pesante, o la 6, più leggera. Con la terza pesata si confrontano la 1 con una di G3 (sicuramente non diversa):
  • 2.2.1) i piatti sono pari: la pallina diversa è la 6, più leggera;
  • 2.2.2) i piatti non sono pari: scende per forza il piatto con la pallina 1, più pesante.
• 2.3) scende il piatto con le palline 2, 3, 6: la pallina diversa può essere la 5, più leggera, o una tra la 2 e la 3, più pesante. Con la terza pesata si confrontano la 2 e la 3:
  • 2.3.1) i piatti sono pari: la pallina diversa è la 5, più leggera;
  • 2.3.2) i piatti non sono pari: scende il piatto con la pallina diversa, più pesante.

3) si creano due gruppi di palline in modo tale che nel primo ce ne sia una di ciascun gruppo (scelgo 1, 5, 9) e nel secondo una di G1 e due di G2 (scelgo 2, 3, 6) e si confrontano sulla bilancia:

• 3.1) i piatti sono pari: la pallina diversa può essere la 4, più leggera, o una tra la 7 e la 8, più pesante. Con la terza pesata si confrontano la 7 e la 8:
  • 3.1.1) i piatti sono pari: la pallina diversa è la 4, più leggera;
  • 3.1.2) i piatti non sono pari: il piatto che scende contiene la pallina diversa, più pesante.
• 3.2) scende il piatto con le palline 1, 5, 9: la pallina diversa può essere la 5, più pesante, o una tra la 2 e la 3, più leggera. Con la terza pesata si confrontano la 2 e la 3:
  • 3.2.1) i piatti sono pari: la pallina diversa è la 5, più pesante;
  • 3.2.2) i piatti non sono pari: sale il piatto con la pallina diversa, più leggera.
• 3.3) scende il piatto con le palline 2, 3, 6: la pallina diversa può essere la 6, più pesante o la 1, più leggera. Con la terza pesata si confrontano la 1 con una di G3(sicuramente non diversa):
  • 3.3.1) i piatti sono pari: la pallina diversa è la 6, più pesante;
  • 3.3.2) i piatti non sono pari: sale per forza il piatto con la pallina 1, più leggera.

E qui finisce la soluzione.

Nel risolvere questo quiz ho cercato di trovare una relazione tra il numero di palline e il numero di pesate per discriminarle.
Nel caso in cui si sappia cosa si sta cercando (pallina più pesante o più leggera) la bilancia può discriminare con una pesata un oggetto fra tre, quindi con k pesate si possono discriminare 3^k oggetti. Quindi se “p” è il numero delle palline, “n” il numero delle pesate le due entità sono in rapporto:

n = ceil(log₃p)

dove “ceil” è la funzione che restituisce l’intero superiore o uguale a quello passato per argomento e “log_ab” è il logaritmo in base “a” di “b“.
Da questo si può osservare che, relativamente soprendentemente, con 10 pesate è possibile scoprire la pallina che pesa di più o di meno tra 3^(10-1)+1 e 3¹⁰ palline, quindi fino ad un massimo di 59049.

Se però non si sa a priori quello che si sta cercando rimane una decisione binaria, leggero o pesante, che è possibile decidere con una pesata. Quindi la formula di prima diventa:

n = ceil(log₃p) + 1

Applicata al problema proposto la formula dà:
n = ceil(log₃12) + 1 = 4

mentre si poteva risolvere in sole 3 pesate, quindi questa formula dà una soluzione sufficiente ma non necessaria, ovvero sicuramente si riesce in ceil(log₃p) + 1 pesate a trovare la pallina diversa tra le “n” in gioco, ma in alcuni casi si può fare di meglio.

Per ora non ho ancora trovato la formula “necessaria“; qualcuno ha qualche idea a partire dalla mia?

No related posts.

Naturalmente ci vuole una certa elasticità mentale e tanta fantasia .

Se invece volete dilettarvi con la matematica e raggiungere un risultato certo (sempre che non mi sia sbagliato con i conti ), sappiate che il prodotto di giorno, mese e anno dà 109350 e sommando giorno e mese si ottiene il centro dell’anno.

No related posts.

Partiamo dal termine: è una contrazione di “favourite icon”, cioè icona preferita. Viene normalmente associata ad un intero sito web ma, al limite, può essere associata ad ogni singola pagina. Tutti i browser moderni sono capaci di gestirla correttamente, ma Internet Explorer fa schifo a prescindere , quindi passate tutti quanti a Firefox 2.0, è stato rilasciato da poco!

A che serve?

• a contraddistinguere il proprio sito, poiché tale icona appare nella barra degli indirizzi, nell’eventuale tab e, cosa più importante, tra i bookmark; in questo modo sarà più facile per l’utente memorizzare l’icona e ritrovarla tra i suoi numerosi bookmark;
• per il webmaster del sito, serve ad evitare di avere nei log di errore del sito il classico “File does not exist: /…/favicon.ico“

Tanto per cambiare è Internet Explorer a creare problemi tecnici: mentre gli altri browser di diffusione rilevante sanno utilizzare correttamente file .png, .gif e .ico (non ho provato, ma suppongo anche qualunque altro formato che il browser è capace di aprire in una qualsiasi pagina web), Internet Explorer conosce solo i .ico. Per compatibilità, è buona norma creare quindi un file .ico, e qui sorgono i problemi quando ad uno come me viene in mente di creare un’icona che sia in grado di supportare più formati, in particolare le dimensioni 16×16px, 32×32px, 48×48px e 128×128px.

Trovandomi sotto Mac OS X potevo scordarmi di utilizzare software di Windows (lo so che c’è Parallels Desktop, ma non vedo perché cercare di tornare a Windows emulandolo ).

Dopo svariate ricerche, può sembrare curioso, ma ho scartato qualsiasi programma creato apposta per disegnare delle icone o perché non riuscivo a creare niente di carino o perché non offriva la possibilità di creare un’icona con più risoluzioni.

La mia scelta è ricaduta su due software:

• Inkscape, un programma di grafica vettoriale Open Source ben fatto e facile da utilizzare che si sta evolvendo sempre di più da una release all’altra;
• Gimp, un software Open Source per la manipolazione di immagini (GNU Image Manipulation Program), già largamente conosciuto e diffuso in ambito GNU/Linux.

Inkscape l’ho utilizzato “solamente” per creare le immagini con cui costruire il file .ico.

Alcuni consigli per non perdere tempo nell’utilizzare Inkscape:

• innanzitutto può essere comodo avere un canvas della dimensione giusta per una favicon, ma, visto che si parla di grafica vettoriale dove eventuali ingrandimenti/rimpicciolimenti dell’immagine non causano alcun problema all’immagine, è sufficiente avere un canvas quadrato, quindi si può scegliere “File->New->icon_16×16” e poi zoomare a piacimento per poter disegnare al meglio l’immagine;
• ovvio a dirsi, ma è meglio stare attenti a disegnare l’immagine all’interno del canvas senza farla trabordare;
• una volta completata l’immagine è necessario salvarla in un qualche formato leggibile da Gimp (consiglio PNG); per far ciò è necessario accedere alla finestra di dialogo tramite “File->Export Bitmap“:
  • come “Export Area” bisogna scegliere “Page” (cioè l’intero canvas);
  • come “Bitmap size” bisogna scegliere per ogni singolo salvataggio la width e l’height desiderate, ad esempio 16×16, 32×32, 48×48 e 128×128, naturalmente avendo impostato come “Units” “px“;
  • per salvare l’immagine in formato PNG è sufficiente impostare come”File name” un nome di file con estensione .png.

A questo punto si avranno a disposizione tutte le immagini .png (in questo esempio, quattro) che andranno a formare il file .ico. Ed è qui che bisogna abbandonare Inkscape e far entrare in gioco Gimp.
Mentre la procedura descritta precedentemente è abbastanza ovvia, quella che ho seguito per utilizzare Gimp non è particolarmente documentata (leggasi: l’ho costruita ad intuito leggendone una parte in un forum mentre cercavo tutt’altro ):

• come prima azione, bisogna creare un canvas adatto ad accogliere le immagini; è abbastanza ovvio scegliere come dimensione quella della più grande immagine tra quelle create (in questo esempio 128×128px) e questo si fa attraverso “File->New“:
  • “Image Size“, “Width: 128″, “Height: 128″, “pixels“;
  • “Advanced Options -> Fill with“: “Transparency“.
• ora che abbiamo la base su cui lavorare è necessario importare le immagini create con Gimp e per farlo bisogna utilizzare dei layer, quindi scegli “File -> Open as Layer” e seleziona tutte le immagini da importare;
• i layer verranno importati nel canvas e si vedranno tutti sovrapposti, non temere, non sarà quello il risultato ;
• ora bisogna salvare il file con “File -> Save as…” ed è fondamentale impostare come “Name” del file un nome che abbia estensione .ico (si usa solitamente il nome standard “favicon.ico”);
• si aprirà una finestra di dialogo in cui vengono mostrati separatamente i vari layer contenuti nell’immagine; si può cliccare tranquillamente su “Ok” ed ottenere finalmente il file tanto agognato .

Ora non rimane che effettuare l’upload del file sul server web per il quale verrà utilizzato e indicare nelle pagine del sito di utilizzarlo. Per la prima azione dovrete utilizzare un client FTP, ad esempio per MacOSX c’è Cyberduck .

La cosa più interessante è la seconda: alcuni browser utilizzano automaticamente il file favicon.ico, se questo è presente nella directory root del vostro spazio web ed ha ovviamente il nome di default favicon.ico. Tuttavia, l’azione più corretta da eseguire è introdurre nelle pagine un riferimento a tale icona e ciò si fa come segue:

<link href=”favicon.ico” rel=”shortcut icon” type=”image/x-icon” />

Se per qualche motivo l’icona non risiede nella root dello spazio web basta modificare opportunamente l’attributo href.

Tutto quello che ho descritto porta ad avere un’icona compatibile con Internet Explorer, ma altri browser, come Firefox, permettono di utilizzare altri formati grafici, ad esempio .png o .gif, assegnando all’attributo type il corretto MIME type (per una lista si veda qui).

Spero vi sia di aiuto, “That’s All Folks!”.

No related posts.

Quella che vedete nella foto è solo una parte (circa la metà) di tutti i funghi raccolti ed essiccati.

Scusate la qualità non ottimale dell’immagine, ma è realizzata con iSight (per i non Mac-ofili, la webcam integrata nella parte superiore del coperchio del portatile).

Da notare l’elaborato set fotografico costituito da due cuscini e una luce USB azzurra alimentata dal portatile stesso che viene proiettata sul vaso. Inoltre è da sottolineare la posa plastica delle mani a formare una Kamehameha .

No related posts.

Questo vuole essere solo un post umoristico, quindi guardate le due immagini qui sotto:

Quella a destra non è un ingrandimento della parte centrale di quella a sinistra, ma è il logo della Vodafone Omnitel.
Curioso, vero?

Come nuovo slogan per la compagnia telefonica proporrei, a questo punto, “White is NOW“, magari pronunciata da un celeberrimo calciatore di colore come Pelé.

No related posts.