Attualmente in beta privata, è comunque possibile richiedere un invito dalla homepage ufficiale per essere informati in anteprima riguardo il momento del debutto iniziale, o seguire il progetto tramite il blog ufficiale e i social network come Twitter e Facebook.

Gli utenti che si registrano gratuitamente a TuoGuru, possono fare domande di qualsiasi argomento ma sempre inerente al mondo del Web (Grafica, Programmazione, Seo & Marketing, CMS, Social Media, etc…), offrendo una cifra a chiunque sia in grado di fornire una risposta soddisfacente.

Il compenso dipende dalla difficoltà del quesito. Indicativamente si parte da 2€ per la domanda facile, 15€ per la domanda intermedia, 30€ per quella difficile, e 50€ per quella esperta.

Maggiore è il budget scelto, maggiore sarà la possibilità di ottenere un gran numero di risposte alla propria domanda. La cifra, va detto, può essere guadagnata soltanto da chi darà la risposta ritenuta migliore.

A decidere questo, sarà la community stessa che avrà la possibilità di votare le risposte ad ogni singola domanda e suggerire a chi ha inserito la domanda, quale sia la risposta più adeguata.

Più voti riceverà una risposta, più questa sarà messa in evidenza. In questo modo, aumentano anche le possibilità di ottenere risposte immediate e di alta qualità.

Tutto il traffico di domande risolte verrà in seguito archiviato per popolare un’area di apprendimento e creare una vera e propria community di esperti.

L’utente la cui risposta è stata votata come la migliore, riceverà sul proprio conto PayPal la cifra stabilita da chi invece ha inviato la domanda. L’idea è davvero semplice, anche se non del tutto nuova.

Ci sono infatti già da tempo in rete dei siti che offrono dei servizi simili. Basta pensare a  StackOverflow e Yahoo! Answer.

Ma la differenza, che di certo stimolerà se non l’interesse almeno la curiosità di numerosi internauti, sta che tramite TuoGuru nella possibilità di guadagnare con le proprie conoscenze. Senza dimenticare una buona dose di fortuna.

Matilde Geraci

Uno di questi è Slowcop: un servizio facilissimo da usare e, come detto, non necessita di un software da installare nel proprio computer. Basterà infatti digitare l’Url di un sito web o di un blog che vogliamo controllare e quindi cliccare “Get Report”.

In brevissimo tempo otterrete un resoconto super dettagliato riguardo l’efficienza di caricamento, le prestazioni delle singole pagine che formano quel dato sito internet e quali fattori influiscano sulla velocità, come ad esempio le immagini, oltre a fornirvi informazioni riguardo il peso della pagina espresso in Kb e il punteggio dato dal sito fino ad un massimo di 100 punti. Il tutto, attraverso una grafica accattivante e intuitiva.

Questo vi sarà utile nel caso in cui vogliate modificare e quindi eventualmente ottimizzare quegli elementi non esattamente “performanti” che non fanno altro che rallentare l’apertura delle pagine del sito.

Un punto a favore di Slowcop è senza dubbio il fatto che non richiede spazio all’interno del proprio sistema operativo (è infatti un tool web-based, utilizzabile direttamente attraverso il browser), senza dimenticare che è gratuito, non richiede iscrizione ed è tra i più facili da usare rispetto agli altri presenti sul web.

Una pecca è invece costituita dal fatto che il servizio è solamente in inglese e ciò potrebbe costituire un grosso ostacolo per chi non conosce la lingua, sebbene le informazioni tecniche fornite da Slowcop siano altamente comprensibili.

Verificare le reali prestazioni di un dato spazio online e in particolare tenere sotto controllo la velocità di un sito web è uno degli aspetti più importanti soprattutto per i webmaster, che i siti li creano.

Se infatti sono presenti in esso degli script troppo pesanti o delle immagini troppo grandi che non fanno altro che rallentarne l’apertura delle pagine, il risultato che si può ottenere, ahimè, è una caduta in picco delle visite. Slowcop vi aiuterà ad evitarlo.

Matilde Geraci

Il procedimento è molto semplice, una volta collegati al sito, per iniziare a realizzare il proprio form personalizzato basterà cliccare sul pulsante “Start Now” e selezionare la lingua che si desidera.

A questo punto sarà possibile partitre con la vera e propria creazione del modulo HTML personalizzato, utilizzando una grande varietà di elementi, come: bottoni, iframe, calendari, mappe, check box, reCaptcha e molto altro ancora.

Una volta terminata la progettazione del proprio form HTML, sarà possibile scaricare sul computer un archivio compresso .Zip contente tutti i suoi file, che a loro volta potranno essere riutilizzati liberamente sulle pagine del proprio sito web o blog.

HtmlForm.com è uno servizio completamente gratuito che per essere utilizzato non richiede registrazione.

Un’ottimo tool che senza dubbio tornerà molto utile a web designer e web master alle prime armi.

Visita | HtmlForm.com

Il servizio non permette solamente di trovare ispirazione e condividere le proprie creazioni. Oltre ad inviare immagini, collegamenti e linee di codice, puoi confrontarti con gli altri utenti, ponendo e rispondento alle domande della comunità.

