Come sembrare un web designer senza esserlo?

3 Febbraio 2020

Scroll

jefferson-santos-9SoCnyQmkzI-unsplash

Come sembrare un web designer senza esserlo?

Come sembrare un web designer senza esserlo?

Come sembrare web designer senza esserlo? Basta solo studiare sui libri per diventarlo?

Un giorno durante le mie sessioni di contemplazione per la realizzazione del blog Dojo mi trovavo in biblioteca.

A fianco a me c’erano due studenti seduti a studiare su dei manuali tecnici di programmazione informatica per il web.

Uno di loro esclamò al suo compagno: “Perché mi devo studiare HTML & CSS sul libro? Proprio faccio fatica e non riesco a capirci niente!”.

Al che ho pensato, “Ragazzi, ma non conoscete il Ninjutsu Digitale?”


Come imparare web design senza studiarlo sui libri

Come sembrare un web designer senza esserlo? - Senza studiarlo sui libri

Ritengo sia doveroso studiare l’aspetto teorico di una materia, io stesso ricorro alla manualistica tecnica di tanto in tanto, ma la programmazione informatica in genere è una competenza d’apprendere con la pratica.

Imparare oggi a programmare, è quasi un super potere, perciò bisogna agevolare il processo, soprattutto quando hai un esame da sostenere o il tuo cliente ha fretta di avere un sito.


Ecco dove trovo
risorse gratis per fare sviluppo web

Un Bravo Shinobi del terzo millennio sa dove trovare risorse online all’occorenza.

In UX design questo processo si chiama Desk Research, ovvero ricerca a tavolino ma fatta su internet, il cosidetto Browsing.

Sapere fare buona Desk Research ti può tornare utile anche per diventare HR di se stesso quando ne hai bisogno 😉

twitter bootstrap framework css

Twitter Bootstrap

Bootstrap è un framework CSS, ovvero un kit di componenti web con interfacce responsive, quindi la sua grafica web si adatta agli schermi di cellulari, tablet e computer.

Con questo framework, potrete costruire in tempo quasi zero, lo scheletro del vostro sito web, e in rete potete trovare un sacco di templates, o grafiche web realizzate o basate su questo prodotto.

CONSULTA IL SITO


start bootstrap template website

StartBootstrap

In questo sito potete trovare tutti i template base, con anteprima e download della cartella con il codice del progetto web.

Tutti i template sono basati su Bootstrap, dovrete solo fare qualche modifica al CSS o nei tag HTML a seconda di quali componenti volete includere nelle pagine web.

VAI AL SITO


Git Hub, piattaforma codice condiviso per progetti web e app mobile

Git Hub

La più grande comunità di progetti web e app condivisi dalla più grande community di sviluppatori.

Nella piattaforma puoi salvare i tuoi progetti web e app ma anche scaricarli già pronti a seconda delle tue necessità.

ISCRIVITI A GIT HUB


Dove trovare sul web
codice già pronto per web design?

Fatti un giro su CodePen

Come sembrare un web designer senza esserlo? - Snippet codice di CodePen

CodePen è una piattaforma in cui è possibile reperire porzioni di codice per sviluppo front-end, quindi esempi di animazioni o creazioni web particolari o artistiche realizzate in HTML5, CSS3 o Javascript, completamente gratis, oppure eseguire i test dei tuoi pezzi di pagine web.

Io personalmente lo uso di tanto in tanto quando devo ricercare qualche effetto grafico particolare da integrare nei miei progetti web.


Vuoi rendere il tuo sito web fuori di testa?

Ruba da Tympanus CodDrops come non ci fosse un domani!

Come sembrare un web designer senza esserlo? - Tympanus CodDrops CSS examples

Questo sito nato come blog di web design, raccoglie una collezione di risorse e tutorial per scaricare codice già pronto all’uso con delle animazioni web fuori di testa.

Il mio primo sito web lo realizzai facendo razzia totale di tutto quello che mi ispirava.

Controindicazioni?

Fate attenzione a non mettere troppo codice nel vostro progetto, e stilizzate le classi CSS in modo univoco, altrimenti alcuni pezzi del sito potrebbe andare in conflitto di stile.

VAI AL SITO


Ora sapete come muovervi per realizzare semplici siti web, senza grandi nozioni di programmazione web.

Utilizzando i siti e le tecnologie riportate potrete crearvi un vostro sito vetrina per una presentazione professionale quando andate a colloqui di lavoro, per dare l’esame d’informatica all’universita oppure se arriva tuo cugino a chiederti un sito figo da pagare niente!

Allora queste risorse da Ninja Digitale faranno al caso tuo 😉

Do you like the Article?


Prev Post
Next Post
Copied!