Categoria: Web Design

  • Migliori programmi per creare calendari e fotocalendari personalizzati

    Migliori programmi per creare calendari e fotocalendari personalizzati

    I fotocalendari rappresentano un modo creativo ed unico per utilizzare le proprie foto in maniera alternativa. Possono essere creati in modo semplice ed essere regalati per qualsiasi evenienza. Il loro utilizzo è infatti valevole tutto l’anno. Per produrre un foto calendario sono disponibili due strade: fare affidamento ad un grafico, spendendo così soldi, oppure utilizzare uno dei tanti programmi presenti sul mercato. Abbiamo così deciso di presentare i migliori programmi per fotocalendari, appositamente selezionati per qualità e funzioni.

    PhotoBoost3D

    Rappresenta uno dei programmi più utilizzati per creare fotocalendari. È disponibile in modo gratuito per qualsiasi sistema operativo e permette di portare a termine creazioni uniche e personalizzate. Sarà sufficiente scaricarlo, avviarlo, cliccare sulla voce “nuovo ordine” e procedere attraverso la sezione “Fotocalendari”.

    Microsoft Office Publisher

    Anche Microsoft, intuite le potenzialità e le richieste per la creazione di calendari, cartoline, o altri prodotti similari, ha deciso di lanciare il suo programma. Facendo parte di un pacchetto Office è disponibile in modo non gratuito, tuttavia utilizzabile in prova, durante le fasi promozionali. Attraverso lo stesso è possibile utilizzare template già presenti o creare una struttura nuova partendo da zero. Si mostra di facile utilizzo e non richiede nessuna competenza specifica per portare a termine un lavoro base, senza troppe pretese.

    Calendar Painter

    Il nome del programma non ha di certo bisogno di spiegazioni. Si tratta di un ottimo strumento per creare calendari, di qualsiasi formato e qualsiasi colorazione. È possibile scegliere la struttura a proprio piacimento e selezionare la visione dei mesi in base alle proprie necessità. È messo a disposizione in modo gratuito e permette di creare fotocalendari in modo rapido e professionale. Potrete così allegare le vostre foto preferite e modificarne il posizionamento con pochi clic.

    Calme

    Rappresenta ad oggi una delle migliori scelte per poter creare un fotocalendario. È disponibile anche in questo caso in modo gratuito ed è basato su una funzionalità basilare ed altamente intuitiva. Contrariamente da altri programmi meno professionali, Calme dà la possibilità di selezionare il formato più consono alle specifiche del calendario. Potrete così decidere quali foto inserire, quale struttura selezionare (mensile o annuale) ed apporre festività e giorni speciali.

    Photo Calendar Maker

    È una delle tante scelte per grafici o per chi ha necessità di creare calendari unici nel loro genere. Dando la possibilità di allegare immagini, quindi anche fotografie, è utilizzabile per generare fotocalendari in modo professionale e rapido. Non è gratuito, ma entrando all’interno della pagina ufficiale viene messa a disposizione una comoda demo a costo zero.

    Pically

    Anche in questo caso, come per i programmi precedenti, creare un fotocalendario sarà un gioco da ragazzi. In questo caso teniamo a precisare che è possibile portare a compimento le proprie creazioni senza scaricare nessun software, bensì sfruttando la piattaforma direttamente sul web. Una volta entrati al suo interno, ed aver selezionato le impostazioni secondo i propri gusti, sarà possibile trascinare velocemente le foto con il proprio cursore dal desktop fin all’apposito alloggiamento della piattaforma.

    Freephotocalendar

    Rappresenta uno dei sistemi più rapidi per creare un calendario con le proprie foto. Non richiede grandi competenze grafiche e tutte le funzioni sono messe a disposizione attraverso un’interfaccia intuitiva ed elementare. Uno dei vantaggi, rispetto ad altri programmi meno completi, riguarda l’elevato grado di personalizzazione.

    Calndarlabs

    Si tratta di una risorsa utilizzabile online, quindi senza la necessità di scaricare programmi, che magari potrebbero essere utilizzati solamente una volta o in modo sporadico. È messo a disposizione in modo gratuito e permette di creare fotocalendari in pochi e semplici passaggi.

    Tkexe

    Chiude la nostra guida ai migliori programmi per fotocalendari. Può essere installato in modo semplice sul proprio sistema operativo ed è messo a disposizione in modo gratuito. Fra i vantaggi ricordiamo la presenza della lingua italiana e tantissimi template già preimpostati. Il tutto in un ambiente Basic, fluido ed alla portata di tutti.

  • Modificazioni foto: come cambiare immagini online via app o software

    Modificazioni foto: come cambiare immagini online via app o software

    Qui su iouppo.com siamo grandi appassionati di tutto ciò che ruota attorno al mondo delle immagini e delle foto. Abbiamo pensato con questo articolo di aiutare tutte quelle persone che hanno poca dimestichezza nel campo del fotoritocco a modificare in modo semplice e veloce le proprie immagini archiviate su PC o su Smartphone.

    Esistono infatti programmi potenti ma al tempo stesso non troppo complicati che consentono di fare modificazioni alle foto acquisite nel tempo e questo è possibile farlo attraverso specifici software su PC (da installare o da utilizzare al volo online) ma anche su Smarphone tramite app dedicate.

    Programmi per modificare foto su PC

    Tra i programmi più utilizzati al mondo per manipolare e cambiare dettagli alle proprie foto direttamente sul proprio computer troviamo sicuramente Picasa. Si tratta di un software di foto ritocco creato e distribuito da Google e si è fatto strada grazie alla sua semplicità di utilizzo e al fatto che si può scaricare e utilizzare gratuitamente. Qui di seguito vi consigliamo quelli che secondo noi ad oggi sono tra i migliori programmi gratuiti per gestire e modificare foto sul PC:

    Siti in cui modificare immagini senza scaricare software

    L’evoluzione del web consente per certi versi di poter utilizzare determinati software senza dover installare alcun che sul proprio PC. In questo caso sono disponibili online una serie di siti web in cui possiamo lavorare e modificare le nostre foto in maniera ancora più veloce. Magari non hanno tutte le funzionalità avanzate che possono offrire i software che abbiamo citato sopra, ma sono delle validissime alternative per chi non ha delle pretese troppo elevate e vuole gestire le foto in modo intuitivo. Qui di seguito una lista con i siti indispensabili da provare.

    App iOS e Android per modificare immagini

    Il settore degli smartphone offrono sempre più opportunità ai loro utilizzatori, tanto più il fatto che le fotocamere messe a disposizione sono sempre più potenti e di qualità. Per questo motivo può risultare più comodo e utile poter modificare le foto scattate con il proprio dispositivo Android o iOS direttamente dallo smartphone, senza dover trasferire i file sul proprio computer prima di poterci lavorare. Le app disponibili sono numerosissime sugli store online, qui di seguito vi suggeriamo quelle che consigliamo di utilizzare.

    • Aviary (iOS/Android)
    • Adobe Photohop Mix (iOS/Android)
    • Snapseed (iOS/Android)
    • Prisma (iOS/Android)
    • VSCO (iOS/Android)
    • TADAA (iOS)
    • Editor Photo (Android)

    Se conoscete altri programmi o app utili potete segnalarli con un commento

  • WebDesigner vs WebMaster: le differenze tra le professioni del Web

    WebDesigner vs WebMaster: le differenze tra le professioni del Web

    Troppo spesso si sottovaluta quanto e quale lavoro ci sia dietro la realizzazione di un sito web. Un sito amatoriale può essere creato facilmente da chiunque con pochi click sul web sfruttando qualche servizio gratuito ma se si ha bisogno di avere un sito professionale, visibile sui motori di ricerca e a norma di legge è necessario rivolgersi ad un professionista.

    Questa figura viene spesso identificata con il nome di WebMaster. Se il progetto non è troppo complesso e il professionista ha un DNA versatile, oltre che molta esperienza, può lavorare al sito web in autonomia in ogni sua fase, altrimenti dovrà essere affiancato da altre figure specializzate come ad esempio il SEO che si occupa di posizionamento nei motori di ricerca di un sito web, oppure di un WebDesigner per la progettazione grafica e la sua architettura. In questo articolo ho pensato di mettere a confronto le varie competenze necessarie per realizzarne uno e quali sono le fasi sommarie in cui viene sviluppato un progetto.

    Tra le prime fasi nella creazione di un sito c’è sicuramente la scelta del nome a dominio e del server hosting su cui ospitarlo. Il WebMaster professionista deve saper consigliare l’url più adatto per il progetto e il giusto spazio web per consentire al sito di funzionare al meglio senza intoppi. Fatto questo si può iniziare a sviluppare una bozza con la struttura che dovrà avere il progetto.

    Un sito di successo deve avere il giusto design. Qui entra in gioco il WebDesigner che deve essere in grado di realizzare un layout in linea con gli obiettivi fissati dal cliente. nonché con quelle degli standard del World Wide Web. Il tutto tenendo sempre a mente quello che si vuole comunicare all’utente finale durante la realizzazione del progetto. Se una volta si navigava solo sul PC, oggi gli Smartphone e i Tablet sono utilizzati su larga scala per accedere ad internet, quindi è necessario progettare l’aspetto grafico anche in funzione dei principali device in commercio. Il WebDesigner spesso si occupava anche di tradurre la bozza grafica in codice HTML e CSS rispettando le principali norme di usabilità e accessibilità mentre oggi risulta tutto molto più semplice grazie ad un gran numero di template grafici già pronti all’uso e facilmente editabili su siti come themeforest. In caso di necessità provvederà anche a creare loghi e immagini su misura.

    Parallelamente alla realizzazione grafica del sito è necessario il suo sviluppo tecnico. Il WebDeveloper ha le conoscenze tecniche più approfondite e si occupa della programmazione di tutte le funzioni del sito sfruttando i vari linguaggi e tecnologie come ad esempio PHP e MYSQL. Si occupa esclusivamente di scrivere il codice sorgente del sito e di ottimizzare il database in cui vengono memorizzati i dati.

    A seconda della dimensione del progetto e dalle informazioni inviate dal cliente, può essere necessario l’intervento di un Content Manager. I contenuti scritti all’intero di un sito sono fondamentali per il raggiungimento dell’obiettivo. Questa figura può occuparsi della produzione degli argomenti da trattare oppure, in progetti come Blog, può essere elevato a responsabile dei contenuti distribuiti all’interno del sito web.

    E’ piacevole avere un bel sito ma sarebbe davvero sgradevole sapere che non sia visitato da nessuno. Il SEO (Search Engine Optimization) si occupa di posizionare il sito al meglio nei motori di ricerca in modo tale da intercettare il maggior numero di visitatori interessati al tema trattato. Realizza analisi e studia i competitor. Il suo operato è molto vasto e spesso è indispensabile la coordinazione con il WebDeveloper e il Content Manager. Il SEO può svolgere anche il ruolo di esperto di Web Marketing, figura che si occupa di promuovere il sito web online attraverso la gestione di attività pubblicitarie tramite varie strategie di marketing convenzionali o virali.

    I progetti web più complessi e visibili necessitano anche di un Responsabile per la sicurezza. Questa figura deve assicurarsi di adottare misure efficaci per prevenire e/o risolvere attacchi informatici che possano danneggiare il sito web.

    Infine non bisogna dimenticare il ruolo del Sistemista, meglio conosciuto come Amministratore di sistema. Si occupa di gestire il server in cui sono ospitati i file, tenendo sotto controllo la rete, l’hardware e il software necessario per rendere sempre online e accessibile il sito web ai visitatori. Nel 99% dei casi questo ruolo non è necessario poiché viene servito dal gestore hosting da cui si acquista lo spazio web.

    Ah dimenticavo, spesso può essere utile una consulenza di un Legale. Ci sono leggi che impongono obblighi da parte dei gestori di alcuni siti web come ad esempio l’obbligo di inserire la p.iva in un sito aziendale oppure l’obbligo di fornire all’utente l’informativa privacy e cookie durante la loro visita. Se il sito non è in regola si possono rischiare multe salatissime.

    Riassumendo, per realizzare un sito web professionale di successo sono necessarie molte competenze. Il Webmaster deve essere in grado di pianificare una strategia vincente, architettare una struttura funzionale, curare il design, usare bene i linguaggi di programmazione per creare un codice efficace, renderlo compatibile con tutti i dispositivi Desktop e Mobile, ottimizzare per i motori di ricerca, farlo veloce, sicuro, a norma di legge, aggiornato e con contenuti di qualità. Questa è l’anima del WebMaster.

  • Creatività, innovazione, autonomia e nuovi stimoli…E il web designer freelance è servito!

    Creatività, innovazione, autonomia e nuovi stimoli…E il web designer freelance è servito!

    Quando cambiare aria non è poi cosi impossibile…neanche per un web designer

    Sei un web designer esperto la tua voglia di andare oltre, di sfondare nel tuo campo è tanta, ma le risorse scarseggiano e gli stimoli che hai a disposizione non sono abbastanza, tirando le somme della settimana lavorativa che ti lasci alle spalle, per poterti considerare pienamente soddisfatto del tuo operato.

    Come dire, a volte hai la sensazione di trovarti in un tunnel dove l’uscita sembra essere lontana e non riesci a sfruttare a pieno il tuo potenziale creativo come hai da sempre desiderato.

    Non considerarti la mosca bianca in questione, perché probabilmente, anzi, con tutta certezza, non sei l’unico a sentirti “in catene”, condizionato dalla routine quotidiana e desideroso di rimetterti in gioco, di dare maggiori stimoli e gratificazioni alla tua carriera professionale. E’ quel che spesso capita a moltissimi lavoratori dipendenti, web designer e non, costretti a limitare le loro idee, le loro intuizioni, ma soprattutto il tempo che dedicano a se stessi e alla loro sfera personale, sentendosi demotivati e stanchi della routine quotidiana che scandisce ritmicamente le loro giornate lavorative.

    Non per questo il percorso professionale è da considerarsi chiuso, non per questo ci si deve dare per vinti o arrenderci di fronte alla propria situazione lavorativa, quando le nostre capacità e la nostra voglia di rimetterci in discussione ci fanno propendere per la strada della libertà, dell’autonomia, in poche parole, del mondo freelance sul web. Non è mai tardi per rimettersi in gioco infatti, nonostante il proprio percorso lavorativo sia già ben che avviato. Il momento per dare alla tua carriera professionale un nuovo slancio è sempre alle porte.

    E’ la soluzione che molti web designer, sentendosi “in gabbia” e vedendosi limitare non solo le proprio idee, ma anche il tempo “personale”, decidono di adottare. E così diventano dei designer freelance, modellando il proprio percorso lavorativo in linea con le esigenze personali, godendo, in questa modo, di maggiore autonomia decisionale ed organizzativa e potendosi ritagliare più spazi da dedicare alla sfera personale. Ecco che allora il lavoro ritorna ad essere non più un obbligo, ma al contrario, oserei quasi dire per certi versi “un piacere”. Sei tu, infatti, ora, ad occupare la scena, a decidere per te stesso e per i tuoi futuri lavori, a scegliere accuratamente la clientela, ad organizzarti il monte ore settimanale, a stabilire il prezzo unitario da richiedere per ogni singolo progetto.

    Lavorare in una città stimolante? Sicuramente un punto a favore del web designer! Per il web designer la location gioca un ruolo importante, in quanto deve rappresentare un’ottima fonte dalla quale trarre ispirazione per le proprie idee, le proprie creazioni.

    E quale città, se non Berlino, può dare al web designer ciò di cui è alla continua ricerca?

    La capitale tedesca infatti, negli ultimi anni, si è rivelata essere la nuova Mecca per i cervelli creativi, per chi dell’ ingegno e dell’arte ne fa una professione. Estremamente all’avanguardia grazie alla sua fittissima agenda, ricca di manifestazioni artistiche e culturali, seminari formativi, incontri tra start-up e professionisti, esposizioni ed eventi di ogni tipo, Berlino, ora più che mai, sembra essere una delle top-destination scelte dai web designer.

    Insomma, oltre al lungo e rigido inverno, Berlino può davvero offrire qualcosa di geniale, per chi ogni giorno con la creatività e l’innovazione vive e lavora.

  • Usabilità branding e pubblicità di un sito: l’importanza dell’aspetto grafico

    Usabilità branding e pubblicità di un sito: l’importanza dell’aspetto grafico

    Quando si mette su un sito internet ci si chiede spesso quale sia la carta vincente per ottenere sempre più visitatori. Spesso, per questo scopo, ci si affida solo a campagne SEO mirate e alla stesura di ottimi articoli. Pochi sanno che, in un progetto simile, manca un tassello importante tanto quanto il SEO o la qualità del testo: il design del sito web. E’ fondamentale riuscire a distinguere i diversi ruoli che le campagne occupano: la campagna SEO offre la possibilità di portare visitatori nel proprio sito, dopodichè servono tecniche valide per poterli trattanere. Una buona grafica offre visibilità e usabilità, fondamentali per l’ascesa di un sito.

    In questo articolo, apprenderemo come aumentare l’usabilità del nostro sito, come dare visibilità al nostro branding e come impostare la pubblicità di un sito.

    1) SELEZIONE DEI COLORI

    E’ fondamentale avere le idee chiare sui colori da utilizzare per il nostro sito. Non si dovrebbero mai usare combinazioni di più di tre colori. La cromaticità del sito deve diventare un piacevole biglietto da visita che rimarrà indelebile nella mente del visitatore. E’ opportuno scegliere una combinazione di due o massimo tre colori. Ecco alcuni esempi di accostamenti:

    – Blu,arancione e bianco
    – Rosso, giallo e bianco
    – Rosso, grigio e bianco
    – Giallo, grigio e bianco

    Se non siete sicuri di quale schema di colori scegliere, è meglio dare un occhiata in giro per il web e trovare un sito già pronto che sia di vostro gradimento.

    2) SFONDO PAGINA
    Fate molta attenzione al contrasto fra lo sfondo e il testo. Il colore dello sfondo pagina deve rendere piacevolmente leggibile il testo della pagina, quindi evitare di inserire uno sfondo bianco se si sta utilizzando una scrittura di colore giallo o di inserire uno sfondo nero con una scrittura grigia. Il colore di sfondo più usato è il bianco, perchè si adatta a qualsiasi scelta di colore del testo. In generale, se lo sfondo della pagina è scuro utilizzate sempre un colore chiaro, invece per uno sfondo chiaro utilizzate sempre un colore scuro.

    3) LOGO
    Questo è uno dei fattori più trascurati del sistema grafico di un sito. Un logo accattivante, originale, unico rimarrà nella mente del visitatore per molto tempo. Il lavoro di progettazione deve essere sviluppato in concomitanza al punto 1, cioè insieme alla scelta dei colori. Cromaticità e logo danno, quindi, un identità al sito e offrono una predisposizione mentale favorevole alla pubblicità di un sito. Ogni utente associerà il pensiero dell’immagine del vostro logo a quello che fate e ai servizi che offrite.

  • Comenian: download tema Joomla Premium

    Comenian: download tema Joomla Premium

    Comenian è un nuovo ed elegante tema grafico dedicato alla piattaforma Joomla. Lo stile pulito e professionale lo rende adatto a svariate esigenze ed oltre ad essere gratuito ha le carte in regola per essere un tema premium Joomla. Tutti gli elementi base sono presenti, logo, casella di ricerca, menu e login. La home è caratterizzata da una bella slide in jQuery dove possiamo mettere delle pagine in evidenza a rotazione. Il tema è altamente personalizzabile in ogni suo aspetto.

    Per guardare la Demo in azione del tema Joomla clicca qui

    Per effettuare il download del tema Comenian clicca qui

  • Tutorial Photoshop CS5 effetti: applicare tatuaggi

    Tutorial Photoshop CS5 effetti: applicare tatuaggi

    Oggi vogliamo proporvi un video tutorial per Photoshop CS5 in cui impareremo insieme come modificare un soggetto ed applicargli un effetto tatuaggio.
    Questo effetto tatuaggio per Photoshop è molto semplice da fare ed è indicato per chi è alle prime armi con i programmi di foto-ritocco. Seguite le istruzioni a video e divertitevi ad applicare tatuaggi su chiunque vogliate.

    Facile vero?
    Si ringrazia fenixlab.blogspot.com per l’ottimo videotutorial.

  • Creare link dinamici d’effetto con jQuery

    Creare link dinamici d’effetto con jQuery

    HoverAttribute è un plugin per jQuery creato da Alexander Wallin che ti permette di creare un bellissimo effetto Hover sui link del tuo sito web e renderli dinamici ed eleganti allo stesso tempo. Con questo effetto quando si passa sopra il testo linkato con HoverAttribute, automaticamente apparirà un altro contenuto, una scritta o l’indirizzo di un link. Tra le varie opzioni, è possibile scegliere qualsiasi attributo (href per impostazione predefinita) di un dato tag. La funzionalità è implementata cosi:

    $(“h2 a”).hoverAttribute();

    HoverAttribute comprende e utilizza la funzione parseUri () di Steven Levithaned è rilasciato sotto licenza MIT.

    Demo: http://www.afekenholm.se/download/HoverAttributeDemo.zip
    Download file: http://www.afekenholm.se/download/jquery.hoverattribute.js.zip

  • Come installare font su Windows

    Come installare font su Windows

    I fonts sono un insieme di caratteri tipografici definiti da diversi stili grafici. Di defalut su Windows troviamo i caratteri classici come Arial, Verdana, Times new roman, comics e altri ancora, ma nel momento in cui abbiamo la necessità di personalizzare in maniera originale un testo o un immagine, abbiamo bisogno di installare un nuovo font sul nostro pc.

    Vediamo insieme come installare font su Windows.

    Per prima cosa abbiamo bisogno del file che contiene i dati del font. Qui su ioUPPO nella sezione Font puoi trovarne alcuni che abbiamo selezionato, in alternativa posso consigliare il sito dafont.com, un vero e proprio archivio online.
    Dopo aver scaricato il font desiderato, estraiamolo dall’archivio zip in modo da avere il file con estensione .tff
    Ora apriamo questa cartella C: -> Windows -> Fonts… e facciamo semplicemente un copia e incolla del file .tff
    Automaticamente Windows installerà il font nel nostro computer e sarà automaticamente disponibile su tutti i programmi che consentono la modifica dei font.

    Ora con il nuovo font installato, puoi utilizzarlo come meglio credi per creare banner pubblicitari, loghi, cartoline particolari, locandine divertenti e qualsiasi altro progetto grafico che abbia del testo al suo interno.

  • Bubbling, immagini sexy con le foto delle vostre amiche

    Bubbling, immagini sexy con le foto delle vostre amiche

    Il Bubbling è un’ idea e una forma d’arte creata da un ragazzo mormone. Si tratta di una specie di trama colorata di circonferenze che si applicano su fotografie di ragazze in costume e creano un effetto “nudo” sul loro corpo. Vediamo insieme come creare immagini sexy con le foto delle vostre amiche tramite la tecnica bubbling:

    1) Prendi una foto di una tua amica, meno vestiti ha addosso e meglio è, e caricala su Photoshop.

    2) Seleziona il pennello circolare ed imposta la massima durezza

    3) Crea un nuovo livello sopra la foto e clicca con il pennello su tutte le parti scoperte della ragazza, cambiando la grandezza della circonferenza in base alla quantità di pelle in vista.

    4) Seleziona la trasparenza sul livello appena creato e inverti la selezione cliccando CTRL + SHIFT + i

    5) Crea un nuovo livello ed inseriscilo nella tua selezione e cancella il livello precedente.

    Hai appena creato un immagine molto sexy della tua amica, sei pronto a fargliela vedere?

     

  • Confucio consiglia 20 Sfondi Desktop in alta definizione

    Confucio consiglia 20 Sfondi Desktop in alta definizione

    La Grande Muraglia cinese è una serie di fortificazioni in pietra e in terra nel nord della Cina, costruito, ricostruito, e mantenuto tra il 5 ° e il 16 ° secolo per proteggere i confini settentrionali dell’Impero cinese da attacchi Xiongnu durante le varie dinastie successive. Una delle parti piu’ famose è il muro costruito dal primo imperatore della Cina, Qin Shi Huang. Poco resta di quel muro perchè la maggior parte dela Grande Muraglia cinese esistente è stata costruita durante la dinastia Ming. Confucio, massimo filosofo cinese vissuto tra il 551 a.c e il 479 a.c. ha infuenzato pesantemente il modo di pensare del continente asiatico e se solo avesse avuto l’opportunità di ammirare l’impotenza della Grande Muraglia Cinese, ne sarebbe rimasto affascinato.  Tra le sue innumerevoli massime, aforismi e frasi, probabilmente ha dato la forza al popolo cinese di non mollare durante il loro imponente lavoro: “Arrendersi è il più grande vantaggio che si può dare al nemico”.

    Qui di seguito puoi scaricare 20 Sfondi Desktopo in alta definizione consigliati da Confucio e dedicati all’imponenza della Muraglia Cinese:

    http://rapidshare.com/files/215268789/20_Great_Wall_of_China_HD_Wallpapers_1600_X_1200.rar

  • i 50 messaggi anti-fumo piu’ creativi e suggestivi

    i 50 messaggi anti-fumo piu’ creativi e suggestivi

    Il fumo è una vera e propria piaga sociale di cui ne sono affette milioni di persone in tutto il mondo, per lo piu’ persone insicure, deboli e ansiose che oltre a danneggiare la loro salute e il loro portafogli, danneggiano anche la salute di chi li circonda con il fumo passivo. Una cosa che non dice mai nessuno è che i fumatori indirettamente aumentano il costo delle spese mediche della società; se si fumasse di meno, tutti pagheremo anche meno tasse perchè ci sarebbero meno malati da curare. Pensate che ogni anno muoiono oltre 50.000 persone che non fumano per colpa del fumo passivo, questo è assurdo! Purtroppo questo discorso non viene accettato dalla maggior parte dei fumatori proprio perchè appartengono ad una categoria debole della nostra società, incapace di reagire allo stato di schiavitù di cui sono vittime.

    Spesso vediamo in TV o nei cartelloni pubblicitari delle vere e proprie campagne anti-fumo promosse dai governi locali (per realizzarle si utilizzano i soldi dei cittadini, fumatori e non)  e vorrei mostrarvi in questo articolo i 50 messaggi anti fumo piu’ creativi e suggestivi. Purtroppo tutto questo non basta per scoraggiare il fumatore a smettere di autolesionarsi ed incoraggiarlo a vivere meglio, però devo dire che bisogna essere proprio insensibili per non riflettere su queste immagini.

    Ogni immagine è legata alla sua fonte originaria.

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

     

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Download / View Source

    Fumatore, getta la sigaretta e inizia a vivere!

  • Aggiungere messaggi di errore e conferma in stile Twitter

    Aggiungere messaggi di errore e conferma in stile Twitter

    Probabilmente il modo migliore con cui Twitter interagisce con gli utenti è la maniera in cui mostra i messaggi di errore e di conferma al suo interno. Mi piace soprattutto l’approccio pulito e la visualizzazione dei messaggi nella parte superiore della pagina, in perfetto stile 2.0 grazie all’ausilio di jQuery. Se stai pensando di inserire qualcosa di simile all’interno di un’applicazione web o un sito web dinamico, ti suggerisco un modo con cui è possibile farlo utilizzando il jQuery form e qualche metodo di validazione.

    Qui di seguito invece aggiungo una caratteristica extra che disabilita il pulsante di invio per la convalida di successo, è necessario utilizzare jQuery 1.4 o superiore.

    Codice XHTML:

    01    <!– CONFIRMATION AND ERROR MESSAGES –>
    02    <div id=”errorMessage”>
    03    Please complete all required fields.
    04    </div>
    05    <div id=”confirmationMessage”>
    06    Thank you. Your message has been sent
    07    </div>
    08
    09    <!– THE FORM –>
    10    <!– ADD YOUR PHP MAILFORM TO THE ACTION–>
    11    <form id=”myContactForm” method=”post” action=”#”>
    12    <fieldset>
    13    <label>Name:</label>
    14    <input type=”text” name=”Name” />
    15    <label>Comments:</label>
    16    <textarea name=”Comments”></textarea>
    17    <input type=”submit” name=”Submit” value=”Submit” />
    18    </fieldset>
    19    </form>

    Codice jQUERY:
    01 $(document).ready(function() {
    02 // Bind the form and validate before sending
    03 $('#myContactForm').ajaxForm( { beforeSubmit: validateMyForm } );
    04 });
    05
    06 //Validate the form before sending to ensure both fields have been completed
    07 function validateMyForm(formData, jqForm, options) {
    08 for (var i=0; i < formData.length; i++) {
    09 if (!formData[i].value) {
    10 //Shows the error DIV if form not validated
    11 $('#errorMessage').delay(400).slideDown(400).delay(3000).slideUp(400);
    12 return false;
    13 }
    14 }
    15
    16 // Disables the submit button to prevent double posting if validated
    17 $('input:submit').attr( { disabled : 'disabled' } );
    18
    19 // Then it shows the confirmation DIV
    20 $('#confirmationMessage').delay(400).slideDown(400).delay(3000).slideUp(400);
    21 }

    Codice CSS
    01 #errorMessage, #confirmationMessage {
    02 position: fixed;
    03 top: 0;
    04 left: 0;
    05 width: 100%;
    06 height: 70px;
    07 font: normal 1.4em arial;
    08 line-height: 70px;
    09 text-align: center;
    10 color: #000;
    11 background: #fff;
    12 border-bottom: 1px solid #ddd;
    13 filter:alpha(opacity=92);
    14 -moz-opacity: 0.92;
    15 opacity: 0.92;
    16 display: none;
    17 }

     

  • instantempo

    instantempo

    Questa è la raccolta delle immagini piu’ belle astratte, da scaricare all’ instantempo 🙂 All’ istante? Piu’ veloce del tempo? All’ instantempo, una realtà astratta creata come per un immagine. Un’idea che nasce solo dalla fantasia e che non è per nulla reale.

    Queste di seguito sono le 10 immagini astratte in ordine di popolarità secondo Deviantart (abstract):
    1) by ~Xevious1337

    2) by ~tuzzz


    3) by ~uyku

    Per ragioni di “pesantezza”, proseguiamo solo con le miniature instantempo

    by ~mnus

    by ~PL0

    by ~mr-riverz

    by ~bast0s

    by ~misery120

    by ~MARIday

    by ~myabstracts

    E per chi ancora se lo chiedesse, sì, è stato un modo per partecipare al Seo Contest.

  • Google vuole bandire le immagini JPEG dal web!

    Google vuole bandire le immagini JPEG dal web!

    Google stà introducendo nel web un nuovo formato per le immagini, il WebP. Si tratta di un metodo di compressione che risulta del 40% piu’ performante rispetto alle classiche immagini in Jpeg a parità di qualità. E dal momento in cui Google ha stimato che il 65% dei byte sul web sono immagini, avrebbe in mente di bandire il vecchio formato Jpeg col nuovo WebP, in modo da rendere piu’ veloce del 28% la navigazione web per gli utenti e far risparmiare banda e bytes ai gestori hosting.

    Il punto critico è la popolarità delle immagini JPEG. Questo formato è il piu’ usato sul web e sui relativi dispositivi, come i telefoni cellulari e le fotocamere. Tuttavia Google è proprietaria di Picasa, uno dei portali piu’ famosi al mondo di condivisione di immagini e di Chrome, il browser leggero e veloce che ha conquistato il 10% del mercato in poco tempo. Proprio nei prossimi giorni, i possessori di Chrome potranno vedere le prime immagini in formato WebP sul loro computer.

    Non sappiamo se Google riuscirà nella mastodontica impresa di mandare in pensione una delle estensione file piu’ conosciute al mondo, ma questa drastica riduzione delle dimensioni del file e la possibilità di una navigazione più rapida è sicuramente una cosa che tutti i produttori di browser e produttori di dispositivi vorrebbero rendere disponibili ai propri utenti. Jpeg sei stato avvisato 😉

  • Convertire un sito da Joomla a WordPress

    Convertire un sito da Joomla a WordPress

    Joomla è sempre stato un CMS adato per chi avesse voluto creare un sito web in pochi passi, mantenendo sempre una sua linea, mentre WordPress negli ultimi tempi ha avuto un’evoluzione incredibile, passando da un semplice programma per la gestione di blog ad un piu complesso sistema che consente la produzione di un vero proprio sito web, ma anche di e-commerce, community, social network ecc… ed ecco che ultimamente molti webmaster vorrebbero passare da Joomla a WordPress. Questo è possibile farlo grazie ad uno script. Tuttavia non è una procedura da un click e via, è necessario avere dimestichezza con il PHP. Ma vediamo come fare a convertire un sito da Joomla a WordPress!

    Per prima cosa aggiustiamo il file config.php e carichiamolo sul server:

    /*
    * Configuration for your Database and stuff
    */

    $SQL[‘HOST’] = “sql.lan”; // Normaly localhost
    $SQL[‘USR’] = “DBUser”;
    $SQL[‘PWD’] = “12345678”;

    // Joomla realted ->
    $SQL[‘JOOMLA_DB’] = “solariz_de”; // Database name of Joomla
    $SQL[‘JOOMLA_PRE’] = “jos_”; // Table Prefix of Joomla Tables

    // WordPress realted ->
    $SQL[‘WP_DB’] = “solariz_wp”; // Database name of WordPress
    $SQL[‘WP_PRE’] = “wp_”; // Table Prefix of WordPress Tables

    $DEFAULTS[‘POST_AUTHOR’] = 1; // User ID of target Author (1 usualy admin)
    $DEFAULTS[‘POST_CATEGORY’] = 5; // I suggest to create a category named e.g. Import

    Le possibilità di adattamento sono indicate dai commenti. E ‘importante che POST_AUTHOR e POST_CATEGORY ID siano presenti in WordPress. Quindi, è prima necessario creare un’ installazione di WordPress vuota. Ora bisogna creare una categoria e un utente, scrivendo poi i relativi ID nel file config.php. Ad esempio, ID utente 1 (di solito admin) e una categoria chiamata “Import” con l’ID 5.

    Il convertitore trova tutti gli ‘articoli in Joomla appartenenti a questa categoria. Se si dispone di molte categorie è possibile limitare la query  eseguendo lo script una volta per ogni categoria.

    In index.php alla linea #46 è possibile trovare la query responsabile per leggere gli articoli

    // WHERE `sectionid`=’1′
    $query = “SELECT * FROM `”.$SQL[‘JOOMLA_PRE’].”content` ORDER BY `created`”;

    WordPress utilizza più tabelle per salvare gli articoli. Al fine di evitare un conflitto, è necessario assicurarsi che tutti gli articoli presenti in WordPress siano eliminati, anche quelli di esempio.

    Dopo aver modificato lo script per le impostazioni, è possibile eseguire index.php.

    Puoi scaricare lo script dal sito del produttore cliccando su Download!

  • I migliori 20 Font Header

    La testata di un sito web (header) svolge un ruolo importante nel modo in cui un messaggio viene inviato agli utenti. Attraverso la dimensione e lo stile, contribuisce a rendere semplice ed immediata la lettura del testo; inoltre contribuisce a comunicare uno stato d’animo o un’emozione. Quindi è importante scegliere il font giusto che sia complementare con lo stile del sito.

    Per questo articolo,  sono stati selezionati i 20 font ideali per la creazione di Header di grande impatto per il web design di un sito internet, pronti da scaricare ed utilizzare.

    Nevis

    Bebas

    fonts

    Vollkorn

    fonts

    Insolent

    fonts

    Molot

    fonts

    Franchise

    fonts

    Gnuolane

    fonts

    Fertigo Pro

    fonts

    Alte Haas Grotesk

    fonts

    Mido

    fonts

    Telegrafico

    fonts

    Steinem

    fonts

    League Gothic

    fonts

    Forque

    fonts

    Romeral

    fonts

    Tertre

    fonts

    Bitstream

    fonts

    Communist

    fonts

    Old Sans Black

    fonts

    Sling

    fonts

  • Vector 3D Social Icons, una collezione unica di Icone 2.0

    Vector 3D Social Icons, una collezione unica di Icone 2.0

    Vector 3D Social Icons è una serie originale e completamente modificabile di icone ispirate ai social media.

    Questo nuovissimo set di icone sono pulite e semplici, pronte per essere utilizzate in siti web, blog, forum, applicazioni online, ovunque voi vogliate. Ci sono 10 icone in tutto e comprendono servizi web popolari come:

    • icona Twitter (vettoriale + PNG)
    • icona Facebook (vettoriale + PNG)
    • icona Delicious (vettoriale + PNG)
    • icona Flickr (vettoriale + PNG)
    • icona Foursquare (vettoriale + PNG)
    • icona Google Buzz (vettoriale + PNG)
    • icona Feed RSS (vettoriale + PNG)
    • icona Stumbluepon (vettoriale + PNG)
    • icona Technorati (vettoriale + PNG)
    • icona Tumblr (vettoriale + PNG)

    Questo pacchetto da scaricare sul tuo desktop include i file sorgenti vettoriali originali (AI) di ogni icona in modo da poter modificare facilmente e in scala le icone senza perdita di qualità. Naturalmente include anche il file PNG con dimensioni di 256 × 256px.

    DONWLOAD (2 MB)