Sono un po’ di giorni che mi stanno contattando tutti i miei clienti perchè il loro sito viene considerato “malevolo“.

All’inizio pensavo fosse una coincidenza ma ho notato che il fenome è più diffuso di quanto immaginassi e sta prendendo di mira un po’ tutti.

Cosa sta succedendo? Un altro odiosissimo VIRUS.

Non so come facciano…  all’interno della root FTP viene inserito un file chiamato mailcheck.php, inoltre nella index viene inserito un Javascript lunghissimo (e facile da individuare).

All’inizio avevo paura di aprire i files sospetti per la possibilità che il mio computer ne venisse infettato, ma purtroppo chi dovrebbe fornire questo genere di servizi si dimostra più incompetente di un web designer che di nozioni sicurezza di certo non è un maestro.

Quindi ho preferito rischiare … meglio fare da soli!

Consiglio a tutti di controllare la propria cartella di files sul server, se trovate il file mailcheck.php eliminatelo.

Ripulite la vostra index di tutti gli script che non avete inserito personalmente e cambiate subito le password del vostro spazio FTP.

Se il vostro sito è iscritto nel programma “Google Webmaster Tool” (www.google.it/webmasters) avrete di sicuro ricevuto un avviso, tramite il vostro pannello di controllo una volta ripuliti i files potrete inviare una segnalazione a Google per far si che il vostro sito non appaia più come malevolo.

In 48 ore torna tutto come prima

L’epoca degli inserti in Flash per animare menu e testate è ormai un ricordo lontano.

Con JQuery e altri framework Javascript possiamo ottenere effetti particolari e animazioni che non hanno nulla da invidiare allo zio Flash.

Un semplice elenco può diventare un bellissimo menu animato senza dover per questo rinunciare ad un codice pulito e semantico, validato dal W3C , conforme a tutti gli standard e funzionante anche in caso che l’utente abbia Javascript disabilitato.

Cosa fa Jquery?

Gli script negli esempi che andremo a vedere non fanno altro che cambiare la posizione di un’immagine di background preimpostata lato CSS, gli effetti sono davvero impressionanti.

Basta un po’ di creatività per sfruttare al massimo le potenzialità di Javascript

Vediamo ora degli esempi di facilissimo utilizzo:

Cambiare la posizione dell’immagine di sfondo di un link:

http://snook.ca/technical/jquery-bg/

Mostrare del testo descrittivo:

http://buildinternet.com/live/smoothmenu/animated-menu.html

Per gli amanti della mela! Menu stile apple

http://www.kriesi.at/archives/apple-menu-improved-with-jquery

Mi è stato segnalato direttamente dal responsabile del sito un nuovo progetto tutto italiano.

Sulla scia di siti ormai consolidati in altri paesi d’Europa e non solo (getafreelancer per esempio),  Neolancer si offre come punto di incontro tra domanda e offerta di lavoro e permette di gestire l’intera operazione completamente on line e in modo sicuro.

Per i freelance che cercano lavori c’è un sistema di ricerca e classificazione che permette di trovare il progetto più vicino alle proprie competenze, ogni progetto ha una propria descrizione, il budget medio, i termini di consegna. In questo modo è possibile tagliare decisamente i tempi che in genere occorrono per chiarire i vari step che portano all’accettazione del lavoro da entrambe le parti.

Velocità, chiarezza, ma anche sicurezza.

Il sistema di pagamento SafePay non è obbligatorio ma vivamente consigliato:

il sistema SafePay aiuta gli utenti a completare i progetti senza preoccuparsi del momento del pagamento.
Quando il progetto inizia, i clienti depositano una specifica quantità di fondi sul nostro conto presso terzi, a favore del freelancer prescelto. Entrambi gli utenti potranno verificare questo pagamento attraverso il pannello di controllo.
A questo punto solo l’acquirente potrà rilasciare definitivamente l’ok per il pagamento.
Il freelancer, invece, è l’unica persona (oltre il nostro Staff) che può cancellare il pagamento dal deposito.
Questo consente ad entrambe le parti di avere, esattamente alla pari, il controllo sui fondi depositati.

Dall’altro punto di vista il Committente può inserire le proprie richieste sul sito e leggere i vari feedback direttamente dal sito, può comodamente confrontare le offerte e contattare i freelance che si sono proposti per quel determinato lavoro.

Un servizio semplice e utile.

