{"id":24830,"date":"2020-05-04T13:43:40","date_gmt":"2020-05-04T11:43:40","guid":{"rendered":"https:\/\/www.multimediaweb.eu\/web-agency\/98-css-libreria-css-per-tornare-a-windows-98\/"},"modified":"2020-05-04T13:43:43","modified_gmt":"2020-05-04T11:43:43","slug":"98-css-libreria-css-per-tornare-a-windows-98","status":"publish","type":"post","link":"https:\/\/www.multimediaweb.eu\/web-agency\/98-css-libreria-css-per-tornare-a-windows-98\/","title":{"rendered":"98.css, biblioteca CSS come riapparire a Windows 98"},"content":{"rendered":"


\n<\/p>\n

\n

Windows 98<\/strong> \u00e8 categoria unico dei primi sistemi operativi desktop nato da largo divulgazione. E bench\u00e9 la sua grafica possa oggigiorno parere all’esterno durante numerosi contesti, c\u2019\u00e8 un notevole moltitudine nato da appassionati nato da retrocomputing<\/strong> cosa da quello \u00e8 tuttora affascinato.<\/p>\n

N\u00e9 \u00e8 un ipotesi, poi, se possibile sviluppatore Jordan Scales ha definito nato da procreare un\u2019intera biblioteca CSS<\/a> destinata con precisione a questo: tradurre le pagine web moderne simili a Windows 98<\/strong>. E molto ci\u00f2 durante sistema leale.<\/p>\n

Cos\u2019\u00e8 98.css<\/h2>\n

98.css<\/strong> \u00e8 una biblioteca gratuita e in autonomia scaricabile a questo link<\/a>, cosa sfrutta al la parte migliore i tag semantici nato da HTML5<\/a>, associando ad nato da unico tocco personalizzato. Ci\u00f2 significa cosa, come procreare un bottone per mezzo di l\u2019lato nato da Windows 98, sar\u00e0 necessario fare uso il tag <button><\/code>, spoglio di dover integrare nessuna genere aggiuntiva (alla maniera di capita durante casi per mezzo di altri framework CSS alla maniera di Bootstrap<\/a> w3.css<\/a>).<\/p>\n

Per errore utilizzarla, \u00e8 necessario includerla durante una web, quand’anche sfruttando il CDN unpkg, alla maniera di segue:<\/p>\n

\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/98.css\">\n<\/code><\/pre>\n
Esempi d\u2019esercizio<\/h2>\n
Unito degli obiettivi principali nato da 98.css \u00e8 l\u2019accessibilit\u00e0<\/strong> delle sue , e poi la semplicit\u00e0 d\u2019esercizio<\/strong>. Quanto a oggetti, molte delle  nato da 98.css possono aver luogo fare uso a motivo di improvvisamente, spoglio di dover conoscere  (all\u2019infuori delle amicizie impalcatura del CSS). Per errore effettuare pulsanti, checkbox ora radio button (regolare come nominare qualche modello nato da controlli HTML<\/a> regolare), n\u00e9 dovremo far nuovo cosa registrare il consueto  cosa da quello permette l\u2019 nella .  tocco cosa trasforma tali controlli durante  degni del desktop nato da Windows 98 \u00e8 appunto concluso nel  della biblioteca:<\/p>\n
\n<section>\n    <div>\n        <button>Click me<\/button>\n    <\/div>\n<\/section>\n<section>\n    <div>\n        <inizio checked type=\"checkbox\" id=\"checkbox1\">\n        <label for=\"checkbox1\">I am checked<\/label>\n    <\/div>\n    <div>\n        <inizio disabled type=\"checkbox\" id=\"checkbox2\">\n        <label for=\"checkbox2\">I am inactive<\/label>\n    <\/div>\n    <div>\n        <inizio checked disabled type=\"checkbox\" id=\"checkbox3\">\n        <label for=\"checkbox3\">I am inactive but still checked<\/label>\n    <\/div>\n<\/section>\n<section>\n    <div>\n        <inizio id=\"radio1\" type=\"radio\" name=\"esame\">\n        <label for=\"radio1\">Yes<\/label>\n    <\/div>\n    <div>\n        <inizio id=\"radio2\" type=\"radio\" name=\"esame\">\n        <label for=\"radio2\">Anzi che no<\/label>\n    <\/div>\n<\/section>\n<\/code><\/pre>\n
\nFisico 1. Foggia dei principali controlli HTML per mezzo di 98.css (click come esagerare)<\/span>\"Aspetto<\/a>\n<\/div>\n
\u00c8 fino effettuabile fare uso alcune classi CSS \u201cpreconfezionate\u201d<\/strong> come effettuare ulteriori controlli, quali barre  finestre modali.  un successivo modello:<\/p>\n
\n<div class=\"window\" style=\"width: 300px\">\n  <div class=\"title-bar\">\n    <div class=\"title-bar-text\">A Window With Stuff Quanto a It<\/div>\n    <div class=\"title-bar-controls\">\n      <button aria-label=\"Minimize\"><\/button>\n      <button aria-label=\"Maximize\"><\/button>\n      <button aria-label=\"Close\"><\/button>\n    <\/div>\n  <\/div>\n  <div class=\"window-body\">\n    <p>There's so much room for activities!<\/p>\n  <\/div>\n<\/div>\n<\/code><\/pre>\n
\nFisico 2. Campione nato da apertura modale realizzata per mezzo di 98.css (click come esagerare)<\/span>\"Esempio<\/a>\n<\/div>\n
Personalizzazione<\/h2>\n
In barba a l\u2019esercizio nato da 98.css, durante qualche sistema, \u201ccostringa\u201d  sviluppatore ad fare uso un ansia basato su Windows 98, questa biblioteca rimane bene personalizzabile. Se dio vuole vogliamo cosa un bottone abbia un guadagno discrepante a motivo di colui nato da default, \u00e8 necessario rimpiazzarlo. Se dio vuole vogliamo pitturare il originale viceversa, possiamo farlo. E spoglio di cosa ci\u00f2 influisca in modo sfavorevole sull\u2019lato.<\/p>\n
\u00c8 opera meritoria, , specificare cosa questa biblioteca n\u00e9 contiene JavaScript<\/a>, e gi\u00e0 come questo \u00e8 bene compatibile per mezzo di purchessia framework per lo sviluppo di frontend<\/a>, a motivo di React<\/a> a Vue.js<\/a>, passando come Angular<\/a> e  il in misura maggiore \u201csolito\u201d jQuery<\/a>.<\/p>\n
Per errore ulteriori informazioni, rimandiamo al sito del progetto<\/a>, cosa include fino una discreta documentazione come esempi.<\/p>\n<\/div>\n

\n
Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Windows 98 \u00e8 categoria unico dei primi sistemi operativi desktop nato da largo divulgazione. E bench\u00e9 la sua grafica possa oggigiorno parere all’esterno durante numerosi contesti, c\u2019\u00e8 un notevole moltitudine nato da appassionati nato da retrocomputing cosa da quello \u00e8 tuttora affascinato. N\u00e9 \u00e8 un ipotesi, poi, se possibile sviluppatore Jordan Scales ha definito nato…<\/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":"\n98.css, biblioteca CSS come riapparire a Windows 98 - 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\/98-css-libreria-css-per-tornare-a-windows-98\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"98.css, biblioteca CSS come riapparire a Windows 98 - Web Agency Italia Web Designer realizzazione siti web Italy\" \/>\n<meta property=\"og:description\" content=\"Windows 98 \u00e8 categoria unico dei primi sistemi operativi desktop nato da largo divulgazione. E bench\u00e9 la sua grafica possa oggigiorno parere all’esterno durante numerosi contesti, c\u2019\u00e8 un notevole moltitudine nato da appassionati nato da retrocomputing cosa da quello \u00e8 tuttora affascinato. N\u00e9 \u00e8 un ipotesi, poi, se possibile sviluppatore Jordan Scales ha definito nato...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.multimediaweb.eu\/web-agency\/98-css-libreria-css-per-tornare-a-windows-98\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Agency Italia Web Designer realizzazione siti web Italy\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-04T11:43:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-04T11:43:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/tbm-html.s3.amazonaws.com\/app\/uploads\/2020\/05\/cattura.png\" \/>\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=\"4 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\/98-css-libreria-css-per-tornare-a-windows-98\/\",\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/98-css-libreria-css-per-tornare-a-windows-98\/\",\"name\":\"98.css, biblioteca CSS come riapparire a Windows 98 - Web Agency Italia Web Designer realizzazione siti web Italy\",\"isPartOf\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#website\"},\"datePublished\":\"2020-05-04T11:43:40+00:00\",\"dateModified\":\"2020-05-04T11:43:43+00:00\",\"author\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/98-css-libreria-css-per-tornare-a-windows-98\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.multimediaweb.eu\/web-agency\/98-css-libreria-css-per-tornare-a-windows-98\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/98-css-libreria-css-per-tornare-a-windows-98\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.multimediaweb.eu\/web-agency\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"98.css, biblioteca CSS come riapparire a Windows 98\"}]},{\"@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":"98.css, biblioteca CSS come riapparire a Windows 98 - 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\/98-css-libreria-css-per-tornare-a-windows-98\/","og_locale":"it_IT","og_type":"article","og_title":"98.css, biblioteca CSS come riapparire a Windows 98 - Web Agency Italia Web Designer realizzazione siti web Italy","og_description":"Windows 98 \u00e8 categoria unico dei primi sistemi operativi desktop nato da largo divulgazione. E bench\u00e9 la sua grafica possa oggigiorno parere all’esterno durante numerosi contesti, c\u2019\u00e8 un notevole moltitudine nato da appassionati nato da retrocomputing cosa da quello \u00e8 tuttora affascinato. N\u00e9 \u00e8 un ipotesi, poi, se possibile sviluppatore Jordan Scales ha definito nato...","og_url":"https:\/\/www.multimediaweb.eu\/web-agency\/98-css-libreria-css-per-tornare-a-windows-98\/","og_site_name":"Web Agency Italia Web Designer realizzazione siti web Italy","article_published_time":"2020-05-04T11:43:40+00:00","article_modified_time":"2020-05-04T11:43:43+00:00","og_image":[{"url":"https:\/\/tbm-html.s3.amazonaws.com\/app\/uploads\/2020\/05\/cattura.png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"admin","Tempo di lettura stimato":"4 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/98-css-libreria-css-per-tornare-a-windows-98\/","url":"https:\/\/www.multimediaweb.eu\/web-agency\/98-css-libreria-css-per-tornare-a-windows-98\/","name":"98.css, biblioteca CSS come riapparire a Windows 98 - Web Agency Italia Web Designer realizzazione siti web Italy","isPartOf":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#website"},"datePublished":"2020-05-04T11:43:40+00:00","dateModified":"2020-05-04T11:43:43+00:00","author":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42"},"breadcrumb":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/98-css-libreria-css-per-tornare-a-windows-98\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.multimediaweb.eu\/web-agency\/98-css-libreria-css-per-tornare-a-windows-98\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/98-css-libreria-css-per-tornare-a-windows-98\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.multimediaweb.eu\/web-agency\/"},{"@type":"ListItem","position":2,"name":"98.css, biblioteca CSS come riapparire a Windows 98"}]},{"@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\/24830"}],"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=24830"}],"version-history":[{"count":1,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/24830\/revisions"}],"predecessor-version":[{"id":24831,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/24830\/revisions\/24831"}],"wp:attachment":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/media?parent=24830"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/categories?post=24830"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/tags?post=24830"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}