Home
Softono
i

italia

Professional software vendor delivering innovative solutions on the Softono platform. Specialized in both open-source and proprietary software development.

Visit Website
Total Products
3

Software by italia

bootstrap-italia
Open Source

bootstrap-italia

# Bootstrap Italia [![Versione](https://img.shields.io/npm/v/bootstrap-italia.svg?logo=npm)](https://www.npmjs.com/package/bootstrap-italia) [![Build](https://github.com/italia/bootstrap-italia/actions/workflows/build.yml/badge.svg)](https://github.com/italia/bootstrap-italia/actions) [![GitHub issues](https://img.shields.io/github/issues/italia/bootstrap-italia.svg)](https://github.com/italia/bootstrap-italia/issues) [![License](https://img.shields.io/github/license/italia/bootstrap-italia.svg)](https://github.com/italia/bootstrap-italia/blob/main/LICENSE) [![Join the #design channel](https://img.shields.io/badge/Slack%20channel-%23design-blue.svg)](https://developersitalia.slack.com/messages/C7VPAUVB3/) [![Get invited](https://slack.developers.italia.it/badge.svg)](https://slack.developers.italia.it/) _🇬🇧 [English version](README.EN.md)_ _⚠️ [La versione 1.x di Bootstrap Italia (basata su Bootstrap 4) è deprecata](https://github.com/italia/bootstrap-italia/tree/1.x)_ Bootstrap Italia è un framework basato su [Bootstrap 5](https://getbootstrap.com/docs/5.2/getting-started/introduction/). Bootstrap Italia eredita tutte le funzionalità, componenti, mixins, grid system, e altro già presenti in Bootstrap 5, personalizzandole per implementare soluzioni secondo le [Linee guida di design per i siti internet e i servizi digitali delle Pubbliche Amministrazioni](https://designers.italia.it/norme-e-riferimenti/). Bootstrap Italia è la risorsa di sviluppo dell'ecosistema [design system del Paese](https://designers.italia.it/design-system/come-iniziare/) e implementa pattern e componenti di [UI Kit Italia](https://github.com/italia/design-ui-kit/) in codice pronto all'uso! La roadmap del progetto è consultabile nel [piano attività di Designers Italia](https://designers.italia.it/piano-attivita/). **[Esplora la documentazione di sviluppo »](https://italia.github.io/bootstrap-italia/)** **[Esplora la documentazione del design system del Paese »](https://designers.italia.it/design-system/come-iniziare/)** oppure **[Scarica l'ultima versione del framework »](https://github.com/italia/bootstrap-italia/releases)** ## Indice - [Segnalazione bug e richieste](#segnalazione-bug-e-richieste-di-aiuto) - [Come contribuire](#come-contribuire) - [Licenze software dei componenti di terze parti](#licenze-software-dei-componenti-di-terze-parti) ## Segnalazioni e richieste di aiuto Vuoi fare una segnalazione o una richiesta? Prima di tutto assicurati che sia un team relativo a Bootstrap Italia e non alla libreria Bootstrap da cui deriva (in tal caso puoi fare riferimento al [repository di Bootstrap](https://github.com/twbs/bootstrap)), scopri il [modello di contribuzione del design system del Paese](https://designers.italia.it/design-system/come-contribuire/), e poi dai un'occhiata alle indicazioni di dettaglio su [come creare una issue a Bootstrap italia](https://github.com/italia/bootstrap-italia/blob/main/CONTRIBUTING.md#creare-una-issue). ## Come contribuire Vorresti dare una mano su Bootstrap Italia? **Sei nel posto giusto!** Se non l'hai già fatto, inizia spendendo qualche minuto per approfondire la tua conoscenza sulle "Linee guida di design per i siti internet e i servizi digitali della PA" e del manuale operativo di design a supporto partendo dalla [pagina dedicata di Designers Italia](https://designers.italia.it/norme-e-riferimenti), scopri il [modello di contribuzione del design system del Paese](https://designers.italia.it/design-system/come-contribuire/), e fai riferimento alle [indicazioni di dettaglio su come contribuire a Bootstrap Italia](https://github.com/italia/bootstrap-italia/blob/main/CONTRIBUTING.md). A questo punto, è necessario impostare il tuo ambiente locale per la compilazione dei file sorgente e la generazione della documentazione. Puoi usare [Docker](https://docs.docker.com/get-started/) per far partire l'ambiente di sviluppo. ```sh docker-compose up ``` ## Licenze software dei componenti di terze parti ### Componenti distribuiti con Bootstrap Italia Vengono di seguito elencati i componenti distribuiti con Bootstrap Italia che hanno una propria licenza diversa da CC0. - [Bootstrap 5](https://getbootstrap.com) © The Bootstrap Authors, licenza MIT - [Popper.js](https://popper.js.org) © Floating UI contributors, licenza MIT - [SplideJS](https://splidejs.com) © Naotoshi Fujita, licenza MIT - [Accessible Autocomplete](https://alphagov.github.io/accessible-autocomplete) © Crown Copyright (Government Digital Service), licenza MIT - [AnimeJS](https://animejs.com) © Julian Garnier, licenza MIT - [Just Validate](https://just-validate.dev) © Horprogs, licenza MIT - [Mini Masonry](https://github.com/Spope/MiniMasonry.js) © Spope, licenza MIT - [Progressbar.js](https://kimmobrunfeldt.github.io/progressbar.js) © Kimmo Brunfeldt, licenza MIT ### Principali dipendenze per la fase di compilazione e sviluppo - Generatore di siti statici per ruby [Jekyll](https://jekyllrb.com), © Tom Preston-Werner and Jekyll contributors, licenza MIT - Tool per il testing della correttezza formale dell'HTML [html-proofer](https://github.com/gjtorikian/html-proofer), © Garen Torikian, licenza MIT - Tool per il reload automatico del browser [Browser Sync](https://www.browsersync.io/) Apache License Version 2.0 - Gestione del versionamento [conventional-changelog](https://github.com/conventional-changelog/conventional-changelog/) © conventional-changelog team, ISC License - Build system per le librerie Javascript e CSS [Rollup.js](https://rollupjs.org/), © [questi contributori](https://github.com/rollup/rollup/graphs/contributors), licenza MIT - Code formatter per Javascript [Prettier](https://prettier.io/), © James Long and contributors, licenza MIT - Compilazione SASS [sass](https://github.com/sass/dart-sass), © Google Inc., licenza MIT - GitHub REST API client per JavaScript [Octokit rest.js](https://octokit.github.io/rest.js/) © Cloud9 IDE, Inc. (Mike de Boer), 2017-2018 Octokit contributors, licenza MIT ### Componenti utilizzati per la documentazione Di seguito sono elencati invece i componenti utilizzati per il sito della documentazione ma non ridistribuiti nella libreria Bootstrap Italia - [tsParticles](https://particles.js.org/) © Matteo Bruni, licenza MIT - [clipboard.js](https://clipboardjs.com/) © Zeno Rocha, licenza MIT - [AnchorJS](https://www.bryanbraun.com/anchorjs/) © Bryan Braun, licenza MIT - [Algolia DocSearch](https://docsearch.algolia.com/) © Algolia, licenza MIT ## Licenza La licenza di Bootstrap Italia è **BSD 3-Clause** ed è visibile nel file [LICENSE](https://github.com/italia/bootstrap-italia/blob/main/LICENSE). <a href="https://www.browserstack.com/" target="_blank"><img src="docs/assets/img/browserstack-logo.png" alt="BrowserStack logo" width="270" height="79" /></a> We are using BrowserStack for interactive cross browser testing. They are sponsoring our open source project!

