Molto spesso quando convalido le mie pagine HTML, grazie allo strumento che mette a disposizione il W3C Markup Validator, mi viene visualizzato un’esito negativo causa alcuni caratteri non codificati nel modo appropriato all’interno della pagina HTML. Errori di questo genere solitamente non compromettono la resa grafica della pagina e del testo, perchè i browser quando scaricano la pagina visualizzano lo stesso quel carattere senza errori, ma se volessimo aver una pagina validata nei confronti dello standard W3C dovremmo cambiare quei caratteri speciali in codici HTML standard.
Per caratteri speciali HTML si intendono: lettere accentate, lettere speciali (non in tastiera QWERTY), punteggiatura  e molti altri caratteri all’interno del set-caratteri ISO-8859-1 (set default per molti browser).

A questo punto non ci rimane che sapere tutti i codici HTML a memoria (cosa quasi impossibile almeno per me) o chiedere aiuto al W3schools. Come si può ben capire è un sito dove vengono spiegati per filo e per segno ogni tipo di carattere o codice  HTML, CSS, XML, JavaScript, PHP e molti altri linguaggi di programmazione Web. Chiedendo aiuto al W3Schools, troveremo le referenze per il set ISO-8859-1 dove si può trovare l’intera lista dei caratteri speciali con i suoi relativi codici HTML. Per esempio seguendo la lista possiamo vedere che per scrivere una lettera accentata come la “à” dovremmo inserire all’interno del nostro codice “à” facendo ciò il browser visualizzerà la lettera accentata senza dove ricevere errori di sintassi HTML.

Questo è il link per visualizzare tutti i codici HTML secondo lo standard: HTML ISO-8893-1 Reference

ColoreMinder è un’ottimo ColorPicker gratuito online da utilizzare per ricavare il codice HTML di un colore scegliendolo direttamente dalle sue Palette. Grazie a questo sito potremo finalmente aver sempre sotto mouse i codici HEX ( esadecimali ) di qualunque colore, senza dover installare software sul nostro PC.

ColoreMinder è molto semplice da utilizzare infatti grazie alle sue Palette principali in fondo alla pagina potremmo scegliere il colore da noi desiderato, il sito grazie alla tecnologia AJAX ci restituirà il relativo codice HEX inserendo anche la possibilità di scegliere diverse tonalità. Tramite il menu a tendina “Variation” è possibile modificare le diverse tonalità in trasparenza, saturazione e colore; scegliendo l’opzione “one” potremmo gestire tramite un comoda barra di scorrimento la percentuale adatta alle nostre esigenze. Il sito possiede anche il vero e proprio ColorPicker da far visualizzare cliccando su , con il quale potremmo gestire a 360° la tabella dei colori restituendo sempre il codice HEX del colore scelto.
Una volta deciso il nostro colore non ci resta che copiare il codice che verrà visualizzato nella descrizione del colore o addirittura cliccare sul pulsante per aggiungere diversi colori nelle Palette personalizzate.

La chicca di ColoreMinder è la possibilità di creare file CSS standard con all’interno i codici dei colori scelti nelle Palette personalizzate, rendendo tutto più semplice e sbrigativo; ogni colore all’interno del CSS assumerà la numerazione “c0 – c1 – c2” e cosi via. Questo pratico tool è utilizzabile cliccando su , ed in un’istante verrà visualizzato il codice da inserire nel nostro CSS.

ColoreMinder è davvero utile per tutti i WebMaster/WebDesigner, grazie alla sua semplicità d’utilizzo; l’unica pecca di questo sito è la sola traduzione in inglese, ma si riesce pur sempre a capire visto che di parole c’è ne sono davvero poche.

StyledCSSMenus, da la possibilità a tutti noi webmaster di scaricare i file sorgente dei suoi splenditi menu in CSS. I menu sono davvero molto accattivanti e moderni, non manca l’ormai noto stile Web2.0, sono moltissimi e tutti assolutamente gratis!!!

Tutti i menu by StyledCSSMenus, sono compatibili con tutti i browser, quindi mai più layout sballati in Internet Explorer. I menu sono scaricabili grazie al comodo link sottostante l’anteprima del menu, il download del file .Zip è davvero molto veloce data la piccolissima dimensione dell’archivio.

Il sito pubblica in modo free i codici sorgenti, quindi tutti i vari file CSS e HTML, ma richiede il pagamento per i file .psd ( Estensione che denomina i file di Adobe Photoshop ) grazie ai quali potremmo modificare tutte le immagini che compongono il menu per modificarlo a nostro piacimento.

I menu sono tutti testabili a questo indirizzo: http://www.styledmenus.com/search/label/allmenus.

Da oggi, non dovremmo più effettuare lunghe e noiose ricerce per trovare patterns ( Sfondi ) per il nostro Sito o Blog qualsivoglia. Infatti grazie a questo carinissimo sito http://patterns.ava7.com/ avremmo la possibilità di visualizzare e scaricare più di 1098 Patterns gratuiti da utilizzare nella realizzazione di qualsiasi tipo di grafica ( Web, Photoshop ecc… ).

Il sito come potrete ben vedere è veramente molto carino, la grafica è semplicissima ma spettacolare allo stesso tempo. Il codice HTML è veramente pulito e validato negli standard XHTML e CSS. La chicca bellissima è la coccinella che con il passaggio del mouse sopra alle sue due ali, fa vedere i loghi dei noti SocialBookmarking “StrumbleUpon” & “Delicious“. Inoltre non parliamo della farfalla che vola nel cielo con il logo di “Internet Explorer” che viene uccisa dal ragno “Firefox” con un semplice passaggio di mouse! .

Ava7Patterns possiede più di 1098 Patterns catalogati per colore e tipo, infatti grazie ai menu “Color” e “Shapes” potremmo affinare la ricerca dei Patterns a quelli che ci interessano. Inoltre ogni Patterns potrà essere commentato e valutato semplicemente entrando nella pagina dedicato a quel determinato Sfondo.

I Patterns disponibili sono davvero di tutti i tipi, forme e colori. C’è ne sono davvero molti come potrete vedere e tutti totalmente gratis!!!

Ava7Patterns permette l’utilizzo completo dei suoi patterns per tutti i tipi di grafica, per i siti web vorrebbe essere linkata all’interno dell’HomePage e penso che sia di dovere dato che offre tutte questi sfondi in modo gratuito.

Insomma d’ora in poi i nostri siti web avranno uno sfondo veramente molto più cool

Questo articolo lo avrei dovuto scrivere ben 11 giorni fa ( 19/02/09 ), onestamente me ne ero proprio dimenticato visto gli impegni lavorativi di questi giorni, comunque come avrete ben capito anche dal titolo di questo articolo il SyGy Site compie la bellezza di 3 anni.

Mi ricordo ancora quando per la prima volta ho voluto provare l’hosting gratuito, che tuttora utilizzo, AlterVista il quale era l’unico servizio gratis che ti dava molte opzioni come il php/mysql/email ecc… Da quel giorno ho incominciato a scrivere le mie prime righe di codice HTML e derivati, continuando sempre più arrivando al PHP e molte altre piccole cosette come i CSS.

Il primo sito era stato realizzato come mia prima esperienza con l’HTML ed onestamente avevo il 70% del codice scritto dal vecchio NamoWebEditor 7.5 con il quale scoprivo tutti i tag che non conoscevo. Poi studiando su internet e sopratutto passando ad un’ADSL decente 4Mb ho incominciato a scrivere e modificare forum phpBB e altri piccoli script in PHP. Con la conoscenza dei CSS che ho voluto realizzare un nuovo e moderno design per il sito, anche li gli studi sull’argomento mi hanno imparato sempre di più codici nuovi da applicare allo staticissimo HTML! Con questa nuova interfaccia ho voluto pure lanciare diversi CMS come il Forum in phpBB2 interamente modificato da me stesso, Blog in WordPress, una Top100 ed uno Shop online di vestiti. Diciamo che in questi mesi mi ero dato molto da fare!

Arriva l’ultimo anno cioè il 2008 quando con l’esperienza del forum e del blog e quindi di php/mysql ho voluto passare da un sito statito ad uno dinamico installando un CMS molto adatto alle mie esigenze. Il template del CMS mi è piaciuto molto e l’ho dovuto adattare ai vari plugin che uso. Inoltre nel 2008/2009 c’è stato il grande Boom del Blog, diciamo che ho lasciato stare lo sviluppo dell’intero sito per dedicarmi alla scrittura di articoli riguardanti la tecnologia e il mondo del PC; si inizio con 0 visite fino a quando Google e gli altri vennero a bussare alle porte del mio sito! Da quel giorno le visite aumentarono sempre di più. Notando le visite mi sono detto se era la strada giusta continuare a scrivere sul blog… e diciamo che ne sono davvero molto contento dell’impesa ( chiamiamola ) che ho compiuto. Adesso ricevo una media di 350/450 visite al giorno con molti lettori del nostro RSS, inoltre 617 ( fino ad’ora ) utenti hanno scritto commenti ai vari articoli.

3 anni sono un traguardo importante per me e per tutti gli utenti che in questi anni ci hanno visitato, che inoltre vorrei festeggiare diciamo con voi.

Grazie ancora di cuore a tutte le persone che ci hanno visitato e che ci visitano giorno dopo giorno.

SyGy

ShoutMix è il nuovo servizio web che ci permette di realizzare una vera e propria chat completa di amministrazione in pochi semplici passi, per la precisione 3!

La chat che andremmo a creare è una comunissima chat con la quale i nostri amici o utenti del nostro sito/blog potranno parlare insieme e scambiarsi opinioni. La chat inoltre è anche molto carina infatti permette di inserire nome, indirizzo web ed infine il messaggio che verrà visualizzato; l’indirizzo web verrà inserito come link all’interno della chat al posto del nome.
ShoutMix ci permette la completa gestione della chat, sia nell’amministrazione dei messaggi che del layout e dei colori della stessa. Infatti grazie al menu delle impostazioni della chat potremmo scegliere sia il layout i colori e addirittura gli smiles, si avete capito bene ci permette di inserire nuovi smiles all’interno della chat che andremmo a creare; questi nuovi smiles avranno anche le scorciatoie da tastiere come un normalissimo smiles. Naturalmente per aggiungere uno smiles dovrà essere hostato su un qualsiasi host, insomma dovrete avere l’indirizzo esatto dello smiles e poi inserirlo nell’apposita sezione “Settings » Display » Smileys“.

ShoutMix è un servizio prettamente in lingua inglese, ma hanno dato la possibilità di realizzare una traduzione personale per ogni nostra chat creata, infatti grazie alla sezione “Setting » Display » Labels” potremmo inserire le traduzioni per ogni parola e frase che è all’interno della nostra chat, oltre al nome stesso di quest’ultima. Infatti se andrete a visualizzare la chat che ho realizzato per farvi vedere un preview della chat che potreste realizzare, visualizzerete tutte le scritte in italiano; questo perchè le ho tradotte con molta semplicità sempre grazie alla solita pagina Labels!

Naturalmente dato che ShoutMix è come ho detto prima un servizio in inglese permette oltre alla traduzione delle parole, anche la possibilità di impostare la giusta ora della chat, questo perchè l’orario del server in qui sono posizionate le nostre chat è diverso dal nostro e quindi ShoutMix ci permette di impostare anche il giusto fuso orario all’interno della sezione “Setting » Display » Date & Time“.

Invece grazie alla sezione “Security” potremmo scegliere tutte le opzioni di sicurezza della nostra futura chat, come ad esempio il ban o la protezione di determinati nomi restringendo ad esempio l’utilizzo di parole non adatte ad un pubblico minorile come nome della persona che invia il messaggio. Il ban invece ci permette di bannare sia molteplici indirizzi IP, o addirittura un’intero Pool, che siti indirizzi URL non validi, insomma una sorta di antispam casareccio.

Alla fine dopo che avremmo impostato tutti i parametri a nostro piacimento potremmo prendere gli svariati codici HTML per inglobbare la chat in diversi modi: Flash Chat, Iframe, URL. Insomma potremmo davvero sbizzarrirci grazie agli svariati modi per inglobbare la nostra chat, infatti grazie all’iframe potremmo inserirlo in qualunque pagina HTML, come anche l’inglobbamento del file flash della chat. L’URL non è altro l’indirizzo che possiede la chat, perchè la chat creata viene hostata da ShoutMix con un’url del tipo http://sygy.shoutmix.net quindi avremmo anche solo la possibilità di inserire un link testuale o con un’immagine con il quale dirotteremo l’utente all’interno della chat hostata da ShoutMix. Per prelevare i codici HTML dovremmo andare nella sezione “QuickStart » Get Codes“; se possediamo un blog in WordPress c’è la possibilità anche di seguire una semplice guida che spiega passo passo come far ad inglobbare la chat!

ShoutMix in versione FREE ha però delle limitazioni infatti potremmo solo: visualizzare un massimo di 250 Messaggi, 150 caratteri a messaggio, 60 messaggi all’ora, un refresh automatico al minuto ed infine non potremmo avere un log dei messaggi inviati all’interno della chat. Per avere tutto il resto dovremmo pagare 20$ all’anno e potremmo avere tutti questi vantaggi: http://www.shoutmix.com/main/features.php

Continua »