Unico neo a mio parere sono le varie offerte pubblicate in maniera visibile a tutti, da freelance penso che la cosa potrebbe alimentare una certa concorrenza. Personalmente avrei preferito che le offerte fossero state visibili solo al potenziale cliente, ho fatto un giro tra i vari progetti e ho trovato situazioni quasi da “asta” al ribasso, un certo accanimento che forse non giova al nostro mercato.

La teoria del:

io te lo faccio per quattro soldi

spero scompaia del tutto e ceda il posto alla teoria del:

io ti faccio spendere un sacco di soldi e tu ne guadagnerai il doppio

Scrivo questo post con un duplice scopo, dare un veloce input a chi è stato vittima di attacchi di email di persone invidiose che perdono il loro tempo ad infangare il lavoro altrui,  e togliermi qualche sassolino dalla scarpa…

Per soddisfare la curiosità di alcuni, racconto velocemente la mia storia.

Tutto è iniziato con una email che qualche simpatico imbecille mi ha inviato tramite  il form di contatti presente sul mio sito.

Email del tipo “sappiamo chi sei te la faremo pagare”
(chi sono? c’è scritto tutto sul mio sito e anche Google lo sa bene…  cavolo lo sapevo che prima o poi quella multa mai pagata presa sull’autobus… avevo solo 12 anni… ), oppure “stai rovinando il lavoro di tante persone” (come?… ), o ancora “sei ridicola come web designer” (opinioni rispettate.. de gustibus eccetera eccetera, grazie dell’informazione).

Fin qui niente di nuovo, si sa che la “popolarità” (manco avessi partecipato al Grande Fratello! che Dio me ne scampi!!!!) porta invidie, il fatto in sè non mi ha disturbato più di tanto.

Il problema è sorto quando ho scoperto che queste persone  hanno iniziato ad inviare email firmate da “Laura De Masi” a web agencies teoricamente mie concorrenti, riempendo i malcapitati di insulti, anche volgari.

Come ho fatto a scoprirlo?

Immaginate di ricevere una valanga di insulti gratuiti! Qualcuno ha pensato bene di rispondere al mio indirizzo di posta ricambiando questi insulti, oppure chiedendomi il perchè di tanto odio, per cui ho ricevuto alcune email dalle persone che erano state offese da questa fantomatica Laura. Nessuno poteva immaginare che nella realtà non mi permetterei mai di comportarmi in maniera così volgare ed infantile. Mi viene ancora da ridere al pensiero, ma di certo non è simpatico sapere che qualcuno sta pensando che io sia un essere talmente infimo.

A questo punto scattano le ricerche, ogni form di contatti che si rispetta, compreso quello di WordPress, ha un minuscolo script che registra l’IP del mittente.

Recuperato l’IP posso avere le prime importanti informazioni grazie a siti come questo:  http://ip-address-lookup-v4.com/.

Per essere più sicuri continuano le ricerche via Google Analytics, recuperato l’orario di invio della email minatoria, controllo gli accessi alla pagina dei contatti in quel momento esatto..  e scopro tante altre informazioni.

Luogo, data, tipo di connessione.

Attenti ragazzini… qui non ci si improvvisa… 

Non mi sono mai occupata di “listoni“, e in parte ne sono perfino contraria, ma a questo punto mi pare cosa buona e giusta proporre una lista di link a utilities varie che nel corso degli anni mi hanno aiutato e mi aiutano tutt’ora a svolgere il mio lavoro senza intoppi.

Sono piccoli programmini gratuiti e che funzionano comodamente online. Ne conoscete altri ancora più utili?

Commentate e condividete

Riconoscere un font

What the Font è una utilty del famoso My Font che permette di riconoscere un carattere partendo da un’immagine o da un URL.

http://new.myfonts.com/WhatTheFont/

Usare testo fittizio

Obbligatorio per tutti i web designer. Personalmente consiglio di installare l’estensione per firefox che produce testo fittizio “al volo” e nella maniera e quantità desiderata.

Se invece preferite fare tutto online ecco il più famoso dei link: http://www.lipsum.com/

Convertire maiuscolo minuscolo

Fino a poco tempo fa usavo semplicemente Microsoft Word, dopodichè ho litigato a morte con tutto il pacchetto Office e quindi mi son resa conto che “online è meglio”

http://caseconverter.com

Creare una favicon

C’è ancora chi si chiede come si faccia a generare quella piccola immagine che vediamo vicino alla barra degli indirizzi del browser. Beh esistono tanti metodi ma a mio parere il migliore è questo tool on line, che, rta l’altro, crea l’icona ottimizzata a diverse dimensioni.