Frontend Templates CSS Frameworks & UI Kits
352 Github Stars
design-ui-kit
Open Source

design-ui-kit

# UI Kit Italia [![License](https://img.shields.io/github/license/italia/design-ui-kit.svg)](https://github.com/italia/design-ui-kit/blob/main/LICENSE) [![Join the #design channel](https://img.shields.io/badge/Slack%20channel-%23design-blue.svg)](https://developersitalia.slack.com/messages/C7VPAUVB3/) [![Get invited](https://slack.developers.italia.it/badge.svg)](https://slack.developers.italia.it/) _🇬🇧 [English version](README.EN.md)_ La risorsa del **design system .italia** per costruire e prototipare siti internet e servizi digitali della Pubblica Amministrazione ![UI Kit preview](https://designers.italia.it/static/c454a0c74d8e70f0349e9ac1df1ec35f/e8469/uikit.avif) ## Ciao! **Questa è la versione 3 di UI Kit Italia, risorsa ufficiale del design system .italia. L’insieme di fondamenti e componenti utili ai designer per progettare e prototipare siti internet e servizi digitali della Pubblica Amministrazione che rispettano le norme e semplificano la vita dei cittadini.** Scopri **[come iniziare](https://designers.italia.it/design-system/come-iniziare/per-designer)** a utilizzare il kit, approfondisci le risorse di sviluppo coerenti e la documentazione ufficiale del [design system .italia](https://designers.italia.it/design-system/) nel nuovo sito Designers Italia. UI Kit Italia è disponibile dalla community [figma.com/@designersitalia](https://figma.com/@designersitalia) e scaricabile in locale (anche in formato Sketch) dal presente repository [italia/design-ui-kit](https://github.com/italia/design-ui-kit). I [design tokens](https://designers.italia.it/design-system/fondamenti/design-tokens/) di UI Kit Italia sono disponibili per lo sviluppo, nei formati CSS e SCSS, dal repository [italia/design-tokens-italia](https://github.com/italia/design-tokens-italia). Scopri [come contribuire](https://designers.italia.it/design-system/come-contribuire/per-il-design/): per partecipare con segnalazioni o contributi puoi [aprire una segnalazione](https://github.com/italia/design-ui-kit/issues/new), o esplorare le attività e segnalazioni [in corso](https://github.com/italia/design-ui-kit/issues). ## Questo repository ospita: - il salvataggio di UI Kit Italia v3+ nel suo formato nativo Figma (.fig), disponibile per visualizzazione, copia per l'uso e remix anche attraverso la [pagina della community Figma del progetto Designers Italia](https://figma.com/@designersitalia/); - la conversione nel [formato open Sketch](https://github.com/sketch-hq/sketch-document) (.sketch), realizzata in automatico per ogni release utilizzando la versione corrente (@latest) del convertitore [fig2sketch](https://github.com/sketch-hq/fig2sketch). Questa conversione è da considerare in stato di _testing_, alcune funzionalità nel file .sketch potrebbero non essere presenti e/o non corrette; - è presente la memoria storica della precedente versione v2 (nativa Sketch, deprecata) dello UI Kit, insieme con altri materiali d'archivio come lo studio per l'evoluzione dell'esperienza utente di SPID, nel [ramo 2.x](https://github.com/italia/design-ui-kit/tree/2.x). ## Come iniziare Puoi trovare i file Figma e i file Sketch derivati nell'ultima release del progetto qui su GitHub.

