{"id":7856,"date":"2016-11-11T14:22:05","date_gmt":"2016-11-11T13:22:05","guid":{"rendered":"http:\/\/www.surfplaza.be\/magazine\/?p=7856"},"modified":"2020-01-11T19:10:37","modified_gmt":"2020-01-11T18:10:37","slug":"type-nugget-css-editor-typografie","status":"publish","type":"post","link":"https:\/\/www.surfplaza.be\/magazine\/type-nugget-css-editor-typografie\/","title":{"rendered":"Type Nugget: CSS-stylesheets maken met live preview"},"content":{"rendered":"<p><em><strong>Update 10-1-2020:<\/strong> deze dienst is niet meer beschikbaar.<\/em><\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" class=\"ill2\" src=\"https:\/\/www.surfplaza.be\/magazine\/wp-content\/uploads\/2016\/11\/typenugget.png\" alt=\"typenugget\" \/> Als je een <a href=\"https:\/\/www.surfplaza.be\/magazine\/je-eigen-website-in-enkele-minuten\/\">eigen website<\/a> wilt, dan bestaan er tegenwoordig diverse knappe tools waarmee je die zonder enige technische kennis bij elkaar kan klikken. En nog mobielvriendelijk ook. Daarbij moet je dan wel gebruikmaken van bestaande sjablonen. Wil je een echt unieke site maken, dan zul je toch wel enige kennis van HTML en CSS moeten hebben. Maar ook dan zijn er handige hulpjes die je veel werk uit handen nemen. Neem nu <a href=\"http:\/\/beta.typenugget.com\" target=\"_blank\">Type Nugget<\/a>, een gratis webapplicatie waarmee je heel gemakkelijk een CSS-stylesheet kan aanmaken. De stylesheet is het bestand dat de lay-out van je site bepaalt (de indeling, typografie, kleuren enzovoort).<\/p>\n<p>&nbsp;<\/p>\n<p><span class=\"fat\">What You See Is What You Get<\/span><\/p>\n<p>&nbsp;<\/p>\n<p>Type Nugget is in feite een WYSIWYG (What You See Is What You Get)-editor voor CSS, maar dan wel enkel toegespitst op de typografie. Je kan er zaken als <em>bodytext<\/em>, koppen, alinea&#8217;s, links en opsommingslijsten mee bepalen. Aan de rechterzijde van het scherm geef je de variabelen in (lettertype, lettergrootte, letter- en regelafstanden, kleuren enzovoort) en op het linker gedeelte zie je in realtime welke impact jouw instellingen en wijzigingen hebben.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/beta.typenugget.com\" target=\"_blank\"><img decoding=\"async\" class=\"ill3\" src=\"https:\/\/www.surfplaza.be\/magazine\/wp-content\/uploads\/2016\/11\/typenugget2.png\" alt=\"typenugget\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Ben je tevreden, klik dan op Generate Code! en de site levert je een kant-en-klare stylesheet af voor de door jou gewenste typografie van je schrijfsels. Ok\u00e9, je moet je wel nog even registreren of inloggen met je Facebook- of Google Plus-account.<\/p>\n<p>&nbsp;<\/p>\n<p><em><a href=\"http:\/\/beta.typenugget.com\" target=\"_blank\">beta.typenugget.com<\/a><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p><strong>Update 10-1-2020:<\/strong> deze dienst is niet meer beschikbaar. Als je een eigen website wilt, dan bestaan er tegenwoordig diverse knappe tools waarmee je die zonder enige technische kennis bij elkaar kan klikken. En nog mobielvriendelijk ook. Daarbij moet je dan wel gebruikmaken van bestaande sjablonen. Wil je een echt unieke site maken, dan zul je toch wel enige kennis van HTML en CSS moeten hebben. Maar ook dan zijn er handige hulpjes die je veel werk uit handen nemen. Neem nu Type Nugget, een gratis webapplicatie waarmee je heel gemakkelijk een CSS-stylesheet kan aanmaken. De stylesheet is het bestand dat de lay-out van je site bepaalt (de indeling, typografie, kleuren enzovoort). What You See Is What You Get Type Nugget is in feite een WYSIWYG (What You See Is What You Get)-editor voor CSS, maar dan wel enkel toegespitst op de typografie. Je kan er zaken als bodytext, koppen, alinea&#8217;s, links en opsommingslijsten mee bepalen. Aan de rechterzijde van het scherm geef je de variabelen in (lettertype, lettergrootte, letter- en regelafstanden, kleuren enzovoort) en op het linker gedeelte zie je in realtime welke impact jouw instellingen en wijzigingen hebben. Ben je tevreden, klik dan op Generate Code! en de site levert je een kant-en-klare stylesheet af voor de door jou gewenste typografie van je schrijfsels. Ok\u00e9, je moet je wel nog even registreren of inloggen met je Facebook- of Google Plus-account. beta.typenugget.com<\/p>\n","protected":false},"author":2,"featured_media":7857,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-7856","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-geen-categorie"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Type Nugget: CSS-stylesheets maken met live preview - Surfplaza Magazine<\/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.surfplaza.be\/magazine\/type-nugget-css-editor-typografie\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Type Nugget: CSS-stylesheets maken met live preview - Surfplaza Magazine\" \/>\n<meta property=\"og:description\" content=\"Update 10-1-2020: deze dienst is niet meer beschikbaar. Als je een eigen website wilt, dan bestaan er tegenwoordig diverse knappe tools waarmee je die zonder enige technische kennis bij elkaar kan klikken. En nog mobielvriendelijk ook. Daarbij moet je dan wel gebruikmaken van bestaande sjablonen. Wil je een echt unieke site maken, dan zul je toch wel enige kennis van HTML en CSS moeten hebben. Maar ook dan zijn er handige hulpjes die je veel werk uit handen nemen. Neem nu Type Nugget, een gratis webapplicatie waarmee je heel gemakkelijk een CSS-stylesheet kan aanmaken. De stylesheet is het bestand dat de lay-out van je site bepaalt (de indeling, typografie, kleuren enzovoort). What You See Is What You Get Type Nugget is in feite een WYSIWYG (What You See Is What You Get)-editor voor CSS, maar dan wel enkel toegespitst op de typografie. Je kan er zaken als bodytext, koppen, alinea&#8217;s, links en opsommingslijsten mee bepalen. Aan de rechterzijde van het scherm geef je de variabelen in (lettertype, lettergrootte, letter- en regelafstanden, kleuren enzovoort) en op het linker gedeelte zie je in realtime welke impact jouw instellingen en wijzigingen hebben. Ben je tevreden, klik dan op Generate Code! en de site levert je een kant-en-klare stylesheet af voor de door jou gewenste typografie van je schrijfsels. Ok\u00e9, je moet je wel nog even registreren of inloggen met je Facebook- of Google Plus-account. beta.typenugget.com\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.surfplaza.be\/magazine\/type-nugget-css-editor-typografie\/\" \/>\n<meta property=\"og:site_name\" content=\"Surfplaza Magazine\" \/>\n<meta property=\"article:published_time\" content=\"2016-11-11T13:22:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-01-11T18:10:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.surfplaza.be\/magazine\/wp-content\/uploads\/2016\/11\/typenugget.png\" \/>\n\t<meta property=\"og:image:width\" content=\"220\" \/>\n\t<meta property=\"og:image:height\" content=\"119\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Rik\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rik\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.surfplaza.be\/magazine\/type-nugget-css-editor-typografie\/\",\"url\":\"https:\/\/www.surfplaza.be\/magazine\/type-nugget-css-editor-typografie\/\",\"name\":\"Type Nugget: CSS-stylesheets maken met live preview - Surfplaza Magazine\",\"isPartOf\":{\"@id\":\"https:\/\/www.surfplaza.be\/magazine\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.surfplaza.be\/magazine\/type-nugget-css-editor-typografie\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.surfplaza.be\/magazine\/type-nugget-css-editor-typografie\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.surfplaza.be\/magazine\/wp-content\/uploads\/2016\/11\/typenugget.png\",\"datePublished\":\"2016-11-11T13:22:05+00:00\",\"dateModified\":\"2020-01-11T18:10:37+00:00\",\"author\":{\"@id\":\"https:\/\/www.surfplaza.be\/magazine\/#\/schema\/person\/8e941d1334fa29735d1fbf339e4764d7\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.surfplaza.be\/magazine\/type-nugget-css-editor-typografie\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.surfplaza.be\/magazine\/type-nugget-css-editor-typografie\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/www.surfplaza.be\/magazine\/type-nugget-css-editor-typografie\/#primaryimage\",\"url\":\"https:\/\/www.surfplaza.be\/magazine\/wp-content\/uploads\/2016\/11\/typenugget.png\",\"contentUrl\":\"https:\/\/www.surfplaza.be\/magazine\/wp-content\/uploads\/2016\/11\/typenugget.png\",\"width\":220,\"height\":119},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.surfplaza.be\/magazine\/type-nugget-css-editor-typografie\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.surfplaza.be\/magazine\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Type Nugget: CSS-stylesheets maken met live preview\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.surfplaza.be\/magazine\/#website\",\"url\":\"https:\/\/www.surfplaza.be\/magazine\/\",\"name\":\"Surfplaza Magazine\",\"description\":\"Social media, fotografie, apps en surftips\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.surfplaza.be\/magazine\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.surfplaza.be\/magazine\/#\/schema\/person\/8e941d1334fa29735d1fbf339e4764d7\",\"name\":\"Rik\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/www.surfplaza.be\/magazine\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9cdb764b906467d0bb2cb702b809686510a9993dba461bbf4c263a4e0ba01f04?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9cdb764b906467d0bb2cb702b809686510a9993dba461bbf4c263a4e0ba01f04?s=96&d=mm&r=g\",\"caption\":\"Rik\"},\"url\":\"https:\/\/www.surfplaza.be\/magazine\/author\/rik\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Type Nugget: CSS-stylesheets maken met live preview - Surfplaza Magazine","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.surfplaza.be\/magazine\/type-nugget-css-editor-typografie\/","og_locale":"nl_NL","og_type":"article","og_title":"Type Nugget: CSS-stylesheets maken met live preview - Surfplaza Magazine","og_description":"Update 10-1-2020: deze dienst is niet meer beschikbaar. Als je een eigen website wilt, dan bestaan er tegenwoordig diverse knappe tools waarmee je die zonder enige technische kennis bij elkaar kan klikken. En nog mobielvriendelijk ook. Daarbij moet je dan wel gebruikmaken van bestaande sjablonen. Wil je een echt unieke site maken, dan zul je toch wel enige kennis van HTML en CSS moeten hebben. Maar ook dan zijn er handige hulpjes die je veel werk uit handen nemen. Neem nu Type Nugget, een gratis webapplicatie waarmee je heel gemakkelijk een CSS-stylesheet kan aanmaken. De stylesheet is het bestand dat de lay-out van je site bepaalt (de indeling, typografie, kleuren enzovoort). What You See Is What You Get Type Nugget is in feite een WYSIWYG (What You See Is What You Get)-editor voor CSS, maar dan wel enkel toegespitst op de typografie. Je kan er zaken als bodytext, koppen, alinea&#8217;s, links en opsommingslijsten mee bepalen. Aan de rechterzijde van het scherm geef je de variabelen in (lettertype, lettergrootte, letter- en regelafstanden, kleuren enzovoort) en op het linker gedeelte zie je in realtime welke impact jouw instellingen en wijzigingen hebben. Ben je tevreden, klik dan op Generate Code! en de site levert je een kant-en-klare stylesheet af voor de door jou gewenste typografie van je schrijfsels. Ok\u00e9, je moet je wel nog even registreren of inloggen met je Facebook- of Google Plus-account. beta.typenugget.com","og_url":"https:\/\/www.surfplaza.be\/magazine\/type-nugget-css-editor-typografie\/","og_site_name":"Surfplaza Magazine","article_published_time":"2016-11-11T13:22:05+00:00","article_modified_time":"2020-01-11T18:10:37+00:00","og_image":[{"width":220,"height":119,"url":"https:\/\/www.surfplaza.be\/magazine\/wp-content\/uploads\/2016\/11\/typenugget.png","type":"image\/png"}],"author":"Rik","twitter_card":"summary_large_image","twitter_misc":{"Geschreven door":"Rik","Geschatte leestijd":"1 minuut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.surfplaza.be\/magazine\/type-nugget-css-editor-typografie\/","url":"https:\/\/www.surfplaza.be\/magazine\/type-nugget-css-editor-typografie\/","name":"Type Nugget: CSS-stylesheets maken met live preview - Surfplaza Magazine","isPartOf":{"@id":"https:\/\/www.surfplaza.be\/magazine\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.surfplaza.be\/magazine\/type-nugget-css-editor-typografie\/#primaryimage"},"image":{"@id":"https:\/\/www.surfplaza.be\/magazine\/type-nugget-css-editor-typografie\/#primaryimage"},"thumbnailUrl":"https:\/\/www.surfplaza.be\/magazine\/wp-content\/uploads\/2016\/11\/typenugget.png","datePublished":"2016-11-11T13:22:05+00:00","dateModified":"2020-01-11T18:10:37+00:00","author":{"@id":"https:\/\/www.surfplaza.be\/magazine\/#\/schema\/person\/8e941d1334fa29735d1fbf339e4764d7"},"breadcrumb":{"@id":"https:\/\/www.surfplaza.be\/magazine\/type-nugget-css-editor-typografie\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.surfplaza.be\/magazine\/type-nugget-css-editor-typografie\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.surfplaza.be\/magazine\/type-nugget-css-editor-typografie\/#primaryimage","url":"https:\/\/www.surfplaza.be\/magazine\/wp-content\/uploads\/2016\/11\/typenugget.png","contentUrl":"https:\/\/www.surfplaza.be\/magazine\/wp-content\/uploads\/2016\/11\/typenugget.png","width":220,"height":119},{"@type":"BreadcrumbList","@id":"https:\/\/www.surfplaza.be\/magazine\/type-nugget-css-editor-typografie\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.surfplaza.be\/magazine\/"},{"@type":"ListItem","position":2,"name":"Type Nugget: CSS-stylesheets maken met live preview"}]},{"@type":"WebSite","@id":"https:\/\/www.surfplaza.be\/magazine\/#website","url":"https:\/\/www.surfplaza.be\/magazine\/","name":"Surfplaza Magazine","description":"Social media, fotografie, apps en surftips","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.surfplaza.be\/magazine\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Person","@id":"https:\/\/www.surfplaza.be\/magazine\/#\/schema\/person\/8e941d1334fa29735d1fbf339e4764d7","name":"Rik","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.surfplaza.be\/magazine\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9cdb764b906467d0bb2cb702b809686510a9993dba461bbf4c263a4e0ba01f04?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9cdb764b906467d0bb2cb702b809686510a9993dba461bbf4c263a4e0ba01f04?s=96&d=mm&r=g","caption":"Rik"},"url":"https:\/\/www.surfplaza.be\/magazine\/author\/rik\/"}]}},"_links":{"self":[{"href":"https:\/\/www.surfplaza.be\/magazine\/wp-json\/wp\/v2\/posts\/7856","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.surfplaza.be\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.surfplaza.be\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.surfplaza.be\/magazine\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.surfplaza.be\/magazine\/wp-json\/wp\/v2\/comments?post=7856"}],"version-history":[{"count":4,"href":"https:\/\/www.surfplaza.be\/magazine\/wp-json\/wp\/v2\/posts\/7856\/revisions"}],"predecessor-version":[{"id":9324,"href":"https:\/\/www.surfplaza.be\/magazine\/wp-json\/wp\/v2\/posts\/7856\/revisions\/9324"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.surfplaza.be\/magazine\/wp-json\/wp\/v2\/media\/7857"}],"wp:attachment":[{"href":"https:\/\/www.surfplaza.be\/magazine\/wp-json\/wp\/v2\/media?parent=7856"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.surfplaza.be\/magazine\/wp-json\/wp\/v2\/categories?post=7856"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.surfplaza.be\/magazine\/wp-json\/wp\/v2\/tags?post=7856"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}