Possono essere una soluzione ai problemi di font?

Non so come si chiamano veramente ma io li chiamo così.

In pratica dei siti mettono a disposizione dei font richiamati grazie al CSS.

Non è che sia una cosa così rivoluzionaria in quanto da tempo è possibile però sono interessanti, soprattutto perché con la banda larga non è un problema scaricarsi un font.

I pro secondo me sono che finalmente si può ottenere l’effetto desiderato con ogni piattaforma.

Tuttavia i contro sono più di uno: intanto serve una licenza per l’uso (intendo tipo chiave servizio Google Maps) e poi certi siti magari non lasciano usare il font in ogni tipo di sito, cosa che sarebbe bella.

Purtroppo questo è il lato debole anche dei plugin e dei temi in generale: possono essere rilasciati con licenza diversa per esempio dagli altri progetti (vedi jQuery e Wordpress¹) e lo sviluppatore non può contare su del software che sarebbe utile.

Penso che però sia così in generale con la grafica: chi è bravo spesso non rilascia oppure rilascia con troppe restrizioni.

In questi giorni ho pensato a dei post sul web design e grafica da fare.

Apro con questo post sugli input che riguarda i tag HTML input, textarea e select e correlati, “visivamente” caselle di testo, bottoni etc.

Non so che sistema operativo usiate o browser ma ognuno ha le sue dichiarazioni grafiche di default.

Purtroppo mi è capitato di vedere alcuni siti o CMS o temi grafici che hanno personalizzato l’input senza tenere conto delle loro dichiarazioni di default.

Su Windows (almeno fino alla versione XP, Vista penso di averlo usato sì e no un’ora in totale e Seven mai usato) questo non è un problema e neanche su Mac da quanto ne so (neanche questo l’ho usato molto, al massimo iOS di iPod Touch).

Invece lo stesso non può essere detto dei Browser dei S.O. che usano un server X11, tra i quali si può citare GNU Linux.

Il problema è che ci sono moltissime combinazioni per esempio Gecko/GTK (es Firefox) o Webkit/GTK o Webkit/QT e non esiste un tema di default su cui contare o su un tema di default a maggioranza altrimenti (cosa comunque sbagliata).

Per esempio io ho provato un tema GTK chiamato Nodka Dark che personalizza anche gli input, rendendoli marroni/neri con il colore del testo grigio. … [Leggi il resto]

Italiano

Ho sviluppato per l’utente golinux di flatpress un plugin che permette di avere gli ultimi post di FP su pagine statiche in HTML.

Purtroppo proprio perché è richiesto che siano in HTML puro e semplice ho dovuto farlo in Javascript.

Ma veniamo all’uso.

Si carica nell’head un js così:

<script src="fp-root/?lastentriesjs" type="text/javascript"></script>

E lui creerà un array js chiamato fp_lastentries.

Ogni elemento dell’array ha un oggetto js che contiene title e url.

Quindi per farli vedere per esempio il codice è questo (tuttavia non testato):

<script type="text/javascript">
len=fp_lastentries.length;
document.write(len==0 ? '' : '<ul>');
for(i=0; i<len; i++) {
document.write('<li><a href="'+fp_lastentries[i].url+'">'+fp_lastentries[i].title+'</a></li>');
}
document.write(len==0 ? '' : '</ul>');
</script>

Di default mostra 10 post, se ne volete in numero diverso dovete specificarlo via URL, per esempio fp-root/?lastentriesjs=numero oppure fp-root/?lastentriesjs&count=numero. … [Leggi il resto]

Ecco un effetto slide per javascript.

Premetto che è una cosa fatta un po’ così, proprio per non rivolgersi a un framework JS.

Dico subito che questo script ha dei limiti e cioè funziona solo con elementi dalla proprietà CSS (dichiarata o nativa non fa differenza) display: block.

Il secondo limite è che per farlo funzionare in modalità di far vedere serve che l’altezza sia fissata (oppure, visto che la fissa, che sia stato chiuso con questa funzione).

L’ho testato su Firefox e Chromium e funziona ma non so dirvi per altri browser.

Comunque da questo script si può anche creare un fade (è proprio da lì che l’ho creato, infatti tempo fa ho fatto uno script simile a bobu) usando opacity al posto di height.

Ma veniamo allo script:

function vdfn_slide(div, mov, timeFrame) {
	timeFrame=typeof(timeFrame)=='undefined' ? 33 : timeFrame;
	if(mov=='show') {
		total=div.style.height;
		onlynumber=total.length>2 ? total.length-2 : total.length;
		onlynumber=total.substr(0, onlynumber)
		timeout=(onlynumber/5+1)*timeFrame;
		original_overflow=div.style.overflow;
		div.style.overflow='hidden';
		div.style.height='0px';
		div.style.display='block';
		slideIteratiion=0;
		slideInterval=window.setInterval(function() {
			newheight=5*slideIteratiion;
			div.style.height=''+newheight+'px';
			slideIteratiion++;
		}, timeFrame);
		window.setTimeout(function() {
			window.clearInterval(slideInterval);
			div.style.overflow=original_overflow;
			div.style.height=total;
		}, timeout);
	} else {
		total=div.offsetHeight+0;
		timeout=(total/5+1)*timeFrame;
		slideIteratiion=0;
		original_overflow=div.style.overflow;
		div.style.overflow='hidden';
		slideInterval=window.setInterval(function() {
			newheight=total-5*slideIteratiion;
			newheight=newheight<0 ? 0 : newheight;
			div.style.height=''+newheight+'px';
			slideIteratiion++;
		}, timeFrame);
		window.setTimeout(function() {
			window.clearInterval(slideInterval);
			div.style.display='none';
			div.style.overflow=original_overflow;
			div.style.height=''+total+'px';
		}, timeout);
	}
}

In pratica ogni timeFrame millisecondi aggiunge (o rimuove) 5 px di altezza. … [Leggi il resto]

È da un po’ che non mi faccio più sentire, perciò vi do un consiglio che coloro che non vogliono spendere un cent per avere un sito professionale seguiranno di sicuro.

Edit: come host professionale da scegliere, cercatene uno voi.

Prima ne avevo messo uno che comunque mi ha fatto arrabbiare poiché ti dà un sacco di spazio ma poi non ti lascia caricare le app che vuoi.

Per averne uno gratis di secondo livello entra in gioco Dot.tk.

Ne ho già parlato (vedi il mio script sull'autoupgrade), però non tutti forse sanno come funziona.

Lui vi dà tre opzioni per fare un dominio gratis con estensione tk (isole Tokelau, vicino alla Nuova Zelanda): o il redirect verso il tuo sito, o un DNS vero e proprio dove ti personalizzi tu gli indirizzi IP oppure tu dai l’indirizzo di uno o più server DNS già esistenti.

Noi useremo l’ultima opzione: registrate il dominio con il link che vi ho segnalato (sono ambasciatore Dottk 😊 così mi date dei punti!) e mettete l’opzione dei server DNS. Questo dipende dall’hoster che scegliete.

Quindi andate sul pannello di amministrazione del vostro host e qui avete due possibilità se è un buon hoster: far coincidere il dominio tk con quello già registrato (dominio parcheggiato o parked domain) oppure uno nuovo e diverso (dominio aggiuntivo o added domain).

Mettete il vostro dominio .tk e in una mezz’ora il dominio dovrebbe essere a posto.

Spero di esservi stato utile.