giovedì, maggio 02, 2013

Colori impazziti

A tutti i web designer, i pittori, i creativi che si rispetti, prima o poi un attimo di imbarazzante difficoltà nella scelta delle variazioni cromatiche  da utilizzare per rendere spettacolari i propri lavori, può capitare.
In questi casi, possiamo ricorrere ad un amico fedele, che oltre a mettere a nostra disposizione strumenti importanti e potentissimi, come il fidato Photoshop, ci consente anche di accedere ad un servizio gratuito per la composizione di gradienti di colore, con la precisione e l'accuratezza che solo Adobe poteva fare .

Ebbene si, proprio Adobe.
Lo strumento che ci viene messo a disposizione si chiama "kuler" ed è reperibile a questo indirizzo..

Kuler di Adobe

Lo strumento permette di creare una gradienza di ben 5 colori, su tutte le modalità conosciute.
Mantenendo uno dei colori come perno per la nostra creazione, possiamo ruotare gli altri quattro enll'iride apposito ed ottenere qualsiasi colore.
Le tonalità possono essere prelevate in codice esa, classico dei formati html
Si può anche accedere ad un forum, o iscriversi al sito per mantenere traccia dei proprio sconvolgimenti cromatici.

Perfetto per tutti coloro che vogliono cimentarsi con questo meraviglioso mondo di sfumature.

Link fantasiosi

Dopo anni e anni di pagine web, siamo più che abituati a vedere i collegamenti ipertestuali (o cosiddetti Link) , sempre espressi con fotografie o con testi più o meno evidenziati.
Ma avete mai pensato invece di sostituire il testo evidenziato o una icona disegnata con un simbolo? 
Lo sapete che lo standard di Windows nel suo set di caratteri ha alcune famiglie di caratteri, grafici, che possono essere tranquillamente utilizzati dato che essendo standard saranno visibili in tutte le versioni del nostro sistema operativo di base.

L'unica difficoltà è quella di imparare, memorizzandoli, gli abbinamenti fra i vari simboli e le lettere che essi vanno a sostituire.
Ma con un piccolo accorgimento e un po di pazienza si può ovviare. Come? Non riuscite a immaginare come poter fare per avere sempre sottomano questi caratteri e poterli usare senza dover impazzire a cercare quelli giusti?
Ma è semplicissimo.
Preparate un documento,dove disporrete su due colonne la sequenza di lettere ordinarie, dalla A alla Z.
Utilizzate un carattere chiaro e eleggibile, cosi poi sarà più facile miniaturizzare il documento e tenerlo a portata di mano.
Affianco a questa serie di caratteri, digitate la stessa sequenza usando uno dei tre caratteri grafici oggetto del nostro esercizio.Cosi saprete sempre cosa scrivete.
Altro modo per fare un link potrebbe essere l'uso del simbolo di addizione racchiuso fra parentesi quadre... [+] semplice e molto efficace.
Ricordatevi sempre che oggi come oggi i siti internet tendono sempre più ad essere Table-less, cioè liberi da strutture rigide, ma muniti di file CSS sempre più complessi e professionali.

Ecco un esempio di caratteri grafici.

A B C D E F .........
A B C D E F Windings 1

A B C D E F Windings 2

A B C D E F Windings 3


Buon divertimento!

martedì, febbraio 12, 2013

GUI nuovo programma

Prende forma l'interfaccia web per il programma di gestione dei test.
Un programma orientato a soddisfare le esigenze di docenti e insegnanti che fanno largo e abituale uso di test a risposta multipla. Il prodotto sarà usufruibile direttamente on.-line sul server della loro scuola o istituto, e sarà visibile da tutti gli studenti tramite un semplice navigatore web.
Nella prossima release, introdurremo il concetto di "Compilazione online" cosi da evitare lo spreco di carta per stampare i test a priori, ma lasceremo sempre e comunque la possibilità di stamparli in un secondo tempo.



domenica, febbraio 03, 2013

E' stato messo online, il nuovo sito ECS. softtware.
Oltre alla versione italiana è stata messa in linea anche una versione Inglese.
Sono in preparazione la versione Francese, Spagnola, Tedesca.
I lavori di traduzione delle altre versioni saranno iniziati appena le due versioni principali saranno completate.
non dimenticate di passare ogni tanto a trovarci perchè spesso, lavori permettendo, ci saranno on.line nuove pagine, nuovi trucchi, nuovi download per voi.

saluti

Angoli arrotondati

Quando creiamo siti internet di qualità, anche il particolare fa la differenza.
Sappiamo tutti che è possibile usando i CSS, inserire facilmente dei riquadri nelle pagine del sito, creando intagli, box e aree evidenziate.
E' sufficiente utilizzare il tag "div" opportunamente elaborato per ricreare sagome di varie forme.
Però molti ancora non sanno che è possibile attribuire a queste forme, degli angoli arrotondati, per rendere meno incisivo il distacco dalla pagina e dai suoi contenuti.
Inseriamo nella classe o nell'id del nostro tag div la seguente istruzione

"border-radius : "

Ovviamente dobbiamo fare i conti con la solita lagna dei browser non standardizzati e quindi avremo un comando diverso per ogni browser...

Mozilla: 
"-moz-border-radius:  px;"

Opera (anceh se funziona anche con la sola istruzione di Mozilla

"-o-border-radiuis: px;!

Safari, Crome e simili...
"-webkit-border-radius:px;"

Ovviamente è possibile agire su uno qualsiasi degli angoli, top, left, right, buttom, secondo il seguente schema

"-moz-border-radius-top:px;"

(per gli altri è sufficiente sostituire il nome degli angoli.


sabato, febbraio 02, 2013

Il sito web dal quale traiamo ispirazione e a volte anche materiale, ha ripreso la sua attività e quindi probabilmente anche noi riprenderemo la nostra.
Sicuramente, il progetto di prossima realizzazione è creare una interfaccia per il blog meno stomachevole di questa, e di inserire un po di materiale nuovo.
Seguiteci e vedremo cosa fare: non mancheremo comunque di darvi segnalazioni in merito.