Come ogni comunità per web designer che si rispetti, Forrst presenta un layout molto elegante e funzionale, caratterizzato da una struttura molto user friendly.

Purtroppo Forrst è attuamente disponibile solo su invito, per accedere alla community è quindi necessario procurarsene uno, facendone richiesta direttamente sul sito o trovandolo in giro per il web.

Davvero un servizio interessante, non credete?

Sui browser Chrome e Safari è possibile testare SublimeVideo, senza dubbio un’ottimo esempio che mostra come HTML5 non abbia nulla da invidiare al formato Flash di Adobe.

Un altra prova delle potenzialità di HTML 5 è sicuramente Sketchpad, un interessante applicazione online molto simile al famoso Paint per Windows, ma che vanta della peculiarità non da poco di essere stata totalmete sviluppata in HTML5.

Sketchpad è uno strumento online molto semplice che supporta sia i gradienti che i pattern e mette a disposizione strumenti di base per disegnare, pennelli di vario genere, forme e altro ancora.

Il servizio in se non è poi così interessante, ma sta a testimoniare le grandi potenzialità di un linguaggio come HTML5.

Questo tipo di applicazioni come la maggior parte delle animazioni presenti sul web sono solitamente sviluppate con Flash, ma forse in un futuro non troppo lontano, a discapito del famoso linguaggio Adobe si passerà ad utilizzare HTML5.

Un linguaggio che tra le altre cose non necessita di alcun plugin per funzionare.

Voi cosa ne pensate? In futuro riuscirà HTML5 ad imporsi su Adobe Flash?

In questo post ho deciso di segnalare le migliori 10 estensioni per il plugin Firebug, che possono tornare molto utili a web designer e sviluppatori:

1.FirePHP. Componente aggiuntivo dedicato a tutti gli sviluppatori che lavorano con PHP e Ajax. FirePHP è un’estensione davvero ben fatta che consente di fare il debug di codice in PHP. È facile da gestire, forse un po’ complicata da installare, ma una volta che vi sarete abituati ad usarla difficilmente potrete farne a meno.

2. Firecookie. Un’utile estensione. Consente di gestire i cookie nel browser, con questo meraviglioso strumento è possibile eliminare, modificare e persino creare i cookie per la verifica delle nostre applicazioni.

3. CSS Usage. Interessante estensione per FireBug che permette di conoscere quali regole css sono effettivamente utilizzate.

4. CodeBurner. Un plugin davvero molto pratico. Una volta integrato in Firebug fornisce ulteriori informazioni su HTML e CSS. Ideale per l’apprendimento della creazione di siti web in modo educativo, oppure per lavorare con gli esempi.

5. FireQuery. Uno dei migliori add-on per sviluppatori web che utilizzano jQuery per i loro proggetti online. Davvero utile e ben realizzato, se lavorate con jQuery questa estensione può essere un valido aiuto.

6. FirePicker. Questo compontente aggiunge a Firebug una piccola finestra selettore colore che consente di modificare i colori ai fogli stile in maniera molto semplice e veloce.

7. Firefinder. Estensione davvero molto funzionale. Permette ai web designer di individuare un selettore o un’espressione all’interno del codice osservandone il comportamento. Un plugin utile per verificare se il codice che avete scritto svolge realmente l’azione che desiderate.

8. Pixel Perfect. Permette di sovraporre immagini alla pagina web visualizzata, scegliendo anche il livello di trasparenza. Ottima estesione per Firebug che ci munisce di una vera e propria guida visuale per il posizionamento degli elementi attraverso CSS e HTML.

9. FireDiff. Comodo plugin che consente di tenere traccia dei cambiamenti fatti al codice HTML e CSS di una pagine web. FireDiff vi tiene informati di tutte le modifiche in quanto registra internamente i cambiamenti effettuati tramite Firebug ed i changelogs dell’applicazione.

10. Rainbow. Utile estensione per Firebug che ha lo scopo di migliorare la lettura del codice colorando diversamente le stringhe con funzioni differenti. La colorazione è sicuramente utile quando si hanno centinaia di righe da leggere.

In questo post potete trovare altri add-on molto utili per lo sviluppo web con Mozilla Firefox.

Le Add-ons disponibili per Firefox sono davvero tante, una parte di esse può essere considerata come un valido aiuto per ogni Web Designer e Sviluppatore Web, in questa lista ho deciso di segnalarvi le 14 estensioni migliori  ed indispensabili per Web Designers e Sviluppatori.

1. ColorZilla: Se è presente un colore che desideriamo su una pagina Web, ColorZilla consente di trovare il suo codice (rgb, nominale, html) e di copiarlo negli appunti. È inoltre possibile creare colori personalizzati, utilizzare tavolozze di colore già pronte e zoomare con un click le pagine web così da catturare più efficacemente i colori. Un add-on completo, semplice, da installare.

