Attuale :: Studio AvangardStil - Web design, sistemi Web, ottimizzazione SEO, prestampa e multimedia

CSS nuove possibilità di design

Con lo sviluppo di Cascading Style Sheets (CSS) non sono più così semplice meccanismo per aggiungere stile (font, colori, spazi, ecc) a un sito web.

Con l'avvento di ogni nuova versione di CSS si sbloccanno nuove opportunità per noi per attuare i vari elementi e tecniche, che nelle versioni precedenti non erano disponibili.

Nell'ultima terza versione di CSS si ofre una vasta gamma di nuovi modi per creare o influenzare il design di un sito web. Questo articolo è stato indotto dalla presenza crescente di CSS3. leggere la storia completa

Per essere precisi dobbiamo notare che CSS3 non è ancora pronto per il 100%, e che nell piu vecchie brauser-e non è supportato come standard. La sua preparazione e messa in servizio è suddiviso in diverse fasi secondo le sue componenti di base:

Sfondi e bordi
Modulo liste
Effetti di testo
Presentazione link
Discorso modulo
e altri.

Lista completa dei moduli e del loro sviluppo, è possibile seguire il sito ufficiale.

I benefici dell'innovazione in CSS3 sono molti, ma più interessanti sono le opportunità per realizzare effetti come:

gradienti
arrotondato
ombre
telaio immagini
Word Wrapping
Web Fonts
Ridimensionare
Box-dimensionamento
Delineare
e altri.

Con queste aggiunte CSS3 consente di risparmiare una quantità enorme di tempo e diminuisce man mano che si avvia da file in numero e dimensioni. Rende facile "tagliare" il design del sito web e la sua attuazione in seguito.

E 'difficile dire quando ogni nuovi browser iniziano a gestire tutti CSS3, come e difficile a dare una data finale in cui sarà finito. La buona notizia è che si trovano sempre piu esempi con usanza di CSS3 e crescente interesse da parte degli sviluppatori. Questo porta ad una più rapida attuazione dei vari moduli e permette dei browser per l'integrazione graduale dei CSS3 rapidamente, anche se molto più supportati da nessuna parte.

Inviato di 23 Luglio 2012

Icone uniche per un successo

Uno degli elementi più piccoli contesse di un sito web sono le sue icone (icons). Molto spesso quando sono ben scelti neanche non si possono notare e non è stata data la dovuta considerazione, ma quando la scelta non è un successo o essere (o sono stati ripetuti) ripetuto in più di un sito contribuendo scarsa percezione da parte dei consumatori.

Utili sono le icone in un unico sito e perché si dovrebbe essere individuale? leggere la storia completa

Per rispondere alla domanda è necessario introdurre una interfaccia grafica (GUI - Graphical User Interface). GUI è la radice di ogni design del sito web, è una specie di interfaccia utente in cui vengono attuati gli elementi di interfaccia (menu, pulsanti, liste, ecc.) che vengono date alla gestione degli utenti sotto forma di immagini.

A differenza della riga di comando nella GUI l'utente ha accesso a tutti gli oggetti visibili sullo schermo e interagire con loro.

Gli elementi più comuni della GUI è implementato sotto forma di icone che suggeriscono il loro uso e proprietà, che aiuta gli utenti a capire e conoscere il sito web migliore.

Per poter avere il vostro sito una buona usabilità da parte degli utenti, la sua interfaccia GUI deve essere ben selezionato e il massimo suggeriscono chiaramente ciò che ogni icona serve come un elemento. Se le vostre icone come la navigazione del sito non vengono selezionati correttamente - si rischia di indurre in errore i consumatori e di portarlo ad un'altra pagina che non è contenuta l'informazione che cercava. Questo porterà ad alto tasso di abbandono dei consumatori dopo aver visitato la pagina e di sconfiggere le vostre campagne di marketing o sforzi per attirare un pubblico più vasto.

