Design

Andrea (Xlogic.org) Leave a comment Design, Blogging, Browser

Come testare la compatibilità del proprio Sito su diversi Browser

Oggi vi presentiamo quattro strumenti utili gratuiti che consentono di testare il proprio sito web utilizzando varie combinazioni di browser e sistemi operativi.

Browsershots

 

 

 

 

 

 

 

 

 

 

 

Browsershots è sicuramente lo strumento gratuito più completo per testare il proprio sito su diversi Browser e a diverse risoluzioni. Comprende Linux, Windows e browser BSD, Firefox, Galeon, Iceape, Kazehakase, Epifania etc.

 

Spoon

 

 

 

 

 

 

 

 

 

 

 

 

Spoon è un servizio di emulazione delle applicazioni. Offre le versioni gratuite di Firefox, Chrome, Opera e Safari per gli utenti Windows. I browser inclusi sono: Firefox 2-5, 4-8 Chrome, Safari e Opera 3-5 9-10.

 

Adobe BrowserLab

 

 

 

 

 

 

 

 

 

 

 

Adobe BrowserLab è un servizio gratuito di compatibilità Browser che consente di verificare una serie di browser moderni e legacy, tra cui diverse versioni di Chrome, Safari, IE e Firefox. Il servizio può accedere alle pagine dinamiche sul web o essere visualizzato localmente attraverso Firebug o Adobe Dreamweaver CS5.

 

IETester

 

 

 

 

 

 

 

 

 

IETester è un software gratuito che analizza la compatibilità con i browser per Windows: IE9, IE8, IE7, IE6 e IE5.5 su Windows 7, Vista e XP.

 

Stai cercando un Hosting Professionale?

I nostri Piani Hosting sono l’ideale. Offriamo Hosting a prezzi contenuti e prestazioni elevate.

 

Alla Prossima.

 

Andrea (Xlogic.org) Leave a comment Design, Blogging, Grafica

3 Tools per Ottimizzare le Immagini

Le immagini in un Sito Web sono molto importanti perché rendono le vostre pagine molto più gradevoli e più attraenti. Il problema è che  i files delle immagini con alta qualità sono quasi sempre di enormi dimensioni ed influiscono sul caricamento del sito, rendendolo più lento e consumando più banda.

Su Internet sono disponibili molti strumenti utili che consentono di ottimizzare le immagini riducendo le dimensioni del file pur mantenendo la qualità inalterata. Abbiamo selezionato 3 Tools che consentono di ottimizzare le immagini Online.

 

 Dynamic Drive

Image Optimizer consente di ottimizzare le GIF, GIF animate, JPG e PNG, inoltre è possibile convertire da un tipo di immagine ad un altro. Il limite di upload è di 300 kB.

 

 

 

 

 

 

 

 

 PunnyPNG

PunyPNG utilizza una particolare tecnica di ottimizzazione, prima controlla le immagini e quindi determina quale tecnica è la migliore per quella particolare immagine. PunyPNG supporta la maggior parte dei formati di file immagine e determina automaticamente il formato di immagine convertita.


 

 

 

 

 

 

Yahoo Smush.it

Smush.it ottimizza le immagini rimuovendone i byte inutili. E’ uno strumento “lossless”, il che significa che ottimizza le immagini senza cambiare il loro aspetto o la qualità visiva.

 

 

 

 

 

 

 

Stai cercando un Hosting Professionale?

I nostri Piani Hosting sono Professionali. Offriamo Hosting a prezzi contenuti e prestazioni elevate.

 

Andrea (Xlogic.org) Leave a comment Design, Blogging, Coding

8 Risorse Gratuite e Strumenti per Web Designer

Oggi vi presentiamo delle ottime risorse e strumenti gratuiti per il web design.

 

IconArchive

Le icone completano l’aspetto di un sito web ed aggiungono un po’ di colore alle pagine con molto testo. IconArchive ha migliaia di icone gratis da scegliere.

 