http://tools.dynamicdrive.com/favicon

Calcolare le percentuali

Questo è il mio preferito. Da quando emetto fattura, vista la mia propensione anti-matematica, lo uso praticamente sempre

http://www.dossier.net/utilities/percentuale/index.html

Eccoci giunti alla fine del nostro percorso.

Come promesso ho riunito tutto il materiale scritto in questi mesi in un unico file da scaricare liberamente, condividere, stampare, leggere e rileggere.

Un insieme di esempi,  esperienze vissute, consigli di persone più esperte (di me) e piccoli passi da seguire per iniziare la professione di web designer freelance con il piede giusto.

Se invece preferisci seguire le discussioni legate ad ogni singolo agomento trattato clicca sui link che trovi di seguito e partecipa anche tu condividendo la tua esperienza o chiedendo consigli a ha già affrontato il “grande passo” della libera professione.

Ecco gli argomenti che troverai all’interno:

• CENNI STORICI: esperienze e presentazione personale;
• MISSION: l’importanza di avere un obiettivo da inseguire per riuscire a fare le scelte giuste nel lavoro;
• PRODOTTI/SERVIZI OFFERTI: cosa faremo e in che modo;
• SEGMENTAZIONE DEL MERCATO E RELATIVA OFFERTA: ad ogni servizio il proprio cliente!
• PROCESSO PRODUTTIVO: in che modo arriveremo al prodotto finito;
• ANALISI DELLA CONCORRENZA: competitors diretti e indiretti;
• MINI PIANO DI INVESTIMENTI: di cosa avremo bisogno per lavorare;

Buona lettura, a presto.

Richard Clark, un designer di Manchester (uk) ha creato qualcosa di diverso.
In un periodo in cui imperversano e allo stesso tempo perdono di interesse una marea di CSS Gallery, ecco qualcosa di nuovo che si affaccia sul panorama dei “listoni” web:http://html5gallery.com.

Nella sua gallery troviamo innanzitutto uno showcase di progetti web scritti con il nuovo linguaggio di mark up, il sito  però non si limita a  mostrare le potenzialità bensì vuole dare un contributo a tutti gli interessati sull’utilizzo e implementazione di html5, come egli stesso afferma:

html5 gallery has two primary aims, the first is to showcase sites that use html5 for markup, so that we can see how people have interpretted the specification and how they’ve implemented it. This leads me on to the secondary aim which is to help people learn about html5 and how it should be used and how to implement it.

Interessante inoltre la possibilità non solo di proporre siti da inserire nella gallery, ma di poter contribuire attivamente allo sviluppo e conoscenza di html5 sottoponendo articoli di interesse comune e feedback che verranno pubblicati nel sito stesso.

Che Html5 sia un linguaggio potente non c’è alcun dubbio.

Che verrà supportato pienamente da tutti ibrowser in uso, ahimè.. sembra un traguardo troppo lontano!

A voi le riflessioni.

Grazie alla segnalazione di un collega prezzemolino che ne sa una più del diavolo mi son trovata davanti un articolo simpatico e soprattutto utile che raccoglie una serie di favolose Cheat Sheets da collezionare, stampare, incorniciare.. tutte legate al mondo del web design!

Ne elenco alcune ma vi rimando all’articolo originale che ne contiene ben 28 !!!

Photoshop CS3 Keyboard Shortcuts Cheat Sheet

Tutte le scorciatorie da tastiera per Photoshop da tenere sempre a portata di mano o, meglio ancora, imparare a memoria!

RGB Hex Colour Chart

La tavola dei colori esadecimali! Carina da stampare e mettere sopra la scrivania.. decorativa e anche utile!

HTML/XHTML Character Entities

Una simpatica e utilissima rappresentazione dei simboli più o meno comuni e il loro corrispondente in html!

.-

Io le trovo estremamente interessanti, e voi? 

A chi non è mai capitato di trovarsi di fronte ad un comportamento inspiegabile di un programma? Finestre che si muovono da sole, schermate che scompaiono, mouse che si blocca proprio un nanosecondo del nostro CTRL+S facendoci perdere del lavoro prezioso.

Beh a tutto, o quasi, c’è una spiegazione.

Anche se il più delle volte la spiegazione è talmente assurda che forse sarebbe stato meglio restare nell’ignoranza e credere ad un innocente bug temporaneo, dovuto forse al surriscaldamento di un qualche componente del nostro pc.

No.. la scusa non regge proprio!