Se le icone sono curati in molti siti ed non sono sviluppati specificatamente per il vostro sito allora probabilmente non saranno legate (dotati di nuovo) con il sito 100% e lascerano una sgradevole sensazione di non regolato al dettaglio. Anche se sono molto popolari e si trovano in altri siti rischiate ingannare i consumatori che sono già stati visitati la vostra pagina e perdergli. Si mostrano anche che non vi interessa opinione e se il soggiorno degli utenti è stato piacevole, con conseguente rigetto e perdita grave di visitatori nuovi e di ritornati.

Pertanto per lo lo sviluppo di un sito dovrebbeno essere presi in considerazione anche piccoli elementi grafici come icone che possono massimizzare il udoletvorenost tra i consumatori e fornire loro la comodità e la convenienza tale che il desiderio di tornare di nuovo leader nuovi utenti con loro.

Inviato di 22 Luglio 2012

Website wireframe

Costruire un wireframe luogo abbastanza spesso9 viene) visto come tempo supplementare per specificare la posizione di oggetti e molte aziende preferiscono saltare questo passaggio e verso leyaut() e su quel sito.

La questione è se( vi )sia la necessità di perdere tempo per fare un wireframe e noi ( senza)non esitate enfaticamente, indicare SI! leggere la storia completa

Quando si inizzia un nuovo progetto più spesso si deve spiegare ai clienti come il sito sara organizzato e come appare, ma non tutti i clienti hanno immaginazione e così cadde in una lunga spiegazione di cosa, dove, come e cosa fare. E questo uno dei vantaggi di wireframe-a.

Pertanto, la costruzione iniziale di una buona idea iniziare con la distribuzione di immagini che mostrano sistematiche in cui l'elemento viene inserito e quale sarà la sua funzionalità, in modo da visualizzare il cliente potrà ottenere una chiara idea del approssimativa layout e le funzionalità senza dover cadere in spiegazioni infinite. Si può sempre fare l'intero progetto del sito è già risolto con gli elementi o posizionamenti anche fare fronda-End di una pagina. In queste versioni la percezione del cliente sarà molto più favorevole, ma in caso di costruzione di alcuni siti di volume perderà molto tempo in prova e pareri preliminari per ottenere la soluzione ottimale, che conferma ancora una volta l'utilità di immagine sistematica sul web sito per dare delle linee guida generali.

Quando si costruisce un wireframe è in grado di monitorare il posizionamento degli elementi di un gruppo di persone e per valutare se sono adatti per l'uso da parte dell'utente, poiché l'obiettivo è appunto è conveniente per l'usabilità. Quando la struttura prevista in considerazione e che tipo di sito è e qual è il suo target.

Tutto questo sarà di grande beneficio non solo la presentazione iniziale del progetto al cliente, ma anche in termini di design web completato e l'usabilità. Dal momento che saranno adottate per i collegamenti logici e languore del loro uso in quanto nelle fasi iniziali e saranno costruiti in modo da essere più efficaci. E il più grande vantaggio è che riduce al minimo la possibilità di ottenere un disaccordo tra come il cliente desidera operare un elemento o una parte del suo sito e come designer e programmatori hanno realizzato più tardi.

Considerando che in confronto con la progettazione, la costruzione generale o costruzione di Frond-End pagina di un disegno schematico di un disegno simile (wireframe) del sito richiede tempo di circa 10 volte meno e funzionalità vengono doppio interpretata dal client. Essa risponde alla domanda se una perdita di tempo certamente non!

Inviato di 21 Luglio 2012

Socializzazione del tuo sito web

Il compito principale ,per i siti web di nuova costruzione e quello di raggiungere il pubblico appropriato. A tale scopo si utilizzano approcci molteplici e diverse per attrarre più visitatori.

Nel caso in cui questo non accade con il vostro sito web, allora è necessario promuovere. La promozione nei maggior parte dei casi non finisce solo con ottimizzazione dei motori di ricerca e di uscire dalla posizione di partenza nei risultati, né con la presenza in diverse directory. Spesso e necessario ricorrere ad altri metodi per attirare gli utenti sulla vostra pagina. L'impiego diffuso dei social network li ha resi uno strumento potente nelle mani di professionisti del marketing per l'accesso ai gruppi target necessari, li utilizzano per promuovere e pubblicizzare prodotti, servizi e altro ancora. leggere la storia completa