CSS Frameworks & UI Kits UI Design & Prototyping
191 Github Stars
designers.italia.it
Open Source

designers.italia.it

# 🖖 Sorgente del sito Designers Italia *[English version / Versione inglese](README-EN.md)* Questo repository contiene il codice sorgente del sito **[Designers Italia](https://designers.italia.it)**, il progetto che mette a disposizione conoscenza e strumenti per creare i servizi digitali della Pubblica Amministrazione. Il sito ospita la documentazione del design system del Paese nella sezione [/design-system/come-iniziare/](https://designers.italia.it/design-system/come-iniziare/). Il sito utilizza l'ultima versione di [Bootstrap Italia](https://italia.github.io/bootstrap-italia/), [Gatsby](https://www.gatsbyjs.com) e l'ecosistema [Node.js](https://nodejs.org/it/). ## 💙 Come contribuire È possibile seguire e contribuire alle lavorazioni in corso nella [board di progetto](https://github.com/orgs/italia/projects/15). Commenti e proposte relative all'evoluzione del sito e delle risorse possono essere fatti aprendo una [nuova issue](https://github.com/italia/designers.italia.it/issues/new), o esplorando le [issue](https://github.com/italia/designers.italia.it/issues) esistenti. Se vuoi contribuire e proporre una modifica, è sufficiente aprire una [pull request](https://github.com/italia/designers.italia.it/pulls). ### 📖 Guide per i collaboratori Per i collaboratori del progetto sono disponibili guide dettagliate: - **[HOW-TO-MANAGE-EDITORIAL-CONTENT.md](https://github.com/italia/designers.italia.it/blob/main/HOW-TO-MANAGE-EDITORIAL-CONTENT.md)** - Guida per la creazione e gestione dei contenuti editoriali (notizie, eventi, media) e del controllo delle card in evidenza nelle diverse sezioni del sito. - **[HOW-TO-DESIGN-SYSTEM-RELEASE.md](https://github.com/italia/designers.italia.it/blob/main/HOW-TO-RELEASE-DESIGN-SYSTEM.md)** - Procedura per i rilasci del Design system del Paese. ### ✏️ Contenuti Il contenuto del sito si trova in [src/data/content/](src/data/content/), e ogni volta che un file viene aggiornato, l'ora dell'ultima modifica viene generata automaticamente. Se vuoi aggiornare uno di questi file senza alterare l'orario dell'ultima modifica visualizzato, includi `(last-update-skip)` nel messaggio del commit. ## 🚀 Avvio rapido 1. **Installa le dipendenze** ```shell npm i ``` 2. **Inizia lo sviluppo** Per avviare il progetto esegui: ```shell npm run dev ``` Il sito ora è disponibile su [http://localhost:8000](http://localhost:8000)! 3. **Prepara le anteprime del design system** Scarica e genera gli esempi tramite l'API di [Bootstrap Italia](https://italia.github.io/bootstrap-italia/). ```shell npm run prepare-content ``` 4. **Costruisci il sito statico (produzione)** Per costruire una versione statica del sito, avvia il processo di build. ```shell npm run build ``` Il sito generato staticamente viene posizionato nella directory `public`. 5. **Valida il tuo lavoro** Per il linting e "prettify" del codice: ```shell npm run lint:fix ``` ```shell npm run prettier:fix ``` 6. **Deployment e processi automatici (solo maintainer)** - **Aggiornamento Bootstrap Italia**: L'azione `bsi-update` aggiorna automaticamente Bootstrap Italia e rigenera le anteprime dei componenti nelle schede del Design system (giornaliera o manuale). - **Deploy produzione**: lanciare in sequenza (a) `prepare-deploy` (se ci sono nuove immagini, meno di 5 min, per generatore card SEO) e (b) `deploy` (5-30min, usa cache Gatsby, sito su https://designers.italia.it). 7. **Ulteriori informazioni su Gatsby (in Inglese)** - [Documentazione](https://www.gatsbyjs.com/docs/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter) - [Tutorial](https://www.gatsbyjs.com/tutorial/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter) - [Guide](https://www.gatsbyjs.com/tutorial/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter) - [Riferimenti API](https://www.gatsbyjs.com/docs/api-reference/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter) - [Libreria Plugin](https://www.gatsbyjs.com/plugins?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter) - [Cheat Sheet](https://www.gatsbyjs.com/docs/cheat-sheet/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter)

Design Systems & Tokens
59 Github Stars