{"id":23936,"date":"2018-11-10T10:30:13","date_gmt":"2018-11-10T09:30:13","guid":{"rendered":"https:\/\/www.multimediaweb.eu\/web-agency\/spectre-css-framework-css-leggero-e-potente\/"},"modified":"2018-11-10T10:30:15","modified_gmt":"2018-11-10T09:30:15","slug":"spectre-css-framework-css-leggero-e-potente","status":"publish","type":"post","link":"https:\/\/www.multimediaweb.eu\/web-agency\/spectre-css-framework-css-leggero-e-potente\/","title":{"rendered":"Spectre.css: framework CSS sconsiderato e vigoroso"},"content":{"rendered":"


\n<\/p>\n

\n

Spectre.css<\/strong> \u00e8 un framework CSS molti sconsiderato (pesa la minoranza proveniente da 10kb nella resoconto gzippata), aggiornato, responsive e mobile-first cosa permette proveniente da sfruttare le comodit\u00e0 proveniente da CSS3 per mezzo di piglio semplificata per emotivit\u00e0 presentare layout proveniente da ultima razza.<\/p>\n

Fra le comodit\u00e0 proveniente da Spectre.css troviamo un tecnica proveniente da compimento proveniente da layout basato sulla specifica Flexbox<\/strong>, controlli per emotivit\u00e0 la stamperia, per emotivit\u00e0 la stilizzazione e la strutturazione proveniente da fondamenti (in qualit\u00e0 di tabelle, pulsanti, liste, link, fondamenti proveniente da formattazione, etichette e cosi inizio) di sgembo collezioni proveniente da classi, una grandissima linea proveniente da controlli UI avanzati, in qualit\u00e0 di Accordions, Pannelli, Avatars, Tooltips e classi \u201cutilities\u201d per emotivit\u00e0 i compiti sommato disparati. <\/p>\n

Tutti questi fondamenti fanno proveniente da Spectre.css un framework CSS effettivamente assoluto, difficolt\u00e0 allo medesimo et\u00e0 a motivo di sfruttare.<\/p>\n

Per errore Spectre.css esistono cinque modalit\u00e0 differenti: utilizzando l\u2019implementazione prontuario e , l\u2019implementazione inizio CDN (Content Delivery Rete televisiva privata<\/em>) o di sgembo un package . Ad ammaestramento, per emotivit\u00e0 implementare Spectre.css inizio CDN possiamo contenere il consecutivo raccolta di leggi nelle nostre pagine:<\/p>\n

\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/spectre.css\/dist\/spectre.min.css\">\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/spectre.css\/dist\/spectre-exp.min.css\">\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/spectre.css\/dist\/spectre-icons.min.css\">\n<\/code><\/pre>\n
invece per emotivit\u00e0 installarlo collegamento NPM si dovr\u00e0 incedere per mezzo di questo apparenza:<\/p>\n
\nnpm install spectre.css --save\n<\/code><\/pre>\n
Utilizzando il collaudatissimo tecnica proveniente da grill a 12 colonne ed avvalendosi della tecnologia proveniente da Flexbox, assemblare un layout verso Spectre.css assume una formato parente al consecutivo snippet:<\/p>\n
\n<div class=\"container\">\n  <div class=\"columns\">\n    <div class=\"column col-6\">col-6<\/div>\n    <div class=\"column col-3\">col-3<\/div>\n    <div class=\"column col-2\">col-2<\/div>\n    <div class=\"column col-1\">col-1<\/div>\n  <\/div>\n<\/div>\n<\/code><\/pre>\n
se a lei fondamenti div<\/code> verso ambiente \u201ccolumn<\/code>\u201c, discendenti proveniente da un ambiente naturale cestello \u201ccolumns<\/code>\u201c, assumono una capacit\u00e0 relativa alla propria ambiente \u201ccol-*<\/code>\u201d se \u201c*<\/code>\u201d \u00e8 il fascicolo proveniente da segmenti occupati dalla caposaldo. Sopra questo ammaestramento la dianzi caposaldo occupa 6 posti su 12, la seconda 3 posti su 12, la terza 2 posti su 12 e la quarta occupa l\u2019l’ultima ruota del carro sede rimanenza.<\/p>\n
Quasi dato in anticipo, verso Spectre.css possiamo avvalerci proveniente da moltissimi componenti UI, in qualit\u00e0 di ad ammaestramento la paginazione, trepidazione molti intermittente nei blog. Per errore presentare una linea proveniente da pagine navigabili \u00e8 necessario eseguire la ambiente \u201cpagination<\/code>\u201d all\u2019ambiente naturale \u201cul<\/code>\u201d e le classi \u201cpage-item<\/code>\u201d ai sotto-elementi \u201cessi<\/code>\u201c, verso la caso proveniente da sfruttare classi aggiuntive in qualit\u00e0 di \u201cdisabled<\/code>\u201d ed \u201cactive<\/code>\u201c:<\/p>\n
\n<ul class=\"pagination\">\n  <essi class=\"page-item disabled\">\n    <a href=\"#\" tabindex=\"-1\">Previous<\/a>\n  <\/essi>\n  <essi class=\"page-item active\">\n    <a href=\"#\">1<\/a>\n  <\/essi>\n  <essi class=\"page-item\">\n    <a href=\"#\">2<\/a>\n  <\/essi>\n  <essi class=\"page-item\">\n    <a href=\"#\">3<\/a>\n  <\/essi>\n  <essi class=\"page-item\">\n    <span>...<\/span>\n  <\/essi>\n  <essi class=\"page-item\">\n    <a href=\"#\">12<\/a>\n  <\/essi>\n  <essi class=\"page-item\">\n    <a href=\"#\">Next<\/a>\n  <\/essi>\n<\/ul>\n<\/code><\/pre>\n
La documentazione ufficiale<\/a> del framework \u00e8 molti dettagliata e permette proveniente da sfruttare Spectre.css per mezzo di pochissimi minuti.<\/p>\n
Percorso Spectre.css<\/a><\/p>\n
\n
\n
Nel caso che vuoi aggiornamenti su Spectre.css: framework CSS sconsiderato e vigoroso<\/i> inserisci la tua e-mail nel box  al piano inferiore:<\/p>\n<\/p><\/div>\n
<\/p>\n<\/div><\/div>\n

\n
Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Spectre.css \u00e8 un framework CSS molti sconsiderato (pesa la minoranza proveniente da 10kb nella resoconto gzippata), aggiornato, responsive e mobile-first cosa permette proveniente da sfruttare le comodit\u00e0 proveniente da CSS3 per mezzo di piglio semplificata per emotivit\u00e0 presentare layout proveniente da ultima razza. Fra le comodit\u00e0 proveniente da Spectre.css troviamo un tecnica proveniente da compimento…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_s2mail":""},"categories":[37],"tags":[],"acf":[],"yoast_head":"\nSpectre.css: framework CSS sconsiderato e vigoroso - Web Agency Italia Web Designer realizzazione siti web Italy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.multimediaweb.eu\/web-agency\/spectre-css-framework-css-leggero-e-potente\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Spectre.css: framework CSS sconsiderato e vigoroso - Web Agency Italia Web Designer realizzazione siti web Italy\" \/>\n<meta property=\"og:description\" content=\"Spectre.css \u00e8 un framework CSS molti sconsiderato (pesa la minoranza proveniente da 10kb nella resoconto gzippata), aggiornato, responsive e mobile-first cosa permette proveniente da sfruttare le comodit\u00e0 proveniente da CSS3 per mezzo di piglio semplificata per emotivit\u00e0 presentare layout proveniente da ultima razza. Fra le comodit\u00e0 proveniente da Spectre.css troviamo un tecnica proveniente da compimento...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.multimediaweb.eu\/web-agency\/spectre-css-framework-css-leggero-e-potente\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Agency Italia Web Designer realizzazione siti web Italy\" \/>\n<meta property=\"article:published_time\" content=\"2018-11-10T09:30:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-11-10T09:30:15+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/spectre-css-framework-css-leggero-e-potente\/\",\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/spectre-css-framework-css-leggero-e-potente\/\",\"name\":\"Spectre.css: framework CSS sconsiderato e vigoroso - Web Agency Italia Web Designer realizzazione siti web Italy\",\"isPartOf\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#website\"},\"datePublished\":\"2018-11-10T09:30:13+00:00\",\"dateModified\":\"2018-11-10T09:30:15+00:00\",\"author\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/spectre-css-framework-css-leggero-e-potente\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.multimediaweb.eu\/web-agency\/spectre-css-framework-css-leggero-e-potente\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/spectre-css-framework-css-leggero-e-potente\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.multimediaweb.eu\/web-agency\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Spectre.css: framework CSS sconsiderato e vigoroso\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#website\",\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/\",\"name\":\"Web Agency Italia Web Designer realizzazione siti web Italy\",\"description\":\"Web design creazione siti web Italia\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.multimediaweb.eu\/web-agency\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Spectre.css: framework CSS sconsiderato e vigoroso - Web Agency Italia Web Designer realizzazione siti web Italy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.multimediaweb.eu\/web-agency\/spectre-css-framework-css-leggero-e-potente\/","og_locale":"it_IT","og_type":"article","og_title":"Spectre.css: framework CSS sconsiderato e vigoroso - Web Agency Italia Web Designer realizzazione siti web Italy","og_description":"Spectre.css \u00e8 un framework CSS molti sconsiderato (pesa la minoranza proveniente da 10kb nella resoconto gzippata), aggiornato, responsive e mobile-first cosa permette proveniente da sfruttare le comodit\u00e0 proveniente da CSS3 per mezzo di piglio semplificata per emotivit\u00e0 presentare layout proveniente da ultima razza. Fra le comodit\u00e0 proveniente da Spectre.css troviamo un tecnica proveniente da compimento...","og_url":"https:\/\/www.multimediaweb.eu\/web-agency\/spectre-css-framework-css-leggero-e-potente\/","og_site_name":"Web Agency Italia Web Designer realizzazione siti web Italy","article_published_time":"2018-11-10T09:30:13+00:00","article_modified_time":"2018-11-10T09:30:15+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"admin","Tempo di lettura stimato":"3 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/spectre-css-framework-css-leggero-e-potente\/","url":"https:\/\/www.multimediaweb.eu\/web-agency\/spectre-css-framework-css-leggero-e-potente\/","name":"Spectre.css: framework CSS sconsiderato e vigoroso - Web Agency Italia Web Designer realizzazione siti web Italy","isPartOf":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#website"},"datePublished":"2018-11-10T09:30:13+00:00","dateModified":"2018-11-10T09:30:15+00:00","author":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42"},"breadcrumb":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/spectre-css-framework-css-leggero-e-potente\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.multimediaweb.eu\/web-agency\/spectre-css-framework-css-leggero-e-potente\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/spectre-css-framework-css-leggero-e-potente\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.multimediaweb.eu\/web-agency\/"},{"@type":"ListItem","position":2,"name":"Spectre.css: framework CSS sconsiderato e vigoroso"}]},{"@type":"WebSite","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#website","url":"https:\/\/www.multimediaweb.eu\/web-agency\/","name":"Web Agency Italia Web Designer realizzazione siti web Italy","description":"Web design creazione siti web Italia","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.multimediaweb.eu\/web-agency\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42","name":"admin","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.multimediaweb.eu\/web-agency\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/23936"}],"collection":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/comments?post=23936"}],"version-history":[{"count":1,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/23936\/revisions"}],"predecessor-version":[{"id":23937,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/23936\/revisions\/23937"}],"wp:attachment":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/media?parent=23936"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/categories?post=23936"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/tags?post=23936"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}