Il più popolare social network Facebook, che ha centinaia di milioni di utenti in tutto il mondo ed è diventatо il più utilizzato. E anche il social network stesso ha dato il suo contributo al sostegno e lo sviluppo del business, dandogli l'opportunità di pagine fan.

Pagine Fan sono poche specie, ma tutti sono uguali idea per promuovere il loro set marche. Dopo aver raccolto gruppo di pagine fan di Facebook di marketing sistema "trucchi" viene utilizzato facebook per inviare promozioni e molto altro ancora. Utilizzando questa tecnica per diffondere e promuovere le tue marche, si raggiunge rapidamente non solo tifosi, ma indirizzarvi verso i loro amici e non piaceva la tua pagina facebook. Se simpatia le informazioni pubblicate da te da parte dei tifosi, è considerato da tutti i loro amici e se piace si può entrare nella tua comunità. In questo caso il meccanismo di reclutamento di nuovi fan e potenziali clienti - i visitatori del tuo sito diventa automatico.

Per rafforzare l'interesse e per attirare l'attenzione dei consumatori alla tua pagina di fan e da lì al tuo sito web si riccore spesso a radunare diversi formati di annunci - giochi, lotterie, ecc Pertanto, gli utenti sono direttamente coinvolti e per alcune tempo si impegniano in tutto ciò che riguarda il monitoraggio dell vosro sito.

Maggior parte delle reti sociali forniscono ai propri clienti una gamma di funzionalità e integrazioni per aggiungere ai loro siti permettendo agli utenti di comunicare e trattare direttamente attraverso il vostro sito con la rete sociale e insieme di funzioni ad esso. Consentendo così un processo inverso - che consente agli utenti attuali di promuovere tra i loro amici il vostro sito.

Pertanto, una socializzazione del vostro sito potrebbe avvantaggiare il proprio sviluppo e attrarre nuovi flussi utente ad esso.

Inviato di 20 Luglio 2012

HTML5 o Flash

Dibattito e la discussione per cui quella tecnologia viene scelta per la realizzazione di progetti dinamici continuano tra gli sviluppatori.

Sul lotto soggetto è stato scritto molto nello spazio web e si trovano difensori come ad una cosi ed di altra tecnologia, quindi dovremo sottolineare che vi facciamo conoscere in termini generali le tecnologie e dare la prova dei nostri preferiti. leggere la storia completa

Cominciamo con le prestazioni complessive di entrambe le tecnologie.

HTML5
è il linguaggio più recento specificho per la strutturazione e la presentazione dei contenuti web. HTML5 è una miscela di molte caratteristiche introdotte da varie specifiche, insieme a quelle introdotte dal software come i browser web. In particolare, la sintassi HTML5 aggiunge molte nuove funzionalità, cercando di combinare HTML, XHTML, DOM, Java Script e CSS.

Il confronto principale e la concorrenza delle due tecnologie è stata trainata dalle innovazioni in HTML5 che permettono lavoro con contenuti multimediali e grafica sul web senza plug-ins e la loro API. D'altra parte sono elementi di nuova progettazione che si usano per migliorare i documenti semantici, consentendo una migliore indicizzazione dei siti e descrivono ai siti al motori di ricerca.

FLASH
è una piattaforma multimediale che riproduce l'animazione, contenuti rich media (rich media) e contenuto utente interattivo sul browser Internet. Nel corso degli anni, Flash è sviluppato come uno strumento essenziale per la riproduzione multimediale e creazione di contenuti interattivi sul Web, rendendolo un importante motore di contenuti audio e video online.

Quale tecnologia scegliere?
Questo è piuttosto una questione relativa e sicuramente trovate sostenitori sia una e l'altra tecnologia. Alcuni di loro sarebbeno abbastanza estreme in sua difesa, ma la verità è che in questa fase dello sviluppo tecnologico, le due tecnologie sono molto simili. Quindi la scelta dovrebbe essere presa in considerazione diverse cose vale a dire ai pro ei contro di una tecnologia.

