<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>GitHub Archivi - Tre di Picche</title>
	<atom:link href="https://tredipicche.com/tag/github/feed/" rel="self" type="application/rss+xml" />
	<link>https://tredipicche.com/tag/github/</link>
	<description></description>
	<lastBuildDate>Wed, 28 Jan 2026 11:14:49 +0000</lastBuildDate>
	<language>it-IT</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://tredipicche.com/wp-content/uploads/2017/05/icona-2-100x100.png</url>
	<title>GitHub Archivi - Tre di Picche</title>
	<link>https://tredipicche.com/tag/github/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Come scrivere bug report che il dev ama</title>
		<link>https://tredipicche.com/come-scrivere-bug-report-che-il-dev-ama/</link>
					<comments>https://tredipicche.com/come-scrivere-bug-report-che-il-dev-ama/#respond</comments>
		
		<dc:creator><![CDATA[Rosie]]></dc:creator>
		<pubDate>Thu, 13 Nov 2025 05:44:00 +0000</pubDate>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[QA & Testing]]></category>
		<category><![CDATA[aggiornamento]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[area stage]]></category>
		<category><![CDATA[bug fix]]></category>
		<category><![CDATA[bug report]]></category>
		<category><![CDATA[correzione bug]]></category>
		<category><![CDATA[debugging]]></category>
		<category><![CDATA[developer experience]]></category>
		<category><![CDATA[devops]]></category>
		<category><![CDATA[gestione incidenti]]></category>
		<category><![CDATA[GitHub]]></category>
		<category><![CDATA[jira]]></category>
		<category><![CDATA[manutenzione applicativa]]></category>
		<category><![CDATA[mobile testing]]></category>
		<category><![CDATA[patch software]]></category>
		<category><![CDATA[Priorità]]></category>
		<category><![CDATA[product management]]></category>
		<category><![CDATA[project management]]></category>
		<category><![CDATA[QA]]></category>
		<category><![CDATA[QA testing]]></category>
		<category><![CDATA[qualità del software]]></category>
		<category><![CDATA[qualità software]]></category>
		<category><![CDATA[regressioni]]></category>
		<category><![CDATA[release notes]]></category>
		<category><![CDATA[severità]]></category>
		<category><![CDATA[strumenti]]></category>
		<category><![CDATA[sviluppo web]]></category>
		<category><![CDATA[template]]></category>
		<category><![CDATA[testing]]></category>
		<category><![CDATA[tre di picche]]></category>
		<category><![CDATA[triage]]></category>
		<category><![CDATA[web testing]]></category>
		<category><![CDATA[workflow]]></category>
		<guid isPermaLink="false">https://tredipicche.com/?p=6498</guid>

					<description><![CDATA[<p>Questo articolo spiega come costruire bug report che un dev legge e capisce al volo. Titoli informativi, ambiente e versione chiari, passi minimi ma riproducibili, confronto atteso-ottenuto, evidenze utili e classificazione corretta. Impari a evitare antipatterns, ad adattare lo stile a web, mobile e backend, a usare template e metriche per migliorare. Il risultato è meno rimbalzi, fix più rapidi e un team più sereno.</p>
<p>L'articolo <a href="https://tredipicche.com/come-scrivere-bug-report-che-il-dev-ama/">Come scrivere bug report che il dev ama</a> proviene da <a href="https://tredipicche.com">Tre di Picche</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="fl-builder-content fl-builder-content-6498 fl-builder-content-primary fl-builder-global-templates-locked" data-post-id="6498"><div class="fl-row fl-row-full-width fl-row-bg-none fl-node-irbp4e8tlgm7 fl-row-default-height fl-row-align-center" data-node="irbp4e8tlgm7">
	<div class="fl-row-content-wrap">
								<div class="fl-row-content fl-row-full-width fl-node-content">
		
<div class="fl-col-group fl-node-cuag7js4m6zw fl-col-group-equal-height fl-col-group-align-top" data-node="cuag7js4m6zw">
			<div class="fl-col fl-node-dof6r2kqzbev fl-col-bg-color" data-node="dof6r2kqzbev">
	<div class="fl-col-content fl-node-content"><div class="fl-module fl-module-uabb-table-of-contents fl-node-i3hrfuvdcnty" data-node="i3hrfuvdcnty">
	<div class="fl-module-content fl-node-content">
		
<div class="uabb-parent-wrapper-toc ">
	<div class="uabb-toc-container">
		<div class ="uabb-heading-block">
		<span class="uabb-toc-heading">Indice dei contenuti</span>
	</div>
		<div id="uabb-toc-togglecontents">
		<div class="uabb-toc-content-heading">
					<ul id="uabb-toc-wrapper" class="toc-lists toc-ul"></ul>
				</div>
	</div>
	<div class="uabb-toc-empty-note">
		<span>Add a header to begin generating the table of contents</span>
	</div>
		</div>
	</div>
	</div>
</div>
<div  class="fl-module fl-module-rich-text fl-rich-text fl-node-87tz9ugbpoqk" data-node="87tz9ugbpoqk">
	<h1 data-start="0" data-end="41">Come scrivere bug report che il dev ama</h1>
<p data-start="43" data-end="680">Scrivere un bug report è come preparare un pacco per un’amica o un amico che vive lontano. Se dentro c’è tutto quello che serve e l’etichetta dice chiaramente cosa contiene, il viaggio è rapido e l’arrivo è felice. Se mancano pezzi, l’indirizzo è sbagliato o metà delle informazioni sono nella tua testa, quel pacco va in giro per settimane. Nel mondo del software, un bug report completo riduce i tempi di diagnosi, evita incomprensioni, accelera i fix e, soprattutto, fa guadagnare fiducia tra QA, product e sviluppo. Questa guida è un manuale pratico, senza giri di parole, per creare bug report che un dev legge, capisce e ringrazia.</p>
<p data-start="682" data-end="1298">Chi lavora in contesti diversi ritroverà esigenze differenti. Una startup che rilascia ogni giorno chiederà velocità e sintesi, una scale-up che gestisce milioni di sessioni pretenderà rigore e tracciabilità, un’agenzia che lavora su progetti multipli avrà la necessità di standard riutilizzabili. La buona notizia è che esistono principi trasversali che funzionano ovunque. Qui impari a progettare titoli che orientano, a costruire passi di riproduzione minimi ma precisi, a selezionare l’evidenza giusta e a classificare severità e priorità senza litigare. L’obiettivo è passare da “si rompe” a “si ripara subito”.</p>
<h2 data-start="1300" data-end="1373">Perché esiste il bug report e perché il dev lo ama quando è fatto bene</h2>
<p data-start="1375" data-end="1975">Il bug report è un contratto tra chi osserva il problema e chi lo risolve. Da una parte c’è un sintomo, dall’altra c’è una causa. In mezzo ci sono dati, contesto e una narrazione che permettono a chi non era presente al momento del guasto di ricreare la scena. Il dev non ama i bug in sé, ama i bug report in grado di ricostruire il percorso in modo affidabile. Le persone che sviluppano hanno la mente allenata a inferire, ma non leggono il pensiero. Un report curato toglie ambiguità e riduce la superficie d’errore. Significa meno ping-pong di domande, meno “non riesco a riprodurre”, meno attese.</p>
<p data-start="1977" data-end="2609">Un buon report riduce il time-to-fix perché separa le ipotesi dal fatto. Se in un paragrafo preciso viene indicato il browser, la versione, la risoluzione, i dati usati e la sequenza che attiva l’errore, il dev riduce il set di cause possibili. Se nello stesso report appare il confronto fra risultato atteso e risultato ottenuto, chi legge capisce quale pezzo di comportamento viola l’aspettativa del prodotto e non deve interpretare segnali confusi. Quando il report include prove, come screenshot pertinenti, un breve screen recording e un estratto dei log con timestamp, la caccia agli indizi si trasforma in un percorso chiaro.</p>
<p data-start="2611" data-end="3070">Chi guida il prodotto beneficia di bug report ben scritti perché può classificare rapidamente l’impatto sull’utente e sul business. Un crash al checkout è diverso da un allineamento pixel-perfect della navbar. Il customer care evita di promettere soluzioni vaghe se trova un report che già contiene workaround o tempi stimati per il fix. Un contenuto completo diventa materiale riutilizzabile per la knowledge base e previene rigurgiti del problema in futuro.</p>
<h2 data-start="3072" data-end="3126">Struttura essenziale di un bug report irresistibile</h2>
<p data-start="3128" data-end="3341">Immagina di entrare in una stanza buia con una torcia. Ogni sezione del bug report orienta la luce in una direzione utile. Una struttura coerente rende il report leggibile a colpo d’occhio e ne facilita il triage.</p>
<h3 data-start="3343" data-end="3401">Un titolo che orienta prima ancora di leggere il corpo</h3>
<p data-start="3403" data-end="3876">Il titolo dev-friendly non è un clickbait. Deve comprimere contesto, azione e risultato inatteso. La formula funziona così: area del prodotto, azione compiuta, esito errato, ambiente se rilevante. “Checkout | Pagamento con carta fallisce con errore 500 su iOS 17.5” aiuta a capire tutto prima ancora di aprire il ticket. I titoli generici come “non va” o “errore strano” costringono chi legge a spendere minuti in più per capire se quel bug riguarda il suo team o un altro.</p>
<h3 data-start="3878" data-end="3940">Ambiente e versione non sono dettagli, sono coordinate GPS</h3>
<p data-start="3942" data-end="4487">Quando e dove si è rotto il comportamento conta quanto il cosa. L’ambiente definisce la cornice: staging, pre-produzione, produzione; web, iOS, Android; app in dark mode o light mode; lingua impostata; feature flag attive. La versione delimita un prima e un dopo. Specificare numero di build, commit, tag di release, versione di sistema operativo e browser fa sparire gran parte delle discussioni su “da quando”. Nei contesti web, i dev adorano trovare user agent, dimensioni della finestra, eventuali estensioni del browser e stato della cache.</p>
<h3 data-start="4489" data-end="4533">Passi di riproduzione minimi ma completi</h3>
<p data-start="4535" data-end="5107">I passi trasformano un racconto in una procedura. L’obiettivo è portare chi legge a riprodurre l’errore senza inventare. Conviene usare verbi all’infinito per descrivere azioni elementari: aprire pagina X, effettuare login con utente Y, aggiungere prodotto Z, applicare coupon A, cliccare “Paga ora”. La parola chiave è “minimi”. Taglia rami superflui, elimina navigazioni accessorie, sostituisci click ridondanti con un link diretto quando possibile. Se sono necessari dati, descrivili esplicitamente, ma evita di incollare credenziali o informazioni personali sensibili.</p>
<h3 data-start="5109" data-end="5178">Risultato atteso e risultato ottenuto sono il cuore del contratto</h3>
<p data-start="5180" data-end="5605">Il report migliore definisce le aspettative. Cosa doveva accadere? Cosa è successo in realtà? Se l’aspettativa deriva da una specifica o da un requisito, inserire il riferimento evita discussioni sui “gusti”. In contesti UX, chiarire l’effetto atteso aiuta a evitare fix tecnici che non risolvono il problema percettivo. Nei flussi transazionali, riportare eventuali messaggi di errore letti dall’utente accorcia la diagnosi.</p>
<h3 data-start="5607" data-end="5656">Evidenze che parlano la stessa lingua del dev</h3>
<p data-start="5658" data-end="6232">Una prova visiva accelera la comprensione. Uno screenshot a fuoco con il punto problematico evidenziato basta spesso a mettere in moto il ragionamento. Un video corto, compresso e pulito mostra più di mille parole, a condizione che i passaggi non siano una maratona. I log sono oro se contengono errori con timestamp, URL, ID di sessione o correlation ID, e se non vengono pasticciati con dati personali. Un estratto essenziale vale più di una bibbia illeggibile. Il link a un ambiente o a un record di test diretto permette a chi sviluppa di arrivare alla scena in secondi.</p>
<h3 data-start="6234" data-end="6275">Severità e priorità non sono sinonimi</h3>
<p data-start="6277" data-end="6780">La severità misura quanto un bug rompe l’esperienza tecnica: crash, blocco, perdita di dati, errore visivo, glitch cosmetico. La priorità ordina l’urgenza di intervento rispetto alla roadmap: un bug ad alta severità può avere priorità media se colpisce un’area poco usata, un difetto a severità moderata può diventare prioritario se impatta una campagna in corso. Usare definizioni condivise riduce attriti e allinea team diversi. Documentare gli esempi concreti aiuta a classificare in modo ripetibile.</p>
<h2 data-start="6782" data-end="6843">L’arte del “minimal reproducible”: come si arriva al punto</h2>
<p data-start="6845" data-end="7281">Il “non riesco a riprodurre” è la nemesi del tester. Per evitarlo serve allenare la capacità di rimuovere il rumore e lasciare visibile il segnale. Creare un profilo pulito e una sessione senza estensioni elimina effetti collaterali. Usare dati dedicati di test impedisce che cronologie e preferenze inquinate alterino il flusso. Ripetere il percorso almeno due volte fa emergere flakiness, ossia problemi che compaiono a intermittenza.</p>
<p data-start="7283" data-end="7755">Ridurre il rumore significa anche isolare la variabile vagabonda. Se un coupon rompe il totale, prova lo stesso percorso senza coupon e annota il confronto. Se il problema appare solo a schermi piccoli, ridimensiona e ricontrolla i breakpoint. Se la regressione è avvenuta tra due release ravvicinate, segnala i commit introdotti in quell’intervallo. I dev amano trovare nel report un “triage light” già abbozzato, perché possono orientare gli sforzi verso il file giusto.</p>
<p data-start="7757" data-end="8122">La privacy va trattata come una precondizione. Evita screenshot con dati personali, offusca email reali, non incollare chiavi o token, preferisci account fittizi e dataset sintetici. Documenta le condizioni ambientali senza tradire la sicurezza. Questa cura fa risparmiare tempo anche al team legale e previene la diffusione incontrollata di informazioni sensibili.</p>
<p data-start="8124" data-end="8502">Quando si sospetta flakiness, la forma del report cambia. Ha senso indicare la frequenza osservata, per esempio “1 su 5 tentativi fallisce”, e il pattern che sembra scatenare il problema, come “fallisce con rete lenta o con tab in background”. Fornire le condizioni di rete e di CPU, magari con un riferimento a strumenti di throttling, guida chi sviluppa verso test realistici.</p>
<h2 data-start="8504" data-end="8542">Stili di bug su piattaforme diverse</h2>
<p data-start="8544" data-end="8658">Il bug report non vive nel vuoto. La piattaforma cambia linguaggio e priorità, il report si adatta di conseguenza.</p>
<h3 data-start="8660" data-end="8689">Web app e browser moderni</h3>
<p data-start="8691" data-end="9228">Nel web, la combinazione browser–versione–sistema operativo fa la differenza. Firefox gestisce API e CSS diversi da Safari, Chrome introduce comportamenti sperimentali, Edge interpone policy particolari in contesti enterprise. Specificare se la cache è stata svuotata, se esiste un service worker, se la PWA è installata o se l’utente naviga in incognito accelera chi deve riprodurre. Alcuni difetti emergono solo con viewport specifiche o con Zoom del browser. Includere la dimensione della finestra e il livello di zoom evita sorprese.</p>
<p data-start="9230" data-end="9680">Un’altra variabile riguarda gli script di terze parti. Contrassegnare nel report se i tag di marketing sono attivi o bloccati da CMP cambia il comportamento del DOM. Il dev legge e capisce quanto conti misurare in ambienti con cookie consensi diversi. Anche l’integrazione con CDN e cache lato server modifica l’esito di certe chiamate. Indicare gli header di risposta, quando significativo, sposta la diagnosi dal front-end al network in un istante.</p>
<h3 data-start="9682" data-end="9710">Mobile app iOS e Android</h3>
<p data-start="9712" data-end="10248">Nel mobile, il mondo si divide tra dispositivi e versioni OS. Un bug che appare su Android 12 con device low-end a 2GB di RAM potrebbe essere invisibile su un iPhone recente. Inserire modello, versione OS, stato batteria e modalità risparmio energetico può fare emergere limiti di background execution o restrizioni di permessi. Se l’app usa notifiche push, riportare se i permessi sono conceduti e se la rete è Wi-Fi o dati cellulari cambia tanto. Segnalare se la build è debug o release evita divergenze dovute a flag di compilazione.</p>
<p data-start="10250" data-end="10584">La cattura di log su mobile è un’arma potente. Un breve estratto di logcat o di console Xcode al momento del crash illumina stack trace e error codes. Non serve copiare chilometri di log: bastano gli ultimi eventi con timestamp stretto, puliti da dati sensibili. Anche un piccolo video schermo aiuta chi non ha quel device sotto mano.</p>
<h3 data-start="10586" data-end="10603">Backend e API</h3>
<p data-start="10605" data-end="11128">Nel backend contano request e response. Annotare endpoint, metodo, payload, header, status code e tempi di risposta compone il puzzle. Un correlation ID consente di interrogare sistemi di log distribuiti e ricostruire la storia della chiamata attraverso microservizi. Descrivere la sequenza di chiamate che porta al difetto aiuta a capire se l’errore nasce a monte o a valle. I dev backend rispettano moltissimo chi include un curl riproducibile o una Postman collection minimale, senza segreti e con variabili placeholder.</p>
<p data-start="11130" data-end="11429">La parte “atteso vs ottenuto” acquisisce sfumature nei servizi. Se una risposta dovrebbe essere idempotente e non lo è, basta dirlo con un esempio numerico. Se un batch notturno dovrebbe terminare entro un SLA e sfora, inserire orari, dimensioni dei dati e durata osservata orienta l’ottimizzazione.</p>
<h3 data-start="11431" data-end="11466">Data pipelines e job schedulati</h3>
<p data-start="11468" data-end="11897">I dati hanno ritmi diversi dal click. I bug nelle pipeline richiedono coordinate temporali. Specificare la finestra temporale del dataset, il numero di record attesi e quello effettivo, gli ID dei job, il nome della tabella o del topic messaggi e l’ambiente di esecuzione è essenziale. Quando un job fallisce in modo intermittente, indicare la latenza del sistema a monte e a valle fa scattare correlazioni altrimenti invisibili.</p>
<p data-start="11468" data-end="11897"><img fetchpriority="high" decoding="async" class="aligncenter size-full wp-image-6499" src="https://tredipicche.com/wp-content/uploads/2025/11/Come-scrivere-bug-report-che-il-dev-ama.webp" alt="Banner orizzontale con carta color sabbia strappata che lascia intravedere uno sfondo verde brillante con la scritta “BUG FIX” in font brush bianco; concetto di correzione bug, patch software, manutenzione e release note per progetti digitali." width="984" height="500" srcset="https://tredipicche.com/wp-content/uploads/2025/11/Come-scrivere-bug-report-che-il-dev-ama.webp 984w, https://tredipicche.com/wp-content/uploads/2025/11/Come-scrivere-bug-report-che-il-dev-ama-300x152.webp 300w, https://tredipicche.com/wp-content/uploads/2025/11/Come-scrivere-bug-report-che-il-dev-ama-768x390.webp 768w" sizes="(max-width: 984px) 100vw, 984px" /></p>
<h2 data-start="11899" data-end="11949">Come scrivere velocemente senza perdere qualità</h2>
<p data-start="11951" data-end="12074">La qualità non è nemica della rapidità. Il segreto sta nella standardizzazione intelligente e nelle scorciatoie pertinenti.</p>
<h3 data-start="12076" data-end="12128">Un template riutilizzabile salva vite (e sprint)</h3>
<p data-start="12130" data-end="12687">Un template condiviso riduce la fatica cognitiva. Titolo con formato fisso, sezioni “Ambiente”, “Passi”, “Atteso”, “Ottenuto”, “Evidenze”, “Severità”, “Priorità”, “Note” e “Regression” quando applicabile, danno ritmo. Invece di combattere ogni volta con fogli bianchi, la mente si concentra sui fatti. Il template va mantenuto vivo, con esempi concreti e piccole regole di stile. Se il team usa spesso feature flag, inserire un campo “Flag attive” evita dimenticanze. Se i progetti lavorano su A/B test, aggiungere “Variante sperimentale” elimina ambiguità.</p>
<h3 data-start="12689" data-end="12741">Scorciatoie e snippet che rispettano il contesto</h3>
<p data-start="12743" data-end="13204">Gli snippet accelerano la compilazione. Un frammento di testo per il titolo, con placeholder tra parentesi quadre, consente di generare rapidamente un titolo sensato. Una scorciatoia per allegare uno screen recording già compresso con naming coerente evita file “Mov_1234_final_final.mp4”. Un tool di cattura log che filtra on the fly errori e warn produce allegati digeribili. Scrivere veloce non significa scrivere male; significa comprimere gesti ripetitivi.</p>
<h3 data-start="13206" data-end="13277">Evitare i doppioni con una ricerca intelligente e un triage leggero</h3>
<p data-start="13279" data-end="13797">Prima di creare un ticket, vale una ricerca per parole chiave sul tracker. Capita spesso che lo stesso problema sia già stato segnalato con un titolo diverso. Se esiste un ticket aperto, conviene aggiungere commenti con le tue evidenze. Se il ticket è chiuso, ha senso valutarne la riapertura solo se le condizioni coincidono. Durante il triage iniziale, il team assegna il report al componente giusto, perfeziona la severità e decide la priorità con dati alla mano. Un bug amato dal dev è un bug facile da instradare.</p>
<h2 data-start="13799" data-end="13833">Casi reali e formule di esempio</h2>
<p data-start="13835" data-end="13997">Gli esempi fanno da specchio. Vedere com’è fatto un bug report riuscito e come si trasforma un report debole in un alleato produce risultati immediati in squadra.</p>
<h3 data-start="13999" data-end="14035">Formule di titolo che funzionano</h3>
<p data-start="14037" data-end="14419">Una formula efficace parte dall’area. “Catalogo | Filtri colore non persistono dopo refresh su Chrome 129” orienta e delimita. Una versione mobile suona così: “iOS | Carrello non si aggiorna dopo rimozione item in modalità offline”. Un backend: “API Ordini | POST /orders restituisce 409 con payload valido in staging”. Ogni parola guadagna il suo posto per evitare letture inutili.</p>
<h3 data-start="14421" data-end="14451">Esempio di bug ben scritto</h3>
<p data-start="14453" data-end="15363">Titolo: “Checkout | Pagamento carta Visa rifiutato con errore 500 su Safari 17.4 (produzione)”. Ambiente: “Produzione, Safari 17.4 su macOS 14.5, finestra 1440×900, cache pulita, nessuna estensione, CMP consenso marketing negato, feature flag ‘new-payments-ui’ attiva”. Passi: “Aprire /checkout con carrello contenente SKU 123, inserire carta Visa test <strong data-start="14806" data-end="14815">4111…</strong>, compilare indirizzo via autocompletamento, cliccare ‘Paga ora’”. Atteso: “Transazione autorizzata o rifiuto 3DS esplicito con messaggio user-friendly”. Ottenuto: “Errore 500 lato server, UI mostra spinner infinito, nessuna conferma. Nella console network, chiamata /payments/charge risponde 500 in 1200 ms”. Evidenze: “Video 18s, screenshot errore network, log back-end con correlation ID 7a9c…”. Severità: “Alta (blocco pagamento)”. Priorità: “P1, incide sulle vendite”. Note: “Accade solo con Visa, Mastercard ok. In staging non riproducibile”.</p>
<p data-start="15365" data-end="15560">Questo report consente di verificare subito le differenze tra Visa e Mastercard, di controllare il flag UI, di interrogare i log via correlation ID e di isolare il problema al servizio pagamenti.</p>
<h3 data-start="15562" data-end="15606">Esempio di bug mal scritto e riscrittura</h3>
<p data-start="15608" data-end="16084">Mal scritto: “Pagamenti non vanno. Fixate”. Manca tutto: titolo povero, nessuna riproduzione, ambiente ignoto, zero prove. La riscrittura suona così: “Pagamenti | Apple Pay non mostra il foglio di pagamento su iPhone 14 iOS 17.6 (produzione). Da product page, aggiungere SKU 456 al carrello, aprire checkout, selezionare Apple Pay; atteso: foglio Apple Pay; ottenuto: nessuna azione, console Xcode segnala ‘PKPaymentAuthorizationController not presented’. Video 12s allegato”.</p>
<p data-start="16086" data-end="16189">Questa trasformazione rende il caso azionabile, toglie la nebbia e indica cosa esattamente non compare.</p>
<h2 data-start="16191" data-end="16248">Collaborazione con dev e PM: dal ticket alla soluzione</h2>
<p data-start="16250" data-end="16404">Una relazione sana tra QA, dev e PM passa da definizioni e rituali condivisi. Quando il team parla la stessa lingua, i bug scendono a terra senza attriti.</p>
<h3 data-start="16406" data-end="16451">Chiarire Definition of Done e regressioni</h3>
<p data-start="16453" data-end="16977">La Definition of Done non riguarda solo le feature. Vale anche per i bug. Un bug è “Done” quando è stato corretto in un branch, verificato in ambiente di staging, coperto da un test automatico se appropriato, testato in regressione nelle aree contigue e incluso nella release note. Le regressioni hanno bisogno di un’etichetta dedicata perché l’urgenza cresce: qualcosa che prima funzionava ora rompe aspettative e fiducia. Annotare nel report la prima versione nota che funzionava consente al dev di fare un bisect mentale.</p>
<h3 data-start="16979" data-end="17022">Collegare commit, PR e note di rilascio</h3>
<p data-start="17024" data-end="17422">Un bug che si chiude con link a commit e pull request è un bug che lascia una scia utile. Quando arriverà un caso simile, la storia tecnica sarà recuperabile. Inserire nel report, al momento della validazione, la release in cui il fix è presente evita sorprese in produzione. Le release note che citano i bug risolti aiutano il customer care a comunicare in modo efficace con clienti e stakeholder.</p>
<h3 data-start="17424" data-end="17472">Chiudere il cerchio con la verifica post-fix</h3>
<p data-start="17474" data-end="17892">Il test di verifica non è una formalità. Riproduce i passi in modo letterale, controlla le varianti e fa emergere effetti collaterali. Dare un’autorizzazione chiara a chiudere il ticket, con un commento che descrive come è stata validata la correzione, evita riaperture. Se si scopre un’area contigua a rischio, ha senso aprire un nuovo ticket separato con riferimenti incrociati, senza gonfiare all’infinito il primo.</p>
<h2 data-start="18058" data-end="18108">Metriche per valutare la qualità dei bug report</h2>
<p data-start="18110" data-end="18721">Misurare significa migliorare. Esistono indicatori che raccontano se stai scrivendo report che il dev ama davvero. Il primo è la percentuale di “Cannot Reproduce”, che dovrebbe tendere a zero. Se molti bug non sono riproducibili, il problema sta nelle informazioni o nelle differenze d’ambiente. Un altro indicatore è il tempo medio tra la creazione e la prima risposta del dev. Quando i report sono chiari, il primo commento arriva presto e contiene azioni, non domande. Il tempo tra prima osservazione e fix in produzione è un KPI più ampio, ma beneficia di report robusti perché accorcia la fase diagnostica.</p>
<p data-start="18723" data-end="19267">Il tasso di riapertura racconta se i fix sono solidi e se i report hanno descritto correttamente la cornice. Riaperture altissime indicano riproduzioni deboli o test di verifica superficiali. La densità di informazioni rilevanti per report, pur difficile da quantificare, emerge da check qualitativi: quanti report includono video chiari, quanti riportano correttamente ambiente e versione, quanti usano titoli utili. Un processo di revisione mensile, con esempi best-in-class e casi da migliorare, trasforma la cultura del team senza crociate.</p>
<p data-start="19269" data-end="19650">Il feedback loop con sviluppo è il carburante. Invitare i dev a commentare come migliorare i report, magari con una checklist condivisa, toglie frizioni. I dev conoscono bene i punti ciechi del prodotto e possono indicare quali prove fanno la differenza nella loro diagnosi. Un canale rapido per allinearsi su definizioni di severità e priorità riduce divergenze nei momenti caldi.</p>
<h2 data-start="19652" data-end="19688">Antipatterns da evitare sul serio</h2>
<p data-start="19690" data-end="20112">Esistono modi di scrivere bug report che rompono fiducia e rallentano il team. Il più comune è la vaghezza sistematica. Frasi come “non funziona nulla” tolgono credibilità e non danno piste. Serve indicare dove, quando, come, con quali dati. Un altro antipattern è l’accusa personale. Un bug report non è un tribunale e non serve a trovare colpevoli. Meglio concentrarsi sui fatti e lasciare da parte aggettivi affrettati.</p>
<p data-start="20114" data-end="20542">Mescolare più problemi nello stesso ticket crea caos. Ogni bug ha diritto a un report dedicato, collegato ad altri se serve, ma separato. Altrimenti la conversazione si spacca in sotto-discussioni e la tracciabilità muore sotto commenti contraddittori. Un quarto problema riguarda la mancanza di aspettativa esplicita: scrivere “errore nel carrello” costringe gli altri a interpretare. Stabilire l’atteso fa tutta la differenza.</p>
<p data-start="20544" data-end="20870">Infine esistono report senza contesto storico. Quando un problema è apparso di recente, inserire la prima versione in cui è stato osservato e la prima in cui era assente taglia il tempo di ricerca. Se esiste un incidente precedente simile, linkarlo crea continuità. La memoria del team vive nei ticket tanto quanto nel codice.</p>
<h2 data-start="20872" data-end="20942">Integrare il lavoro con gli strumenti: Jira, GitHub, Linear e amici</h2>
<p data-start="20944" data-end="21356">Gli strumenti non risolvono la scrittura, ma possono facilitare. Un tracker ben configurato aiuta a mantenere ordine e velocità. I campi personalizzati vanno scelti con parsimonia. Avere “Ambiente”, “Versione”, “Severità”, “Priorità”, “Componente” e “Feature flag” spesso basta. Troppi campi obbligatori spingono le persone a riempire a caso. Pochi campi, chiari e con valori condivisi, generano report migliori.</p>
<p data-start="21358" data-end="21774">Le etichette diventano potenti quando sono progettate per la ricerca, non per l’estetica. Tag come “regression”, “checkout”, “payments”, “ios”, “api”, “performance” non sono hashtag casuali, sono leve operative. Se il team misura la qualità per area, le etichette permettono di estrarre i bug di un dominio e analizzarli. Le automazioni che aggiungono template in base alla tipologia riducono errori di compilazione.</p>
<p data-start="21776" data-end="22159">I link tra sistemi contano. Un ticket che cita la pull request e l’ambiente di test crea un filo che attraversa strumenti diversi. I dev lavorano in Git, i PM spesso vivono nel roadmapping, il QA oscilla tra test case e tracker. Colleghiamo tutto e smettiamo di copiare incolla tra piattaforme. La tracciabilità diventa un superpotere quando serve ricostruire incidenti a posteriori.</p>
<h2 data-start="22161" data-end="22214">Checklist di qualità per bug report che il dev ama</h2>
<p data-start="22216" data-end="23100">Ogni squadra dovrebbe tenere una mini-checklist mentale prima di premere “Crea”. Un modo pratico per usarla senza rompere il flusso è ripeterla come mantra. Prima il titolo: è informativo, contiene area e azione, menziona l’ambiente se rilevante. Poi l’ambiente: piattaforma, versione, browser o device, feature flag, stato consensi, dimensione finestra ove utile. Successivamente i passi: essenziali, numerati mentalmente, riproducibili con dati di test non sensibili. Il cuore sta nel confronto atteso vs ottenuto: due frasi chiare, senza impliciti. A seguire le evidenze: uno screenshot mirato, un video breve e un estratto log con timestamp ordinato. Infine la classificazione: severità coerente con esempi condivisi, priorità allineata alla roadmap, componente assegnato, eventuale regressione segnalata con prima versione buona. Se tutte queste caselle sono vere, quel bug vola.</p>
<h2 data-start="23102" data-end="23167">Dalla cultura del “bug rumoroso” alla cultura del “bug chiaro”</h2>
<p data-start="23169" data-end="23618">I team che producono software di qualità non hanno meno bug, hanno più disciplina nel catturarli e trattarli. Il bug rumoroso cresce in ambienti dove si premia la velocità a scapito della comprensione. Il bug chiaro nasce quando si capisce che la lentezza è il disordine, non la cura. Scrivere un buon report non è un vezzo da QA pignoli, è un acceleratore economico. Meno rimbalzi, meno notti in bianco, meno regressioni che tornano come boomerang.</p>
<p data-start="23620" data-end="24107">Una cultura del bug chiaro si costruisce con piccole scelte quotidiane. Si allena l’orecchio al dettaglio che conta, si selezionano prove pertinenti, si adotta un template vivo, si fa revisione incrociata ogni tanto. I dev iniziano a dire “grazie” invece di “non capisco”. I PM passano a strategia invece di fare i pompieri. Il customer care smette di incollare messaggi generici e inizia a comunicare con precisione. Lo sforzo iniziale è ripagato cento volte dal tempo risparmiato dopo.</p>
<h1 id="Conclusione" class="uabb-toc-text">Conclusione</h1>
<p>Scrivere <strong data-start="24134" data-end="24163">bug report che il dev ama</strong> non è un dono innato, è un mestiere che si impara. Un titolo che orienta, un ambiente descritto come si deve, passi minimi e riproducibili, atteso e ottenuto in chiaro, prove che parlano da sole, una severità onesta e una priorità condivisa cambiano la vita del team.</p>
<p>La differenza tra “non so da dove iniziare” e “lo fixo oggi” sta in una pagina scritta bene. Ogni volta che apri un ticket stai negoziando attenzione: rendila facile da concedere. Il risultato sarà un ciclo di sviluppo più veloce, una relazione più sana tra ruoli e un prodotto più solido. Prendi gli esempi, adattali alla tua realtà, crea il tuo template e rendi la qualità una scelta quotidiana.</p>
<p>Il resto è pratica, feedback e la sana abitudine di documentare come se il futuro dipendesse da quel ticket, perché spesso è così.</p>
<blockquote><p>Se questo articolo ti è piaciuto, condivi e commenta!</p></blockquote>
</div>
</div>
</div>
	</div>
		</div>
	</div>
</div>
<div class="fl-row fl-row-fixed-width fl-row-bg-none fl-node-284twn0akxhe fl-row-default-height fl-row-align-center" data-node="284twn0akxhe">
	<div class="fl-row-content-wrap">
								<div class="fl-row-content fl-row-fixed-width fl-node-content">
		
<div class="fl-col-group fl-node-osyxpm52b4u3" data-node="osyxpm52b4u3">
			<div class="fl-col fl-node-tvrnofb31hm5 fl-col-bg-color" data-node="tvrnofb31hm5">
	<div class="fl-col-content fl-node-content"><div  class="fl-module fl-module-html fl-html fl-node-kfuv24s15lco" data-node="kfuv24s15lco">
	<script data-ad-client="ca-pub-8028804612455616" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script></div>
</div>
</div>
	</div>
		</div>
	</div>
</div>
</div><div class="uabb-js-breakpoint" style="display: none;"></div><p>L'articolo <a href="https://tredipicche.com/come-scrivere-bug-report-che-il-dev-ama/">Come scrivere bug report che il dev ama</a> proviene da <a href="https://tredipicche.com">Tre di Picche</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://tredipicche.com/come-scrivere-bug-report-che-il-dev-ama/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Come utilizzare GitHub per la gestione del codice</title>
		<link>https://tredipicche.com/come-utilizzare-github-per-la-gestione-del-codice/</link>
					<comments>https://tredipicche.com/come-utilizzare-github-per-la-gestione-del-codice/#respond</comments>
		
		<dc:creator><![CDATA[Rosie]]></dc:creator>
		<pubDate>Tue, 24 Dec 2024 06:00:00 +0000</pubDate>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[Programmazione]]></category>
		<category><![CDATA[area stage]]></category>
		<category><![CDATA[CI/CD]]></category>
		<category><![CDATA[gestione del codice]]></category>
		<category><![CDATA[GitHub]]></category>
		<category><![CDATA[sviluppo collaborativo]]></category>
		<category><![CDATA[tre di picche]]></category>
		<guid isPermaLink="false">https://tredipicche.com/?p=5459</guid>

					<description><![CDATA[<p>GitHub è uno strumento essenziale per la gestione del codice. Questo articolo guida all'uso delle sue principali funzionalità, dai branch e pull request alla gestione delle issue e ai workflow CI/CD, migliorando collaborazione e produttività.</p>
<p>L'articolo <a href="https://tredipicche.com/come-utilizzare-github-per-la-gestione-del-codice/">Come utilizzare GitHub per la gestione del codice</a> proviene da <a href="https://tredipicche.com">Tre di Picche</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="fl-builder-content fl-builder-content-5459 fl-builder-content-primary fl-builder-global-templates-locked" data-post-id="5459"><div class="fl-row fl-row-fixed-width fl-row-bg-none fl-node-qh10tc4anxs2 fl-row-default-height fl-row-align-center" data-node="qh10tc4anxs2">
	<div class="fl-row-content-wrap">
								<div class="fl-row-content fl-row-fixed-width fl-node-content">
		
<div class="fl-col-group fl-node-nh4p3ydb7owk" data-node="nh4p3ydb7owk">
			<div class="fl-col fl-node-sr29ub8h6gcl fl-col-bg-color" data-node="sr29ub8h6gcl">
	<div class="fl-col-content fl-node-content"><div class="fl-module fl-module-uabb-table-of-contents fl-node-lqjrp9k78n32" data-node="lqjrp9k78n32">
	<div class="fl-module-content fl-node-content">
		
<div class="uabb-parent-wrapper-toc ">
	<div class="uabb-toc-container">
		<div class ="uabb-heading-block">
		<span class="uabb-toc-heading">Indice dei contenuti</span>
	</div>
		<div id="uabb-toc-togglecontents">
		<div class="uabb-toc-content-heading">
					<ul id="uabb-toc-wrapper" class="toc-lists toc-ul"></ul>
				</div>
	</div>
	<div class="uabb-toc-empty-note">
		<span>Add a header to begin generating the table of contents</span>
	</div>
		</div>
	</div>
	</div>
</div>
<div class="fl-module fl-module-rich-text fl-node-bs7qf5dgke4j" data-node="bs7qf5dgke4j">
	<div class="fl-module-content fl-node-content">
		<div class="fl-rich-text">
	<h1>Come Utilizzare GitHub per la Gestione del Codice</h1>
<p>GitHub è uno degli strumenti più popolari per la gestione del codice, usato da sviluppatori di tutto il mondo per lavorare in team e collaborare su progetti software. Grazie a GitHub, gestire versioni del codice, tenere traccia delle modifiche e collaborare con altri programmatori è molto più semplice ed efficiente. Questo articolo offre una panoramica completa su come usare GitHub per la gestione del codice, dalle funzioni di base agli strumenti avanzati per lavorare in modo collaborativo e ottimizzare il processo di sviluppo.</p>
<h2>Cosa è GitHub e Perché Usarlo</h2>
<h3>Introduzione a Git e GitHub</h3>
<p>Git è un sistema di controllo di versione distribuito, progettato per consentire agli sviluppatori di tracciare e gestire le modifiche al codice sorgente. GitHub, invece, è una piattaforma basata su cloud che utilizza Git per archiviare il codice e facilitare la collaborazione tra sviluppatori. Sebbene Git sia uno strumento open-source che può essere usato localmente, GitHub aggiunge funzionalità come il cloud storage, l’interfaccia grafica e strumenti di collaborazione che rendono più facile il lavoro di squadra.</p>
<h3>Vantaggi dell’Uso di GitHub per la Gestione del Codice</h3>
<p>GitHub offre diversi vantaggi rispetto alla gestione tradizionale del codice. In primo luogo, consente di mantenere traccia di ogni modifica e di ripristinare versioni precedenti in caso di errori o conflitti. Inoltre, GitHub facilita il lavoro collaborativo grazie a strumenti come le pull request, le issue e il sistema di branch, permettendo ai team di sviluppare, testare e revisionare il codice in modo efficace. Usare GitHub consente anche di integrare facilmente strumenti di automazione e CI/CD (Continuous Integration/Continuous Deployment) per un workflow più agile e professionale.</p>
<h2>Come Iniziare con GitHub: I Primi Passi</h2>
<h3>Creare un Account GitHub</h3>
<p>Il primo passo per utilizzare GitHub è creare un account. Accedendo al sito ufficiale di GitHub, è possibile registrarsi gratuitamente e scegliere tra piani a pagamento se si necessitano funzionalità aggiuntive. Una volta creato l’account, GitHub offre una dashboard personale dove è possibile visualizzare i progetti attivi, le notifiche e altre informazioni importanti.</p>
<h3>Creare un Nuovo Repository</h3>
<p>Il repository è la struttura principale di GitHub per la gestione del codice. Creare un nuovo repository consente di organizzare e archiviare il codice di un progetto, facilitando il controllo delle versioni e la collaborazione. Per creare un repository, accedi al tuo account GitHub, clicca su “New” e compila i dettagli del progetto. È possibile scegliere se rendere il repository pubblico, permettendo a chiunque di vederlo, o privato, limitandone l’accesso solo ai collaboratori.</p>
<h3>Clonare un Repository sul Tuo Computer</h3>
<p>Dopo aver creato un repository, il passo successivo è clonarlo sul proprio computer per iniziare a lavorare sul codice localmente. Clonare un repository significa scaricarne una copia, che può essere modificata e aggiornata per poi essere sincronizzata con la versione online. Per clonare un repository, copia l’URL fornito da GitHub e, tramite terminale o l’interfaccia di GitHub Desktop, usa il comando <code>git clone URL-del-repository</code>.</p>
<h2>Concetti Fondamentali di GitHub: Branch, Commit e Pull Request</h2>
<h3>Lavorare con i Branch</h3>
<p>I branch sono uno strumento essenziale per gestire le modifiche al codice in GitHub. Un branch permette di creare una versione parallela del progetto, dove è possibile apportare modifiche senza interferire con il codice principale. Creare un branch consente di sperimentare nuove funzionalità, risolvere bug o lavorare su aggiornamenti senza rischiare di compromettere la stabilità del codice in produzione. Per creare un branch, usa il comando <code>git branch nome-del-branch</code> e per passare a un branch specifico usa <code>git checkout nome-del-branch</code>.</p>
<h4>Merging e Risoluzione dei Conflitti</h4>
<p>Dopo aver completato il lavoro su un branch, è necessario unirlo (merge) al branch principale per rendere permanenti le modifiche. Tuttavia, possono sorgere conflitti se due branch contengono modifiche agli stessi file. GitHub offre strumenti integrati per risolvere i conflitti, permettendo di visualizzare le differenze tra versioni e scegliere quali modifiche mantenere.</p>
<h3>Effettuare Commit per Salvare le Modifiche</h3>
<p>Il commit è l’azione che permette di salvare le modifiche apportate ai file all’interno di un branch. Ogni commit rappresenta una “fotografia” del codice in un determinato momento, accompagnata da un messaggio che descrive le modifiche effettuate. Utilizzare commit frequenti e descrittivi aiuta a tenere traccia delle modifiche e rende più facile identificare eventuali errori.</p>
<h4>Scrivere Messaggi di Commit Efficaci</h4>
<p>Un buon messaggio di commit è breve ma descrittivo, informando i collaboratori su cosa è stato modificato. Ad esempio, un messaggio come “Corretto bug nell’interfaccia utente” è più utile di un generico “Modifiche”. Scrivere messaggi chiari aiuta anche a mantenere la cronologia del codice più leggibile e a facilitare la revisione delle modifiche.</p>
<h3>Creare e Gestire le Pull Request</h3>
<p>Le pull request (PR) sono un aspetto fondamentale di GitHub, in quanto consentono di proporre modifiche al codice e di richiederne la revisione da parte dei collaboratori. Una volta completate le modifiche su un branch, è possibile creare una PR per richiedere l’unione delle modifiche al branch principale. Le pull request sono utili anche per avviare discussioni e ottenere feedback prima di rendere effettive le modifiche.</p>
<p><img decoding="async" class="aligncenter size-full wp-image-6255" src="https://tredipicche.com/wp-content/uploads/2024/12/Come-utilizzare-GitHub-per-la-gestione-del-codice.jpg" alt="Schermo di laptop in aggiornamento, barra di caricamento verde al 58%, concetto di gestione e aggiornamento del codice tramite GitHub." width="984" height="500" srcset="https://tredipicche.com/wp-content/uploads/2024/12/Come-utilizzare-GitHub-per-la-gestione-del-codice.jpg 984w, https://tredipicche.com/wp-content/uploads/2024/12/Come-utilizzare-GitHub-per-la-gestione-del-codice-300x152.jpg 300w, https://tredipicche.com/wp-content/uploads/2024/12/Come-utilizzare-GitHub-per-la-gestione-del-codice-768x390.jpg 768w" sizes="(max-width: 984px) 100vw, 984px" /></p>
<h2>Funzionalità Avanzate di GitHub per una Migliore Gestione del Codice</h2>
<h3>Utilizzare le Issue per la Gestione dei Task</h3>
<p>Le issue su GitHub permettono di organizzare il lavoro e di tenere traccia delle problematiche del progetto. Ogni issue può rappresentare un bug, una nuova funzionalità o una richiesta di modifica, e può essere assegnata ai membri del team per una migliore gestione dei task. GitHub consente di categorizzare le issue con etichette e di collegarle alle pull request per semplificare il monitoraggio dello stato di avanzamento.</p>
<h3>Automazione con GitHub Actions</h3>
<p>GitHub Actions è uno strumento integrato che permette di automatizzare flussi di lavoro come la compilazione del codice, l’esecuzione di test e la distribuzione. Con GitHub Actions è possibile creare workflow personalizzati utilizzando file YAML, che eseguono automaticamente determinate azioni in base a eventi specifici, come i push o l'apertura di una PR. Questo migliora l’efficienza del team, riducendo le operazioni manuali e velocizzando il ciclo di sviluppo.</p>
<h4>Configurare Workflow di CI/CD con GitHub Actions</h4>
<p>GitHub Actions può essere configurato per impostare pipeline di Continuous Integration e Continuous Deployment (CI/CD), che automatizzano il processo di testing e rilascio del codice. La CI/CD consente di rilevare errori rapidamente e di aggiornare il codice in produzione in modo continuo, garantendo una maggiore qualità del software. Configurare questi flussi di lavoro permette di risparmiare tempo e di ridurre gli errori nel processo di distribuzione.</p>
<h2>Consigli per la Collaborazione su GitHub</h2>
<h3>Creare un File README Efficace</h3>
<p>Il README è la prima cosa che i visitatori di un repository vedono e rappresenta una guida essenziale al progetto. Un README efficace include informazioni su cosa fa il progetto, come installarlo e come contribuire. Aggiungere dettagli come i requisiti del sistema, esempi d'uso e istruzioni per iniziare aiuta a rendere il repository più accessibile e professionale.</p>
<h3>Utilizzare le Discussioni per la Comunicazione</h3>
<p>Le discussioni su GitHub offrono un modo per i membri del team di comunicare e confrontarsi sulle scelte tecniche, le funzionalità e i cambiamenti proposti. Le discussioni possono essere utilizzate per raccogliere feedback e per coordinare meglio il lavoro tra i membri, migliorando la comunicazione e la collaborazione.</p>
<h1 id="Conclusione">Conclusione</h1>
<p>GitHub è una piattaforma completa per la gestione del codice, offrendo funzionalità avanzate che facilitano la collaborazione e l’efficienza nei team di sviluppo. Dall’organizzazione dei branch alla gestione delle issue e alla configurazione di workflow CI/CD, GitHub rappresenta uno strumento fondamentale per sviluppatori e aziende che cercano un controllo del codice affidabile e flessibile. Utilizzando GitHub al massimo delle sue potenzialità, è possibile migliorare la qualità del software, semplificare la collaborazione e ottimizzare il ciclo di sviluppo.</p>
<blockquote><p>Se questo articolo ti è piaciuto, condivi e commenta!</p></blockquote>
</div>
	</div>
</div>
</div>
</div>
	</div>
		</div>
	</div>
</div>
</div><div class="uabb-js-breakpoint" style="display: none;"></div><p>L'articolo <a href="https://tredipicche.com/come-utilizzare-github-per-la-gestione-del-codice/">Come utilizzare GitHub per la gestione del codice</a> proviene da <a href="https://tredipicche.com">Tre di Picche</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://tredipicche.com/come-utilizzare-github-per-la-gestione-del-codice/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Gli strumenti di produttività che ogni web designer dovrebbe conoscere</title>
		<link>https://tredipicche.com/gli-strumenti-di-produttivita-che-ogni-web-designer-dovrebbe-conoscere/</link>
					<comments>https://tredipicche.com/gli-strumenti-di-produttivita-che-ogni-web-designer-dovrebbe-conoscere/#respond</comments>
		
		<dc:creator><![CDATA[Rosie]]></dc:creator>
		<pubDate>Fri, 23 Aug 2024 05:00:00 +0000</pubDate>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Adobe XD]]></category>
		<category><![CDATA[area stage]]></category>
		<category><![CDATA[CodePen]]></category>
		<category><![CDATA[GitHub]]></category>
		<category><![CDATA[Google Drive]]></category>
		<category><![CDATA[Sketch]]></category>
		<category><![CDATA[Slack]]></category>
		<category><![CDATA[Strumenti di produttività]]></category>
		<category><![CDATA[tre di picche]]></category>
		<category><![CDATA[Trello]]></category>
		<category><![CDATA[Visual Studio Code]]></category>
		<category><![CDATA[web design]]></category>
		<guid isPermaLink="false">https://tredipicche.com/?p=5293</guid>

					<description><![CDATA[<p>Questo articolo esamina gli strumenti di produttività indispensabili per i web designer, coprendo aree come progettazione, sviluppo, gestione progetti e collaborazione. Gli strumenti come Adobe XD, Sketch e Visual Studio Code sono essenziali per ottimizzare il flusso di lavoro e migliorare la collaborazione.</p>
<p>L'articolo <a href="https://tredipicche.com/gli-strumenti-di-produttivita-che-ogni-web-designer-dovrebbe-conoscere/">Gli strumenti di produttività che ogni web designer dovrebbe conoscere</a> proviene da <a href="https://tredipicche.com">Tre di Picche</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="fl-builder-content fl-builder-content-5293 fl-builder-content-primary fl-builder-global-templates-locked" data-post-id="5293"><div class="fl-row fl-row-fixed-width fl-row-bg-none fl-node-pazoqkrstvfy fl-row-default-height fl-row-align-center" data-node="pazoqkrstvfy">
	<div class="fl-row-content-wrap">
								<div class="fl-row-content fl-row-fixed-width fl-node-content">
		
<div class="fl-col-group fl-node-9dpnx3loqef7" data-node="9dpnx3loqef7">
			<div class="fl-col fl-node-1fsxu03r7nij fl-col-bg-color" data-node="1fsxu03r7nij">
	<div class="fl-col-content fl-node-content"><div class="fl-module fl-module-uabb-table-of-contents fl-node-9zv05m7lfsyd" data-node="9zv05m7lfsyd">
	<div class="fl-module-content fl-node-content">
		
<div class="uabb-parent-wrapper-toc ">
	<div class="uabb-toc-container">
		<div class ="uabb-heading-block">
		<span class="uabb-toc-heading">Indice dei contenuti</span>
	</div>
		<div id="uabb-toc-togglecontents">
		<div class="uabb-toc-content-heading">
					<ul id="uabb-toc-wrapper" class="toc-lists toc-ul"></ul>
				</div>
	</div>
	<div class="uabb-toc-empty-note">
		<span>Add a header to begin generating the table of contents</span>
	</div>
		</div>
	</div>
	</div>
</div>
<div class="fl-module fl-module-rich-text fl-node-gmwy3zatfoc0" data-node="gmwy3zatfoc0">
	<div class="fl-module-content fl-node-content">
		<div class="fl-rich-text">
	<h1>Gli Strumenti di Produttività Essenziali per Ogni Web Designer</h1>
<p>Il web design è un'arte che richiede precisione, creatività e soprattutto efficienza. Nell'era digitale, avere gli strumenti giusti può fare la differenza tra un progetto riuscito e uno che non raggiunge i suoi obiettivi. Per questo, ogni web designer, sia novizio che esperto, dovrebbe essere equipaggiato con una serie di strumenti di produttività che ottimizzano il workflow, migliorano la collaborazione e aumentano la qualità del lavoro finale.</p>
<h2>Strumenti di Progettazione e Prototipazione</h2>
<h3>Adobe XD</h3>
<p>Adobe XD è uno dei principali strumenti di prototipazione utilizzati dai web designer per creare interfacce utente innovative e interattive. La sua interfaccia utente intuitiva e le funzionalità di collaborazione lo rendono ideale per team di design che lavorano a progetti condivisi.</p>
<h3>Sketch</h3>
<p>Sketch è un altro strumento essenziale nel kit di ogni designer. Con il suo sistema di simboli, permette una progettazione rapida e la replica di elementi su molteplici artboards, rendendo il processo di design molto più efficiente e meno soggetto a errori.</p>
<h2>Strumenti di Sviluppo e Codifica</h2>
<h3>Visual Studio Code</h3>
<p>Visual Studio Code è un editor di codice sorgente leggero ma potente, che supporta numerosi linguaggi di programmazione. La sua capacità di integrarsi con Git e altri repository di versioning lo rende uno strumento indispensabile per i web designer che collaborano con i team di sviluppatori.</p>
<h3>CodePen</h3>
<p>CodePen è una piattaforma online che funziona sia come un ambiente di sviluppo che come una comunità di sviluppatori e designer. È particolarmente utile per testare frammenti di codice e vedere immediatamente i risultati, facilitando la sperimentazione e la condivisione di soluzioni innovative.</p>
<h2>Gestione del Progetto e Collaborazione</h2>
<h3>Trello</h3>
<p>Trello è uno strumento di gestione progetti che utilizza il sistema Kanban per organizzare i compiti. La sua interfaccia semplice e la facilità di uso lo rendono perfetto per mantenere traccia delle fasi di progetto e delle scadenze.</p>
<h3>Slack</h3>
<p>Per la comunicazione di team, Slack offre funzionalità che vanno oltre il semplice scambio di messaggi. L'integrazione con altri strumenti di produttività e la possibilità di creare canali dedicati per specifici argomenti o progetti lo rendono essenziale per mantenere il team allineato e efficiente.</p>
<h2>Ottimizzazione delle Risorse e Archiviazione</h2>
<h3>Google Drive</h3>
<p>Google Drive offre soluzioni di archiviazione cloud e la possibilità di condividere facilmente documenti e file di progetto con chiunque. L'accesso in tempo reale ai file e la possibilità di lavorare su documenti comuni senza dover scaricare versioni multiple sono solo alcune delle funzionalità che lo rendono indispensabile.</p>
<h3>GitHub</h3>
<p>Per i web designer che lavorano a stretto contatto con i programmatori, GitHub non è solo una piattaforma di hosting di codice; è uno strumento cruciale per la revisione del codice, la gestione delle versioni e la documentazione dei progetti.</p>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-5780" src="https://tredipicche.com/wp-content/uploads/2024/08/Gli-strumenti-di-produttivita-che-ogni-web-designer-dovrebbe-conoscere.jpg" alt="Scrivania con strumenti di lavoro creativo, tra cui matite colorate, acquerelli, lettere di legno e cancelleria, simbolo degli strumenti di produttività essenziali per web designer." width="984" height="500" srcset="https://tredipicche.com/wp-content/uploads/2024/08/Gli-strumenti-di-produttivita-che-ogni-web-designer-dovrebbe-conoscere.jpg 984w, https://tredipicche.com/wp-content/uploads/2024/08/Gli-strumenti-di-produttivita-che-ogni-web-designer-dovrebbe-conoscere-300x152.jpg 300w, https://tredipicche.com/wp-content/uploads/2024/08/Gli-strumenti-di-produttivita-che-ogni-web-designer-dovrebbe-conoscere-768x390.jpg 768w" sizes="auto, (max-width: 984px) 100vw, 984px" /></p>
<h1 id="Conclusione">Conclusione</h1>
<p>Avere gli strumenti giusti è fondamentale per qualsiasi web designer che desidera rimanere competitivo e produttivo nel mercato attuale.</p>
<p>Gli strumenti elencati in questo articolo rappresentano solo la punta dell'iceberg, ma sono fondamentali per ottimizzare il flusso di lavoro, migliorare la collaborazione e aumentare l'efficacia del design.</p>
<p>Adottarli significa fare un passo avanti verso la realizzazione di progetti web di successo e soddisfacenti.</p>
<blockquote><p>Se questo articolo ti è piaciuto, condivi e commenta!</p></blockquote>
</div>
	</div>
</div>
</div>
</div>
	</div>
		</div>
	</div>
</div>
<div class="fl-row fl-row-full-width fl-row-bg-color fl-node-ok3tbrzn8vwq fl-row-default-height fl-row-align-center" data-node="ok3tbrzn8vwq">
	<div class="fl-row-content-wrap">
								<div class="fl-row-content fl-row-full-width fl-node-content">
		
<div class="fl-col-group fl-node-641f8lxyt0ao fl-col-group-equal-height fl-col-group-align-center" data-node="641f8lxyt0ao">
			<div class="fl-col fl-node-54vxte9cwy60 fl-col-bg-color fl-col-small" data-node="54vxte9cwy60">
	<div class="fl-col-content fl-node-content"><div class="fl-module fl-module-rich-text fl-node-vx8zan1g7sm9" data-node="vx8zan1g7sm9">
	<div class="fl-module-content fl-node-content">
		<div class="fl-rich-text">
	<p>Tre di Picche Community</p>
<h2>Iscriviti ora: Tre di Picche Group</h2>
</div>
	</div>
</div>
<div class="fl-module fl-module-button fl-node-0dvgfesrpwc2" data-node="0dvgfesrpwc2">
	<div class="fl-module-content fl-node-content">
		<div class="fl-button-wrap fl-button-width-auto fl-button-left fl-button-has-icon">
			<a href="https://www.facebook.com/groups/tredipicche"  target="_blank" rel="noopener"   class="fl-button"  rel="noopener" >
					<i class="fl-button-icon fl-button-icon-before ua-icon ua-icon-icon-120-lock-rounded-open" aria-hidden="true"></i>
						<span class="fl-button-text">Chiedi l'accesso al gruppo privato</span>
					</a>
</div>
	</div>
</div>
</div>
</div>
			<div class="fl-col fl-node-pzsbfk0yvhwr fl-col-bg-color fl-col-small" data-node="pzsbfk0yvhwr">
	<div class="fl-col-content fl-node-content"><div class="fl-module fl-module-video fl-node-wpytlrhdfxe6" data-node="wpytlrhdfxe6">
	<div class="fl-module-content fl-node-content">
		
<div class="fl-video fl-wp-video">
	<meta itemprop="url" content="https://www.tredipicche.com/wp-content/uploads/2020/02/Group.mp4" /><div style="width: 640px;" class="wp-video"><video class="wp-video-shortcode" id="video-5293-1" width="640" height="360" preload="metadata" controls="controls"><source type="video/mp4" src="https://www.tredipicche.com/wp-content/uploads/2020/02/Group.mp4?_=1" /><source type="video/mp4" src="https://www.tredipicche.com/wp-content/uploads/2020/02/Group.mp4?_=1" /><a href="https://www.tredipicche.com/wp-content/uploads/2020/02/Group.mp4">https://www.tredipicche.com/wp-content/uploads/2020/02/Group.mp4</a></video></div></div>
	</div>
</div>
</div>
</div>
	</div>

<div class="fl-col-group fl-node-7j2q8rvtb69u" data-node="7j2q8rvtb69u">
			<div class="fl-col fl-node-u9fo8wyemd65 fl-col-bg-color" data-node="u9fo8wyemd65">
	<div class="fl-col-content fl-node-content"><div id="span" class="fl-module fl-module-rich-text fl-node-zv3bfeip67dy" data-node="zv3bfeip67dy">
	<div class="fl-module-content fl-node-content">
		<div class="fl-rich-text">
	<h3 style="text-align: center;">I commenti sono l'anima del blog, lascia un segno del tuo passaggio e mi avrai fatto il regalo più grande!</h3>
<p>&nbsp;</p>
</div>
	</div>
</div>
</div>
</div>
	</div>
		</div>
	</div>
</div>
</div><div class="uabb-js-breakpoint" style="display: none;"></div><p>L'articolo <a href="https://tredipicche.com/gli-strumenti-di-produttivita-che-ogni-web-designer-dovrebbe-conoscere/">Gli strumenti di produttività che ogni web designer dovrebbe conoscere</a> proviene da <a href="https://tredipicche.com">Tre di Picche</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://tredipicche.com/gli-strumenti-di-produttivita-che-ogni-web-designer-dovrebbe-conoscere/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://tredipicche.com/wp-content/uploads/2020/02/Group.mp4" length="182064" type="video/mp4" />

			</item>
		<item>
		<title>10 Strumenti Che Ogni Web Designer Dovrebbe Conoscere</title>
		<link>https://tredipicche.com/10-strumenti-che-ogni-web-designer-dovrebbe-conoscere/</link>
					<comments>https://tredipicche.com/10-strumenti-che-ogni-web-designer-dovrebbe-conoscere/#respond</comments>
		
		<dc:creator><![CDATA[Rosie]]></dc:creator>
		<pubDate>Wed, 07 Feb 2024 06:00:00 +0000</pubDate>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Adobe XD]]></category>
		<category><![CDATA[area stage]]></category>
		<category><![CDATA[codifica]]></category>
		<category><![CDATA[gestione progetti]]></category>
		<category><![CDATA[GitHub]]></category>
		<category><![CDATA[ispirazione creativa]]></category>
		<category><![CDATA[prototipazione]]></category>
		<category><![CDATA[Sketch]]></category>
		<category><![CDATA[strumenti di design]]></category>
		<category><![CDATA[sviluppo web]]></category>
		<category><![CDATA[tre di picche]]></category>
		<category><![CDATA[web design]]></category>
		<guid isPermaLink="false">https://www.tredipicche.com/?p=3802</guid>

					<description><![CDATA[<p>Questo articolo esplora 10 strumenti fondamentali per i web designer, coprendo aree come progettazione, codifica, gestione delle risorse, collaborazione e ispirazione. Tra gli strumenti menzionati ci sono Adobe XD, Sketch, Sublime Text, GitHub, InVision, Trello, BrowserStack, Google Web Designer, Behance e Dribbble. Ogni strumento viene analizzato per il suo contributo unico nel processo di design, evidenziando l'importanza di una cassetta degli attrezzi diversificata per il successo nel campo del web design.</p>
<p>L'articolo <a href="https://tredipicche.com/10-strumenti-che-ogni-web-designer-dovrebbe-conoscere/">10 Strumenti Che Ogni Web Designer Dovrebbe Conoscere</a> proviene da <a href="https://tredipicche.com">Tre di Picche</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="fl-builder-content fl-builder-content-3802 fl-builder-content-primary fl-builder-global-templates-locked" data-post-id="3802"><div class="fl-row fl-row-full-width fl-row-bg-none fl-node-mwaqdfvilnuc fl-row-default-height fl-row-align-center" data-node="mwaqdfvilnuc">
	<div class="fl-row-content-wrap">
								<div class="fl-row-content fl-row-full-width fl-node-content">
		
<div class="fl-col-group fl-node-b4p97cj6n1xl fl-col-group-equal-height fl-col-group-align-top" data-node="b4p97cj6n1xl">
			<div class="fl-col fl-node-k10jar45qc9n fl-col-bg-color" data-node="k10jar45qc9n">
	<div class="fl-col-content fl-node-content"><div class="fl-module fl-module-uabb-table-of-contents fl-node-uk1zhd5mb6qi" data-node="uk1zhd5mb6qi">
	<div class="fl-module-content fl-node-content">
		
<div class="uabb-parent-wrapper-toc ">
	<div class="uabb-toc-container">
		<div class ="uabb-heading-block">
		<span class="uabb-toc-heading">Indice dei contenuti</span>
	</div>
		<div id="uabb-toc-togglecontents">
		<div class="uabb-toc-content-heading">
					<ul id="uabb-toc-wrapper" class="toc-lists toc-ul"></ul>
				</div>
	</div>
	<div class="uabb-toc-empty-note">
		<span>Add a header to begin generating the table of contents</span>
	</div>
		</div>
	</div>
	</div>
</div>
<div class="fl-module fl-module-rich-text fl-node-wlfgbsidv1oy" data-node="wlfgbsidv1oy">
	<div class="fl-module-content fl-node-content">
		<div class="fl-rich-text">
	<h1>10 Strumenti Che Ogni Web Designer Dovrebbe Conoscere</h1>
<p>Nel mondo dinamico del web design, avere gli strumenti giusti è fondamentale. Questi strumenti non solo aumentano l'efficienza ma arricchiscono anche la qualità del lavoro. In questo articolo, esploreremo 10 strumenti indispensabili per ogni web designer.</p>
<h2>Strumenti di Progettazione e Prototipazione</h2>
<h3>Adobe XD</h3>
<p>Adobe XD è uno strumento di progettazione UX/UI che consente di creare prototipi funzionali. È noto per la sua interfaccia intuitiva e le funzionalità di collaborazione.</p>
<h3>Sketch</h3>
<p>Sketch è un'applicazione di design vettoriale focalizzata sul design delle interfacce utente. Offre un'ampia gamma di plugin e un'ottima community per il supporto.</p>
<h2>Strumenti di Codifica e Sviluppo</h2>
<h3>Sublime Text</h3>
<p>Sublime Text è un editor di codice leggero e potente, amato per la sua velocità e l'interfaccia pulita. Supporta molti linguaggi di programmazione e markup.</p>
<h3>GitHub</h3>
<p>GitHub è essenziale per il controllo versione e la collaborazione. Permette ai designer di tracciare e gestire le modifiche al codice in modo efficiente.</p>
<h2>Gestione delle Risorse e Collaborazione</h2>
<h3>InVision</h3>
<p>InVision è una piattaforma di design che facilita la collaborazione tra team. È utile per la condivisione di prototipi e il feedback in tempo reale.</p>
<h3>Trello</h3>
<p>Trello è uno strumento di gestione progetti che aiuta a organizzare compiti e scadenze. È intuitivo e visualmente orientato, perfetto per progetti di design.</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-3902 size-full" src="https://www.tredipicche.com/wp-content/uploads/2023/11/10-strumenti-che-ogni-web-designer-dovrebbe-conoscere.png" alt="Un'immagine che raffigura una raccolta di strumenti essenziali per i web designer. L'immagine dovrebbe includere rappresentazioni di software di progettazione, piattaforme di codifica, strumenti di gestione del progetto e fonti di ispirazione creativa. Dovrebbe trasmettere visivamente la diversità e l'importanza di questi strumenti nel processo di web design, mostrando una miscela armoniosa di tecnologia, creatività e organizzazione. Il tema generale dovrebbe essere moderno e professionale, riflettendo la natura dinamica e sfaccettata del web design." width="984" height="500" srcset="https://tredipicche.com/wp-content/uploads/2023/11/10-strumenti-che-ogni-web-designer-dovrebbe-conoscere.png 984w, https://tredipicche.com/wp-content/uploads/2023/11/10-strumenti-che-ogni-web-designer-dovrebbe-conoscere-300x152.png 300w, https://tredipicche.com/wp-content/uploads/2023/11/10-strumenti-che-ogni-web-designer-dovrebbe-conoscere-768x390.png 768w, https://tredipicche.com/wp-content/uploads/2023/11/10-strumenti-che-ogni-web-designer-dovrebbe-conoscere-600x305.png 600w" sizes="auto, (max-width: 984px) 100vw, 984px" /></p>
<h2>Ottimizzazione e Test</h2>
<h3>BrowserStack</h3>
<p>BrowserStack è uno strumento di testing cross-browser che consente di testare siti web su diversi dispositivi e browser, assicurando che il design sia responsivo e funzionale ovunque.</p>
<h3>Google Web Designer</h3>
<p>Google Web Designer è utile per creare contenuti HTML5 interattivi e animazioni. È un ottimo strumento per progetti che richiedono elementi animati o interattivi.</p>
<h2>Ispirazione e Creatività</h2>
<h3>Behance</h3>
<p>Behance è una piattaforma dove i creativi condividono i loro lavori. È un luogo eccellente per trovare ispirazione e tenersi aggiornati sulle ultime tendenze di design.</p>
<h3>Dribbble</h3>
<p>Dribbble è un'altra community per creativi dove i designer possono mostrare i loro lavori e ottenere feedback. È anche un ottimo posto per trovare nuovi clienti e opportunità di lavoro.</p>
<h1 id="Conclusione" class="uabb-toc-text">Conclusione</h1>
<p>Questi 10 strumenti sono essenziali per qualsiasi web designer che voglia rimanere competitivo e efficiente nel settore.</p>
<p>Dalla progettazione e prototipazione alla codifica, dalla gestione delle risorse alla collaborazione, e infine, all'ispirazione e alla creatività, ogni strumento ha un ruolo cruciale nel processo di design.</p>
<p>Mantenersi aggiornati con gli strumenti più recenti e utili è un passo importante per ogni professionista che aspira al successo nel campo del web design.</p>
<blockquote><p>Se questo articolo ti è piaciuto, condivi e commenta!</p></blockquote>
</div>
	</div>
</div>
</div>
</div>
	</div>
		</div>
	</div>
</div>
<div class="fl-row fl-row-full-width fl-row-bg-color fl-node-z71iwy9nx0cs fl-row-default-height fl-row-align-center" data-node="z71iwy9nx0cs">
	<div class="fl-row-content-wrap">
								<div class="fl-row-content fl-row-full-width fl-node-content">
		
<div class="fl-col-group fl-node-im8r7uyl360v fl-col-group-equal-height fl-col-group-align-center" data-node="im8r7uyl360v">
			<div class="fl-col fl-node-zwiegv2fs1qn fl-col-bg-color fl-col-small" data-node="zwiegv2fs1qn">
	<div class="fl-col-content fl-node-content"><div class="fl-module fl-module-rich-text fl-node-owht1vkpu9rd" data-node="owht1vkpu9rd">
	<div class="fl-module-content fl-node-content">
		<div class="fl-rich-text">
	<p>Tre di Picche Community</p>
<h2>Iscriviti ora: Tre di Picche Group</h2>
</div>
	</div>
</div>
<div class="fl-module fl-module-button fl-node-qdk0x4g73c2w" data-node="qdk0x4g73c2w">
	<div class="fl-module-content fl-node-content">
		<div class="fl-button-wrap fl-button-width-auto fl-button-left fl-button-has-icon">
			<a href="https://www.facebook.com/groups/tredipicche"  target="_blank" rel="noopener"   class="fl-button"  rel="noopener" >
					<i class="fl-button-icon fl-button-icon-before ua-icon ua-icon-icon-120-lock-rounded-open" aria-hidden="true"></i>
						<span class="fl-button-text">Chiedi l'accesso al gruppo privato</span>
					</a>
</div>
	</div>
</div>
</div>
</div>
			<div class="fl-col fl-node-5ncway1hgfrz fl-col-bg-color fl-col-small" data-node="5ncway1hgfrz">
	<div class="fl-col-content fl-node-content"><div class="fl-module fl-module-video fl-node-80xwtk6j1mbf" data-node="80xwtk6j1mbf">
	<div class="fl-module-content fl-node-content">
		
<div class="fl-video fl-wp-video">
	<meta itemprop="url" content="https://www.tredipicche.com/wp-content/uploads/2020/02/Group.mp4" /><div style="width: 640px;" class="wp-video"><video class="wp-video-shortcode" id="video-3802-2" width="640" height="360" preload="metadata" controls="controls"><source type="video/mp4" src="https://www.tredipicche.com/wp-content/uploads/2020/02/Group.mp4?_=2" /><source type="video/mp4" src="https://www.tredipicche.com/wp-content/uploads/2020/02/Group.mp4?_=2" /><a href="https://www.tredipicche.com/wp-content/uploads/2020/02/Group.mp4">https://www.tredipicche.com/wp-content/uploads/2020/02/Group.mp4</a></video></div></div>
	</div>
</div>
</div>
</div>
	</div>
		</div>
	</div>
</div>
<div class="fl-row fl-row-fixed-width fl-row-bg-none fl-node-fhzaitcxu20q fl-row-default-height fl-row-align-center" data-node="fhzaitcxu20q">
	<div class="fl-row-content-wrap">
								<div class="fl-row-content fl-row-fixed-width fl-node-content">
		
<div class="fl-col-group fl-node-5a8ad7841c596" data-node="5a8ad7841c596">
			<div class="fl-col fl-node-5a8ad7841c5d1 fl-col-bg-color" data-node="5a8ad7841c5d1">
	<div class="fl-col-content fl-node-content"><div class="fl-module fl-module-rich-text fl-node-5a8ad7841c609" data-node="5a8ad7841c609">
	<div class="fl-module-content fl-node-content">
		<div class="fl-rich-text">
	<h3 style="text-align: center;">I commenti sono l'anima del blog, lascia un segno del tuo passaggio e mi avrai fatto il regalo più grande!</h3>
</div>
	</div>
</div>
</div>
</div>
	</div>
		</div>
	</div>
</div>
<div class="fl-row fl-row-fixed-width fl-row-bg-none fl-node-wny6dmaob32q fl-row-default-height fl-row-align-center" data-node="wny6dmaob32q">
	<div class="fl-row-content-wrap">
								<div class="fl-row-content fl-row-fixed-width fl-node-content">
		
<div class="fl-col-group fl-node-y9z78bfqk5gt" data-node="y9z78bfqk5gt">
			<div class="fl-col fl-node-m6tgzu3ys4fe fl-col-bg-color" data-node="m6tgzu3ys4fe">
	<div class="fl-col-content fl-node-content"><div class="fl-module fl-module-html fl-node-1hzinwb76f92" data-node="1hzinwb76f92">
	<div class="fl-module-content fl-node-content">
		<div class="fl-html">
	<script data-ad-client="ca-pub-8028804612455616" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script></div>
	</div>
</div>
</div>
</div>
	</div>
		</div>
	</div>
</div>
</div><div class="uabb-js-breakpoint" style="display: none;"></div><p>L'articolo <a href="https://tredipicche.com/10-strumenti-che-ogni-web-designer-dovrebbe-conoscere/">10 Strumenti Che Ogni Web Designer Dovrebbe Conoscere</a> proviene da <a href="https://tredipicche.com">Tre di Picche</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://tredipicche.com/10-strumenti-che-ogni-web-designer-dovrebbe-conoscere/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://www.tredipicche.com/wp-content/uploads/2020/02/Group.mp4" length="182064" type="video/mp4" />

			</item>
	</channel>
</rss>