Beh l’altro giorrno ero in ufficio a scrivere righe e righe di css e da poco avevo abbandonato il fedele Notepad++ per cedere alle comodità di uno stagionato ma sempre utilissimo Dreamweaver CS3 e all’improvviso il programma si chiude, senza chiedere il permesso, senza avvisare. Niente di niente.

Come avrebbero fatto tutti, provo semplicemente a riaprire il programma ma dopo un accenno di caricamento.. PUFF.. si richiude.

Riavvio? Niente.

Reinstallo? Niente.

Svuoto la cache del programma, del PC.. Niente.

Dopo svariati tentativi non mi resta che chiamare l’assistenza IT che in pochi minuti  arriva come avrebbe fatto il migliore superman con tanto di mantello rosso.

I minuti passano e mentre superman trasuda incertezze e sbigottimento io decido di fare qualcosa di davvero utile. Vado a prendere un caffè!

Al mio ritorno qualcosa nel suo sguardo era cambiato, una nuova luce mi faceva intuire che forse non era il caso di tornare agli strumenti rudimentali (ma stabili e apprezzatissimi) di Notepad++ perchè un’approfondita ricerca in rete aveva fatto venire a galla una verità a mio parer davvero imbarazzante per un’azienda che vende questo prodotto per oltre 400€!

La verità viene fuori da questa discussione di cui riporto le righe che a noi interessano:

The answer revealed one of the most bizarre bugs ever. Dreamweaver CS3
crashes if you create a file that is exactly 8,192 bytes (or a multiple
thereof) in length.

In parole povere (o meglio.. in parole italiane!) se creiamo un file la cui dimensione su disco fisso sia di 8.192 bytes o un suo multiplo, Dreamweaver andrà in crash.

Semplice, no? (Grrrrrrrr…..)

Non so se nella versione CS4 questo bug sia stato risolto, provare per credere!

Qualche settimana fa mi son trovata ad acquistare la nuova versione di Fireworks, la tanto acclamata CS4 e dopo circa 15 giorni in cui ho avuto modo di sperimentare e utilizzare tutte le nuove features (quali?) sento di poter dire la mia.

Ma facciamo un passo alla volta, in effetti c’erano già stati dei sentori per cui ho avuto la sensazione che Adobe abbia voluto quasi fare un passo indietro più che un vero e proprio Upgrade.

Dunque entro nella homepage e l’occhio cade sulla lista di prodotti in basso a sinistra, giustamente intestata come “Prodotti e soluzioni“, la lista contiene ben 13 prodotti tra cui compare perfino “Photoshop Elements” (io l’ho sempre associato ad un’utility e mai ad un vero e proprio software!) ma di Fireworks nemmeno l’ombra!

Beh.. inizierei a dire che non è il trattamento da riservare a quello a mio avviso è il miglior software commerciale per il web design. Ad ogni modo non vorrei soffermarmi sulla strana comunicazione riservata a questo tool e nemmeno alla carenza di qualsiasi forma di evento, che sia un seminario o una semplice presentazione.

L’upgrade alla versione CS4 è stata una grande delusione specialmente se pensiamo che con il rendering del testo si è fatto un grosso passo indietro!

Che fine ha fatto l’antialias di sistema?

Era il modo migliore per progettare siti perfettamente corrispondenti alla successiva versione in html. L’antialias di sistema permetteva di impostare il testo nel modo in cui sarebbe stato poi renderizzato dai più comuni browser, e cioè senza antialias per font di dimensioni ridotte e con una leggera smussatura degli angoli caratteristica di titoli ed intestazioni di dimensioni dai 14px in su.

Una funzionalità – importante -  in meno, per produrre bozze di qualità più scadente!

Ma non è tutto qui.

I blocchi di testo selezionati talvolta hanno uno strano comportamento che non ho altro modo di spiegare se non con una figura:

La prima cosa che colpisce è l’orribile rendering dei grassetti! Per nulla corrispondente alla realtà! Se poi osservate il promo campo di testo, quello selezionato, notate che il riquadro di selezione è spostato circa 10px più in basso rispetto alla posizione che avrebbe dovuto assumere. Sembrerebbe un errore stupido ma basta un doppio click per selezionare il testo interno e come per magia tutto il blocco si sposta in basso…

con conseguente raptus di rabbia del designer e un disallineamento generale dei campi di testo.

Mah…  che stiano portando fireworks nel paradiso dei software insieme a Freehand?

A noi non è dato saperlo…