Per usare Flash e collegarlo al vostro browser, è necessario installare Flash Player, che è in realtà uno strumento esterno e lo rende più vulnerabile. Questo problema è al centro di tentativi di sostituire Flash con HTML5. Un esempio di tale vulnerabilità è la capacità di ottenere il controllo su un sistema infetto da un utente malintenzionato. Questo può accadere quando si allega file SWF (Flash), nel documento MS Word (doc.), E inviare come allegato di e-mail -. Spiegano da Adobe.

Un'altra indicazione dei molti buchi nella sicurezza in Adobe Flash Player è un costante rinnovamento versioni . Mentre queste vulnerabilità sembrano innocui, non è sempre così. In relazione a queste Steve Jobs ha detto che Flash è "inaffidabile, insicuro e con esso il lavoro abbrevia la durata della batteria." In conseguenza di ciò è stato interrotto il supporto Flash in iOS.

Nonostante la necessità per l'aggiunta del Flash Player esso viene installato su del 96% dei computer su Internet, che lo rende molto popolare tra gli sviluppatori e gli utenti.

La possibilità di pubblicità Internet accattivante e insolita e la necessità della presenza pubblicità più visibile lo rende uno strumento indispensabile per la sua creazione. Con lo sviluppo la tecnologia c'a sempre più opportunità, ma al fine viene sempre piu complicata e in molti casi di uso eccessiva e inappropriata.

Con questa complicanza di Flash appare anchee Action Script 3, rendendo la tecnologia una piattaforma seria per lo sviluppo di software interattivo. Il recente emergere di OOP in Flash ha i suoi problemi, contribuendo difficoltà di "accettazione" da parte degli sviluppatori e grafici e diventa un ambiente molto complesso per la realizzazione di semplici animazioni, annunci e molto altro ancora.

Il più grande vantaggio di Flash è una possibilità (sotto Windows) di utilizzare l'accelerazione hardware tramite la processore. Ma se viene abusato, porta ad un carico eccessivo e guidare computer del consumatore.
Molte delle funzionalità riservate agli Flash ora sono disponibile per HTML5 - supporto multimediale tag vettoriale, 3D, ecc. La loro gestione è molto facile con Javascript e le librerie pronte come jQuery, MooTools e altri. Ciò contribuisce a tempi di sviluppo meno dei singoli elementi di un progetto.

Molti browser hanno attuare le norme della specifica HTML5 e mantenono maggior parte delle innovazioni. Nel browser per i mobile il tasso è ancora più elevato.

HTML5 richiede meno risorse dai consumatori e non è vincolata da installare ulteriori plaer-e per la riproduzione del prodotto finito.

Con l'avvento di HTML5 e aumentando la sua manutenzione da parte, degli utenti, insieme al suo requisito per meno hardware, le grandi aziende e siti che offrono contenuti multimediali ad un vasto pubblico, come YouTube, Vimeo ed altri. pubblicamente annunciato che le clip saranno consegnati in HTML5.

Tra molti di voi che non hanno incontrato la tecnologia sorgerà la domanda: "Che cosa è HTML5 player?" - Questa è un'alternativa a Flash Player, che funziona più o meno allo stesso modo, ma ci sono alcuni vantaggi:

caricato immediatamente;
è possibile passare in luoghi diversi dal video senza attendere;
una riproduzione più fluida;
più facile gestione e il controllo degli edifici.

Avete scelto la tecnologia?
In HTML5 sono ancora molti problemi e uno di loro è la gestione dei diritti e delle politiche sulla privacy per la riproduzione video.

Flash, invece, è improbabile che scomparire completamente la tecnologia funziona bene ed è ampiamente applicabile, e quindi la sostituzione non è accettabile in questa fase.

Gli sviluppatori che hanno deciso di passare a HTML5, dovrebbeno garantire che essi possono rendere necessario l'aggiornamento dei codici. In caso contrario, i benefici non giustificano il costo della transizione.

Quindi, in questa fase in cui siamo in grado di sfruttare le innovazioni in HTML5 e fornire ai nostri clienti prendendoli in modo che siano più efficaci e utili al cliente.

Inviato di 19 Luglio 2012