Texturise

Texture, come legno, tessuto e carta sono state le principali tendenze nel web design degli ultimi anni, aiutano ad aggiungere colore e profondità ad un sito. Se volete sperimentare con diverse textures gratuitamente, date un’occhiata a Texturise.

 

Font Squirrel

I font possono trasformare completamente il look del vostro sito web. Font Squirrel propone centinaia di font gratuiti, tra cui grunge, disegnati a mano, retro, stencil, e calligrafici. Se state cercando un carattere unico per il vostro sito, allora vi consigliamo di visitare Font Squirrel.

 

StockVault

Le immagini sono molto importanti per il design di un sito, a questo proposito entra in gioco Stockvault, un sito web che offre immagini. Hanno più di 28.000 foto tra cui scegliere, tutte gratuite.

 

FreeButtonweb

Se avete bisogno di alcuni pulsanti per il vostro sito, vi consigliamo FreeButtonWeb. Hanno moltissimi set di pulsanti di diversi colori e stili. Inoltre, FreeButtonWeb offre un mix di pulsanti vuoti da personalizzare con il proprio testo.

 

Komodo Edit 7

Komodo Edit 7 è un editor di codice gratuito compatibile con Linux, Mac e Windows. E’ possibile utilizzare Komodo Edit 7 per HTML, CSS, Python, JavaScript, Ruby, Perl, XML e PHP.

 

Gimp

Se non potete permettervi Photoshop, vi consigliamo Gimp, un programma gratuito per la manipolazione delle immagini. È possibile utilizzare Gimp per creare banner, loghi e altri elementi Web per il vostro sito, inoltre è possibile anche ritagliare, ridimensionare e ritoccare le fotografie. Se state cercando un programma completo e gratuito per la grafica, allora dovete assolutamente provare Gimp.

 

FileZilla

Per caricare i file sul vostro sito, avrete bisogno di un client Ftp stabile e facile da usare. Noi vi consigliamo FileZilla. Non ha una interfaccia elegante, ma è affidabile, regolarmente aggiornato e completamente gratuito. FileZilla offre versioni per più sistemi operativi, inclusi Linux, Windows e Mac OS X.

 

Alla Prossima.

 

Andrea (Xlogic.org) Leave a comment Blogging, Design

I migliori strumenti per i Web Designer 2018

I migliori strumenti per i Web Designer – Se applicata correttamente, la tecnologia può risolvere moltissimi problemi anche se bisogna dire che il cambiamento spesso porta a nuovi problemi.

Fortunatamente ci sono degli strumenti che aiuteranno i Web Designer a far fronte agli eventuali cambiamenti ed alle richieste sempre più intricate da parte dei clienti.

Di seguito il Team di Xlogic ti fornirà i migliori strumenti che tutti i Web Designer dovrebbero conoscere:

Elementor

Elementor è un Site Builder gratuito ed open Source che può essere utilizzato con il CMS WordPress.

Il lavoro di progettazione è fatto sul front-end quindi questo significa che potrai effettuare le modifiche al tuo sito web attraverso la parte grafica e non mediante il codice.

Elementor è molto popolare ed ha la caratteristica principale di funzionare con qualsiasi tema installato ed è compatibile con la maggior parte dei Plugin, inoltre possiede una vasta libreria di modelli avanzati che possono essere utilizzati in una maniera del tutto semplice all’interno del sito web senza dover scrivere nemmeno una riga di codice.

Mobirise

Mobirise è un Site Builder che può essere utilizzato offline e per questo ti da il vantaggio di avere il controllo totale su tutte le attività di costruzione del sito web compresa la decisione su dove e come deve essere ospitato il tuo sito web.

Mobirise include 300 bellissimi modelli di siti web da utilizzare gratuitamente mentre nella versione a pagamento sono presenti 900 temi.

Il pacchetto include anche una vasta libreria formata da più di 300 mila immagini gratuite, 6000 icone ed 800 caratteri di Google.