2. CSS Validator: Questa add-on aggiunge un opzione al browser per il clic destro del mouse che permette di controllare al volo qualsiasi pagina web con W3C CSS validator, i risultati si apriranno in una nuova scheda.

3. Aardvark: Aardvark permette di selezionare gli elementi di una pagina Web ed eseguire varie azioni su di essi. Un ottimo strumento per analizzare la struttura di una pagina web.

4. FirePHP: FirePHP, funziona solo se abbiamo l’estensione Firebug installata. Permette di visualizzare la qualità del codice PHP, consentendo quindi di correggere eventuali errori. Un ottima add-on che può tornare utile a tutti gli sviluppatori.

5. Font Finder: Questo componente aggiuntivo consente di ottenere dettagliate informazioni sul testo utilizzato all’interno di un sito. Basterà evidenziare qualche carattere e cliccando col tasto destro verranno visualizzate le info utili prelevate dal file css della pagina web, permettedo quindi di conoscere il tipo di font, la dimensione ed eventuali stili di formattazione.

6. CSSViewer: Nessun Web designer dovrebbe lavorare senza CSSViewer. L’add-on ci cosente di consocere tutte le informazioni CSS di un sito. Un addon semplice, rapida ed indispensabile.

7. Firebug: Firebug è una di quelle estensioni di cui non si può proprio fare a meno.  Questa add-on permette di modificare, eseguire il debug, e visualizzare i CSS, HTML e JavaScript di qualsiasi pagina web. Inoltre e anche possibile visualizzare l’anteprima delle nostre modifiche. Un estensione davvero completa e ricca di funzionalità.

8. IE View: Fintanto che si utilizza Windows, IE View è uno strumento utile. L’estensione aggiunge l’opzione  “Apri in IE” nel menu di scelta rapida, che consente di aprire rapidamente un sito in Internet Explorer. Un ottimo modo di verificare come appare una pagina web in entrambi i browser.

9. Java Console: Se volete vedere come sono le applet Java in esecuzione su una pagina Web, Java Console è il plugin che fa per voi. È possibile monitorare ed eseguire il debug delle applicazioni, e ottenere un rapporto completo sulle loro prestazioni.

10. HTML Validator: HTML Validator è uno strumento estremamente potente disponibile solo per gli utenti di Windows. L’addon offre un feedback sugli errori nella pagina. Essa permette anche di sapere dove i problemi devono essere corretti. Un estensione molto utile.

11. LinkChecker: LinkChecker è una pratica add-on che evidenzia i link su qualsiasi sito Web e ci segnala se quei link sono diretti ad un sito o restituiscono una pagina 404.

12. Web Developer: Web Developer è un ottima estensione per tutti gli Sviluppatori, è caratterizzata da una pratica toolbar ricca di strumenti che permettono di effettuare una serie di azioni, come: visualizzare lo stile di una pagina, visualizzare e modificare i CSS, validare il codice e molto altro ancora. Nessuno sviluppatore Web dovrebbe essere sprovvisto di un add-on come questa.

13. SEOforFriefox: Durante le ricerche su Google e Yahoo consente di visualizzare, sotto a ciascun risultato, una serie di dati aggiuntivi molto utili come: il Page Rank, Alexa Rank, backlinks, citazioni su Technorati e Delicious, presenza di backlinks provenienti da pagine di siti .edu e .gov, whois, data di registrazione del dominio, presenza sulla directory di yahoo e su dmoz.

14. SearchStatus – Una utile add-on che durante la navigazione permette di visualizzare il Page Rank e l’Alexa Rank di quasiasi pagina web, situata in basso a destra, questa toolbar consente anche di vedere i backlink su quattro dei più famosi motori di ricerca.

E voi, già utilizzate alcune di queste addon? Avete qualche altra valida estensione da consigliare?

In questa guida SEO possiamo trovare tanti consigli da seguire per migliorare l’indicizzazione del nostro sito su Google, vengono trattate una dozzina di tematiche, tra cui: titoli, meta tag, struttura url, anchor text, sitemap, robots e altro ancora.

Un ottima iniziativa da parte di Google: tanti consigli utili per tutti i Webmaster!

Il nome dice tutto. Web Designer Heaven è un sito dove possiamo trovare catalogate ordinatamente un “paradiso” di risorse utili per web designer, sono davvero tantissimi i link interessanti presenti, tutti divisi per ogni diversa sezione del mestiere, come:

- Fonts: tanti siti dove possiamo scaricare caratteri gratuitamente.

- Stock Photography: un grande numero di siti in cui scaricare fotografie gratis che possono tornaci utili per i nostri progetti web.

- Cheat Sheet: link alle scorciatoie da tastiera per i più famosi software di grafica web.

- Color Tools: tanti strumenti utili per lavorare con i colori.

Ma non è finita qui, su WebDesignerHeaven sono presenti ulteriori link a risorse utili: Css, Tutorials, Patterns, Photoshop Brushes, Text Generators, Icons e molto altro ancora.

Insomma: un sito da tenere nei preferiti, ricco di tantissime valide risorse e aggironato frequentemente.

Queste T-shirt saranno molto gradite ai vostri amici programmatori: