Progetto

Sito web creato per Business Inside, portale di notizie legate al mondo del business, strategia e marketing, processi aziendali e non solo.

Il sito web è basato sulla nota piattaforma open source WordPress, che permette una manutenzone del sito autonoma da parte del proprietario del sito.

Deliverables

• Web Design & Development
• Graphic Design
• Logo design and lettering

Tecnicalities

Coding: xHtml, JavaScript
Grafica: Photoshop, Illustrator
URL: businessinside.org

Progetto

Sito web creato per l’Agenzia di viaggi Kanaga Adventure Tours, situata in Mali.
Il sito web è basato sulla nota piattaforma open source Joomla, che permette una manutenzone del sito autonoma da parte del proprietario del sito.

Deliverables

• Web Design " Development
• Graphic Design

Tecnicalities

Coding: xHtml, JavaScript
Grafica: Photoshop, Illustrator
URL: kanaga-at.com

Progetto

Sito web creato per l’Associazione Culturale Jekabaara, situata in Mali.
Il sito web è basato sulla nota piattaforma open source Joomla, che permette una manutenzone del sito autonoma da parte del proprietario del sito.

Deliverables

• Web Design " Development
• Graphic Design

Tecnicalities

Coding: xHtml, JavaScript
Grafica: Photoshop, Illustrator
URL: gaoc-jekabaara.org

Progetto

Versione 1.2 del sito web realizzato per il salone “Il riccio è un capriccio” di Roma.
Nella creazione del progetto ho voluto sperimentare l’utilizzo dell’application Apple iWeb, ed il risultato è davvero sorprendente, tanto per l’utente finale quanto per lo sviluppatore.

Deliverables

• Graphic Design

Tecnicalities

Grafica: Photoshop, Illustrator iWeb
URL: ilriccioeuncapriccio.it

Struttura base formata da header, container, left sidebar e footer.

I vantaggi di questo layout sono molteplici:

• larghezza minima: 780px è utile per le obsolete risoluzioni a 800×600 senza scroll bar
• larghezza massima: 1260px è utile per gli utenti con browser a risoluzione 1280×768
• l’altezza della sidebar sinistra è identica a quella del container per permettere un perfetto equilibrio

Fonte (source): http://css-tricks.com/the-perfect-fluid-width-layout/

Download dal sito ufficiale

Questo documento fa sì che i motori di ricerca abbiano un elenco completo di tutta quella che è  la gerarchia delle pagine di un sito web.

Quindi è di vitale importanza per un sito web.

Personalmente io creo le mie sitemaps con un tool gratuito trovato in rete a questo indirizzo.

Ma attenzione, non sono qui per segnalarvi un tool, ma per dirvi come ottimizzarlo per Google.

Quel tool infatti genera una sitemap non ottimizzata per Google.

Per renderla ottimizzata basterà fare 2 semplici passaggi: cancella e incolla.

Una volta generata la Sitemap basterà aprirla con un normale blocco note e cancellare questa parte di codice

xmlns:xsi=”http://www.w3.org/2001/XMLSchema-instance”
xsi:schemaLocation=”http://www.sitemaps.org/schemas/sitemap/0.9
http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd”>

e

sostituirlo con

<?xml version=”1.0″ encoding=”UTF-8″?>
<urlset xmlns=”http://www.sitemaps.org/schemas/sitemap/0.9″>

Salvare il tutto con il nome Sitemap.xml e fare l’upload nella cartella public_html della root del vostro sito web.

In questa maniera io sono riuscito a indicizzare 26 url su 26 su Google.

Provare per credere.. e datemi i vostri feedback!

Diamo per scontato che tutti quanti conosciate Gimp: un programma professionale (specifico per il web design e non per la stampa e più avanti vedremo perchè) che sfida Photoshop per funzionalità e versatilità .

In questo articolo segnalo l’utilissimo plugin reperibile qui (tasto destro -> salva con nome) e che permette l’integrazione degli effetti di livello (Layer effects) di Photoshop.

Per installare questo script entriamo nella cartella di Gimp sotto Programmi fino a raggiungere il percorso /usr/share/gimp/2.0/scripts.

Incolliamo il file appena scaricato, riavviamo Gimp e nella voce Script troveremo i nostri effetti di livello.

Download

Sapevate infatti che il 25% degli utenti worldwide ancora utilizza l’obsoleto Internet Explorer 6?

Questa notizia è demoralizzante per noi web developers! Iniziamo a inserire questo piccolo script nelle nostre pagine e non pensiamoci più.

Di cosa abbiamo bisogno?

1. Di questo file
2. Di javascript abilitatonel browser del nostro utente
3. Di 3 linee di codice

Andiamo nel particolare:

Aggiungiamo queste 3 righe di codice nella sezione della nostra pagina contenente le immagini trapsarenti png.

La condizione if espressa nella sezione della nostra pagina fa sì che lo script entri in azioni solo con le versioni 5.5 e 6 di IE.

Il gioco è fatto.

Volete un metatag analyzer che vi indichi il numero di metatag utilizzato e la loro validità
Meta Tag Analyzer della Submit Express può fare al caso vostro.

Questo tool permette di

• Avere un’idea di come i robots dei motori di ricerca analizzano il tuo sito o quello dei tuoi competitors
• Verificare quante keywords sono state inserite e la loro attinenza con l’argomento trattato
• Analizzare la validità dei metatags inseriti
• Verificare tempo di caricamento e peso delle singole pagine web

Quello che voglio far notare è che il tool si presenta bene, è veloce e di facile utilizzo, ma nonè¨ la riproduzione esatta dell’algoritmo utilizzato dai motori di ricerca, pertanto lo consiglio per usi non professionali o comunque per fini statistici e non scientifici.

Il programma permette di creare facilmente anteprime e confronti tra i font più comuni e usati dai webmasters.

Tra le funzioni più utili c’è la possibilità di applicare stili css ai vari tipi di testo, senza dimenticare l’utile tabella di caratteri che permette di individuare facilmente il corrispettivo html dei caratteri più particolari.

Per ulteriori informazioni: www.fonttester.com