Mason

Mason ti consente di gestire le attività di front-end Building e di Editing da un’unica posizione centrale senza dover utilizzare nemmeno una riga di codice.

Ogni volta che viene richiesto un cambiamento è sufficiente applicare la funzionalità di accesso e di registrazione per autorizzare le persone ad effettuare le modifiche.

In questo modo hai un controllo completo e strategico sia sullo sviluppo che sulla manutenzione dei tuoi prodotti.

Monday

Monday è un ottimo strumenti di gestione per il Team e grazie alla sua facilità d’uso e al modo in cui puoi aumentare la produttività, è uno strumento popolare e molto apprezzato tra le grandi aziende.

FFonts

FFonts è una libreria che contiene più di 70 mila caratteri che possono essere scaricati gratuitamente da chiunque.

WhatFontis

WhatFontis contiene più di 400 mila caratteri ed ha il vantaggio di possedere la capacità di ricerca automatica dell’intelligenza artificiale, quindi in breve è in grado di identificare e di produrre il carattere desiderato risparmiando moltissimo tempo.

Fluidui

Fluid UI è una combinazione di strumenti di simulazione, wireframing e collaborazione che consente di condividere e commentare le informazioni tramite annotazioni, chat e presentazioni video, velocizzando ed uniformando i flussi di lavoro di progettazione.

Andrea (Xlogic.org) Leave a comment Design, Blogging

I 10 migliori temi free HTML

I 10 migliori temi free HTML – Ormai la maggior parte dei Web Designer crea siti web appoggiandosi a CMS come WordPress, Joomla, etc.

Questo non vuol dire che la creazione di un sito web in HTML è passata di moda, anzi, creando un sito web autonomamente avrai la possibilità di personalizzarlo completamente ed è molto più sicuro.

In questo articolo ti offriamola possibilità di scaricare gratuitamente dei temi realizzati interamente con HTML e CSS3, vediamo insieme i 10 migliori temi free HTML:

 

Fantasy Portfolio

Fantasy Portfolio è Responsive Design e viene utilizzato prevalentemente per pubblicare le proprie immagini oppure i propri prodotti.

Fantasy-Template

 

Concept Dreamweaver css template

In questo template è integrato uno script che ti permette di inserire una galleria per le tue immagini completamente Responsive.

Concept-HTML5-responsive-template

 

Urbanic

Attraverso questo template Responsive avrai la possibilità di personalizzare il tuo sito web scegliendo il Layout che preferisci, è totalmente personalizzabile ed è professionale.

urbanic1

 

Sonic Creative Portfolio

Sonic è Responsive Design ed offre un template semplice e moderno che ti permetterà di ottenere un sito web bello da vedere e di successo.

sonic1

 

Nature fullscreen template

Nature fullscreen è un template Responsive Design ed è stato creato per i webmaster che utilizzano Dreamweaver.

Nature-HTML5-template

 

Smoothy

Questo template è Responsive Design ed è molto bello da vedere, inoltre sono inclusi degli effetti scrolling.

smoothy1

 

Modern Town

Questo tema Responsive Design è molto bello da vedere ed è molto semplice da modificare.

modern1

 

Adventure Bootstrap

Questo tema è stato sviluppato per le persone che possiedono un’azienda in quanto all’interno dello stesso è incluso anche una tabella per i prezzi, un form di contatto, una galleria per le immagini e molto altro.

adventure1

 

Digital Team

Anche questo template come Adventure Bootstrap è stato sviluppato per le aziende e contiene praticamente le stesse cose del tema sopra riportato, ma con un layout diverso.

digital1

 

Zentro Bootstrap

Se possiedi un ristorante questo è il tema che fa per te! Perché dico questo? Per il semplice fatto che ha un Design accattivante e perché sono incluse le pagine dei prezzi, le Gallery e molto altro!

zentro1

 

Alla prossima!