tag:blogger.com,1999:blog-2599222301712577492024-03-18T20:26:07.033-07:00Gelati SugarfreeA+ Retrofitted Blogger v2 TemplateCreative Commonshttp://www.blogger.com/profile/11256994501847507410noreply@blogger.comBlogger36125tag:blogger.com,1999:blog-259922230171257749.post-6232046806397865752020-08-01T06:39:00.001-07:002022-01-08T00:08:37.190-08:00Showcase – Markup, Gallery and Hero-Header<div class="separator cover-item small-cover light-text-color center-text-align large-text-size" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBfeMnPvW5Bo-pGS2qXpuZDMKms4gQKRbbjPq7TgkFIhofMqhBxxm_efyYGHRmo4BUH39KTybjY0JEwoE97VPMYgPvqjx6U9sXQ3fNJzl22q47g7T4zqSYXj77ysfslU1E3EKdT4sEzAo1/s1600/landscape_gray_8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="547" data-original-width="820" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBfeMnPvW5Bo-pGS2qXpuZDMKms4gQKRbbjPq7TgkFIhofMqhBxxm_efyYGHRmo4BUH39KTybjY0JEwoE97VPMYgPvqjx6U9sXQ3fNJzl22q47g7T4zqSYXj77ysfslU1E3EKdT4sEzAo1/w800-h400-p-k-no-nu/landscape_gray_8.png" /></a></div><h2> Blog template capabilities </h2>To change overall blog appearance Blogger allows its users to choose from various provided blog themes or import custom made blog templates like Gelati Sugarfree<br /><br />Blogger provides a WYSIWYG blog post-editor which enables its users to express multiple markup elements like headings, paragraph, image, list, quote and video. This blog template expands that feature set with beginner friedly CSS-triggered generation of hero-image variations and Javascript-configurable gallery and carousel <a href="http://www.menucool.com">components</a>, powered by third-party integrations from <strong>menucool.com</strong><br /><br /><div class="separator content-block" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyNDJp0ir3dLsybojcjMoeWjCI9MLqwtoXWWg64jPtrmTQWghhtloTJGKzA3eKuOmOPLNAbx5zCmhrUuj70qqvVUQbrFD5OngqdHRq011tX7-ohzVi-JyGeYw2TwU6Uy9wIIXkzuvuUPzN/s1600/icon.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyNDJp0ir3dLsybojcjMoeWjCI9MLqwtoXWWg64jPtrmTQWghhtloTJGKzA3eKuOmOPLNAbx5zCmhrUuj70qqvVUQbrFD5OngqdHRq011tX7-ohzVi-JyGeYw2TwU6Uy9wIIXkzuvuUPzN/s200/icon.png" width="200" height="200" data-original-width="200" data-original-height="200" /></a></div><hr class="separator content-block small-width content-spacer"/><h2> Let's start with some Headings </h2><h3> H3 Heading </h3><h4> H4 Heading </h4>The paragraph is the default markup type. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love. <br /><br />This paragraph is left aligned. <br /><br /><div style="text-align: center;"> <i>This italic paragraph is centered.</i></div><br /><div style="text-align: right;"> This paragraph is right aligned.</div><hr class="separator content-block small-width content-spacer"/><div class="separator content-block content-spacer" style="clear: both; text-align: center;"><div imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><figure><img border="0" data-original-height="547" data-original-width="820" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO4NtffY22Vpm0mZSlHhXAVfUx8Vz0FFTUiCE59_vNBuX1x5ylqY-w1sGr4SxC3ACN2QG3V6BnykLwky8c8R1wVJylGrLPVgJpbAQGodGbXz0wmrPFDycsgMKrpdRSJ6AcZCjLq-3C8xoV/s320/landscape_gray_4.png" /><figcaption style="width: 320px;"><a href="#">Even</a> before the internet was a thing, people already used Filler Text. </figcaption></figure></div></div><span style="color: blue;"><span style="background-color: #f9cb9c;">This paragraph is colorful, with a orange background and blue text. Colored content should have a high enough contrast, so that the text is readable.</span></span><br /><br /><span style="font-size: x-small;">This paragraph prefers Jazz over Justin Timberlake. It also uses the small font size.</span><br /><br /><span style="font-size: large;">This paragraph has something important to say: It has a large font size, which defaults to 36px. </span><br /><br /><span style="font-size: x-large;">The huge text size defaults to 46px, but the size can be customized. </span><br /><br /><div style="text-align: justify;"> <b>Neither of these paragraphs care about politics, but this one is bold, medium sized and has a drop cap.</b></div><hr class="separator content-block small-width content-spacer"/>Ordered list<br /><ol> <li>Orderd List <b>Item </b>1</li> <li>Orderd List <i>Item </i>2</li> <li>Orderd List <u>Item </u>3</li> <li>Orderd List <strike>Item </strike>4</li></ol>Unordered list<br /><ul> <li>Unorderd List 👀 1</li> <li>Unorderd List 👽 2</li> <li>Unorderd List 👻 3</li> <li>Unorderd List 👍 4</li></ul><br /><br /><div id="a2_ninja-slider" class="full-width"><div><div class="slider-inner"><ul><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRufYqP3RePRDHvd5FyrQcYbGPHwTEtztylg6okjxCeEnUfHDZ8Jc6IgKoWPIW-g7YRsPp-PfMwiha6wiDSw0D3ChRGmS23Ytv0L4dIBJDRK_hyNrwBI5K879VEPbYCRN8a47L391F8NhC/s1600/landscape_color_1.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRufYqP3RePRDHvd5FyrQcYbGPHwTEtztylg6okjxCeEnUfHDZ8Jc6IgKoWPIW-g7YRsPp-PfMwiha6wiDSw0D3ChRGmS23Ytv0L4dIBJDRK_hyNrwBI5K879VEPbYCRN8a47L391F8NhC/s400/landscape_color_1.png" data-screen="0-479"></a><div class="caption">1.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioRjcEyng37P_yt1a7ivKOZUwKpL2xWHzyleuhPJlsV4OW1wcQUKrEPEqsq9Gvl3LS_1DAwjPsjl8PrjpFUSEkWTLiojbGjuMX-lYlcW0sRmEY3tIgVInhcLkYJSbOJJtYk13fimud7jFk/s1600/landscape_gray_2.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioRjcEyng37P_yt1a7ivKOZUwKpL2xWHzyleuhPJlsV4OW1wcQUKrEPEqsq9Gvl3LS_1DAwjPsjl8PrjpFUSEkWTLiojbGjuMX-lYlcW0sRmEY3tIgVInhcLkYJSbOJJtYk13fimud7jFk/s400/landscape_gray_2.png" data-screen="0-479"></a><div class="caption">2.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhelYxiNSjkSnemPthauz5ZOoTSJh1pKwv9Nu6VTGw11OlBDdc7f_pHebvfpZAXEdkNgDICX8UCAEOXRhUFprXCMSfABrTg9UoFRdlNnBkwLFOY9LL-O6hwx2AovxTqOZ5u86nUez859KPC/s1600/landscape_color_3.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhelYxiNSjkSnemPthauz5ZOoTSJh1pKwv9Nu6VTGw11OlBDdc7f_pHebvfpZAXEdkNgDICX8UCAEOXRhUFprXCMSfABrTg9UoFRdlNnBkwLFOY9LL-O6hwx2AovxTqOZ5u86nUez859KPC/s400/landscape_color_3.png" data-screen="0-479"></a></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEl5bklBeWTexpIAyODaWXS61aRg7cGD_oxg6snPnFmUEJ4N34gV0qEbNKUeWn2-SGYiIbjfZWn01d-OVvd60vIRolCHdcNQ6LFqu5R2dXJA2SEKXTZETDvfNW8iN2yd-UmJXjc6eo5CsQ/s1600/landscape_color_4.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEl5bklBeWTexpIAyODaWXS61aRg7cGD_oxg6snPnFmUEJ4N34gV0qEbNKUeWn2-SGYiIbjfZWn01d-OVvd60vIRolCHdcNQ6LFqu5R2dXJA2SEKXTZETDvfNW8iN2yd-UmJXjc6eo5CsQ/s400/landscape_color_4.png" data-screen="0-479"></a><div class="caption">4.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRKFRj3tL5y2c6q2-fXsmORnupL5SvBmE858nDl0rjhMsTAgKZYITOjLD3VPP_Qqqs1ubgTbJ6wW_cOhNeiWbAVTybIpU55zxvC4oHTiYbPiBf-0PfQIgxOsp_vj-xmaSa_A7LKRYPLPKU/s1600/landscape_color_5.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRKFRj3tL5y2c6q2-fXsmORnupL5SvBmE858nDl0rjhMsTAgKZYITOjLD3VPP_Qqqs1ubgTbJ6wW_cOhNeiWbAVTybIpU55zxvC4oHTiYbPiBf-0PfQIgxOsp_vj-xmaSa_A7LKRYPLPKU/s400/landscape_color_5.png" data-screen="0-479"></a><div class="caption">5.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB_s4h-alSzTJOqSHdBASTns41JykdPU8KBbFQptKcG72zWq-rJ7hUX7pavbxOwdakyHF5DhDens52J6VeOBis9SIKodEr731Jp1pILiJ3uXBbXLdiWgRiyXIIDNaKVw5RThDxdVUmRb51/s1600/landscape_color_6.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB_s4h-alSzTJOqSHdBASTns41JykdPU8KBbFQptKcG72zWq-rJ7hUX7pavbxOwdakyHF5DhDens52J6VeOBis9SIKodEr731Jp1pILiJ3uXBbXLdiWgRiyXIIDNaKVw5RThDxdVUmRb51/s400/landscape_color_6.png" data-screen="0-479"></a><div class="caption">6.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqRy3bg28iIFlhOgTCWisqmyiFbyJJxrk5D06je7QUG0VtBHw-qkBsUHbilbe8GLJ2zfdw2iBjIe0-3AVUbdEjCI2I2MyUgfXJSrM4Rwu9VQGLRsBzuP9ex8SdKcOk8JmnsgP1w_0h2hm8/s1600/landscape_color_7.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqRy3bg28iIFlhOgTCWisqmyiFbyJJxrk5D06je7QUG0VtBHw-qkBsUHbilbe8GLJ2zfdw2iBjIe0-3AVUbdEjCI2I2MyUgfXJSrM4Rwu9VQGLRsBzuP9ex8SdKcOk8JmnsgP1w_0h2hm8/s400/landscape_color_7.png" data-screen="0-479"></a><div class="caption">7.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4MIenPk3Y5NP4li0W292V1X642HTkXJP5CdDwb0VrGec0FWKZGt2mbvBXCn49h3dWl8rF-JwML0CiIaRPPPpwMBQyJRhcNKFQso0oBMzDjOvZF8tlCp9n7l3tNZ_W_8lT9CItcmoV4fQx/s1600/landscape_color_8.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4MIenPk3Y5NP4li0W292V1X642HTkXJP5CdDwb0VrGec0FWKZGt2mbvBXCn49h3dWl8rF-JwML0CiIaRPPPpwMBQyJRhcNKFQso0oBMzDjOvZF8tlCp9n7l3tNZ_W_8lT9CItcmoV4fQx/s400/landscape_color_8.png" data-screen="0-479"></a><div class="caption">8.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li></ul><div class="fs-icon" title="Expand/Close"></div></div><div id="a2_thumbnail-slider"><div class="inner"><ul><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRufYqP3RePRDHvd5FyrQcYbGPHwTEtztylg6okjxCeEnUfHDZ8Jc6IgKoWPIW-g7YRsPp-PfMwiha6wiDSw0D3ChRGmS23Ytv0L4dIBJDRK_hyNrwBI5K879VEPbYCRN8a47L391F8NhC/s400/landscape_color_1.png"></a><span>1</span></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioRjcEyng37P_yt1a7ivKOZUwKpL2xWHzyleuhPJlsV4OW1wcQUKrEPEqsq9Gvl3LS_1DAwjPsjl8PrjpFUSEkWTLiojbGjuMX-lYlcW0sRmEY3tIgVInhcLkYJSbOJJtYk13fimud7jFk/s400/landscape_gray_2.png"></a><span>2</span></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhelYxiNSjkSnemPthauz5ZOoTSJh1pKwv9Nu6VTGw11OlBDdc7f_pHebvfpZAXEdkNgDICX8UCAEOXRhUFprXCMSfABrTg9UoFRdlNnBkwLFOY9LL-O6hwx2AovxTqOZ5u86nUez859KPC/s400/landscape_color_3.png"></a></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEl5bklBeWTexpIAyODaWXS61aRg7cGD_oxg6snPnFmUEJ4N34gV0qEbNKUeWn2-SGYiIbjfZWn01d-OVvd60vIRolCHdcNQ6LFqu5R2dXJA2SEKXTZETDvfNW8iN2yd-UmJXjc6eo5CsQ/s400/landscape_color_4.png"></a><span>4</span></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRKFRj3tL5y2c6q2-fXsmORnupL5SvBmE858nDl0rjhMsTAgKZYITOjLD3VPP_Qqqs1ubgTbJ6wW_cOhNeiWbAVTybIpU55zxvC4oHTiYbPiBf-0PfQIgxOsp_vj-xmaSa_A7LKRYPLPKU/s400/landscape_color_5.png"></a><span>5</span></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB_s4h-alSzTJOqSHdBASTns41JykdPU8KBbFQptKcG72zWq-rJ7hUX7pavbxOwdakyHF5DhDens52J6VeOBis9SIKodEr731Jp1pILiJ3uXBbXLdiWgRiyXIIDNaKVw5RThDxdVUmRb51/s400/landscape_color_6.png"></a><span>6</span></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqRy3bg28iIFlhOgTCWisqmyiFbyJJxrk5D06je7QUG0VtBHw-qkBsUHbilbe8GLJ2zfdw2iBjIe0-3AVUbdEjCI2I2MyUgfXJSrM4Rwu9VQGLRsBzuP9ex8SdKcOk8JmnsgP1w_0h2hm8/s400/landscape_color_7.png"></a><span>7</span></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4MIenPk3Y5NP4li0W292V1X642HTkXJP5CdDwb0VrGec0FWKZGt2mbvBXCn49h3dWl8rF-JwML0CiIaRPPPpwMBQyJRhcNKFQso0oBMzDjOvZF8tlCp9n7l3tNZ_W_8lT9CItcmoV4fQx/s400/landscape_color_8.png"></a><span>8</span></li></ul></div></div></div></div><script type="text/javascript"> var nsOptions2 = JSON.parse(JSON.stringify(nsOptions)); nsOptions2.sliderId = "a2_ninja-slider"; nsOptions2.aspectRatio = "default"; nsOptions2.before = function (currentIdx, nextIdx, manual) { if (manual && typeof mcThumbnailSlider2 != "undefined") mcThumbnailSlider2.display(nextIdx); }; var nslider2 = new NinjaSlider(nsOptions2); window.addEventListener("DOMContentLoaded", function(e) { nslider2.init(0); }); var thumbnailSliderOptions2 = JSON.parse( JSON.stringify(thumbnailSliderOptions) ); thumbnailSliderOptions2.sliderId = "a2_thumbnail-slider"; thumbnailSliderOptions2.before = function (currentIdx, nextIdx, manual) { if (typeof nslider2 != "undefined") nslider2.displaySlide(nextIdx); }; var mcThumbnailSlider2 = new ThumbnailSlider(thumbnailSliderOptions2); window.addEventListener("DOMContentLoaded", function(e) { mcThumbnailSlider2.init(0); }); </script><hr class="separator content-block small-width content-spacer"/><div id="a7_ninja-slider"><div class="slider-inner"><ul><li><div class="video"><iframe allowfullscreen="" frameborder="0" src="https://player.vimeo.com/video/435708237"></iframe></div><a class="ns-img" href="https://i.vimeocdn.com/video/919975710.jpg?mw=1200&mh=675&q=70"></a><div class="caption">Supports Youtube, Vimeo and HTML video/audio</div><div class="video-playbutton-layer"></div></li><li><div class="video"><iframe allowfullscreen="" data-autoplay="false" frameborder="0" src="https://www.youtube.com/embed/vTezm7btK-Q?enablejsapi=1&start=10&rel=0&showinfo=0&iv_load_policy=3&modestbranding=1"></iframe></div><a class="ns-img" href="https://i.ytimg.com/vi/vTezm7btK-Q/maxresdefault.jpg"></a><div class="caption">This video starts from 0:10</div><div class="video-playbutton-layer"></div></li><li><div class="video"><video controls="" width="100%"><source src="https://gelatistatic.sugar3.io/v1/media/video.mp4" type="video/mp4"></source></video></div></li><li><a class="ns-img" href="https://gelatistatic.sugar3.io/v1/media/picture.jpg"></a><div class="video" style="background-color: transparent; bottom: 0px; height: auto; top: auto;"><audio controls="" data-autoplay="1"><source src="https://gelatistatic.sugar3.io/v1/media/audio.mp3" type="audio/mpeg"></source></audio></div></li></ul><div class="fs-icon"></div></div></div><script type="text/javascript"> var nsOptions7 = JSON.parse(JSON.stringify(nsOptions)); nsOptions7.sliderId = "a7_ninja-slider"; nsOptions7.transitionType = "slide"; nsOptions7.transitionSpeed = "default"; nsOptions7.pauseOnHover = false; nsOptions7.aspectRatio = "16:9"; nsOptions7.keyboardNav = false; nsOptions7.before = null; var nslider7 = new NinjaSlider(nsOptions7); window.addEventListener("DOMContentLoaded", function (e) { nslider7.init(0); }); </script><br /><br />Video components have settings for showing and hiding the playback controls. Use autoplay and playback controls responsibly. <br /><br /><blockquote> Quote <br /> <br /> The Verse block <br /> <br /> A block for haiku?<br /> Why not?<br /> Blocks for all the things! </blockquote>Creative Commonshttp://www.blogger.com/profile/11256994501847507410noreply@blogger.com0Wien, Österreich48.2081743 16.373818947.8696338 15.728371899999999 48.546714800000004 17.0192659tag:blogger.com,1999:blog-259922230171257749.post-51834639607259512672020-07-31T06:48:00.001-07:002022-01-08T00:09:22.944-08:00Showcase – Extensive Markup, Image Handling and Hero-Image<div class="separator cover-item full-cover center-text-align large-text-size" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4MIenPk3Y5NP4li0W292V1X642HTkXJP5CdDwb0VrGec0FWKZGt2mbvBXCn49h3dWl8rF-JwML0CiIaRPPPpwMBQyJRhcNKFQso0oBMzDjOvZF8tlCp9n7l3tNZ_W_8lT9CItcmoV4fQx/s1600/landscape_color_8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="512" data-original-width="1024" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4MIenPk3Y5NP4li0W292V1X642HTkXJP5CdDwb0VrGec0FWKZGt2mbvBXCn49h3dWl8rF-JwML0CiIaRPPPpwMBQyJRhcNKFQso0oBMzDjOvZF8tlCp9n7l3tNZ_W_8lT9CItcmoV4fQx/w800-h400-p-k-no-nu/landscape_color_8.png" /></a></div><div class="separator content-block" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4MIenPk3Y5NP4li0W292V1X642HTkXJP5CdDwb0VrGec0FWKZGt2mbvBXCn49h3dWl8rF-JwML0CiIaRPPPpwMBQyJRhcNKFQso0oBMzDjOvZF8tlCp9n7l3tNZ_W_8lT9CItcmoV4fQx/s1600/landscape_color_6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4MIenPk3Y5NP4li0W292V1X642HTkXJP5CdDwb0VrGec0FWKZGt2mbvBXCn49h3dWl8rF-JwML0CiIaRPPPpwMBQyJRhcNKFQso0oBMzDjOvZF8tlCp9n7l3tNZ_W_8lT9CItcmoV4fQx/,60004000FFFFFFFF-cc-c0x00000000/landscape_color_6.png" width="200" height="200" data-original-width="200" data-original-height="200" /></a></div><h2> Blog post styling </h2><p> <strong>Tacit</strong> is a general purpose <a href="https://github.com/yegor256/tacit">CSS framework</a>. A customized version is provided along with this blog template, specifically configured to address only blog post-related CSS rules to prevent unintended interactions with blog's overall layout. </p><hr class="separator content-block small-width content-spacer"/><p> You should <strong>not</strong> use any CSS classes to make your HTML code look nice. Just make sure it is <a href="https://www.w3.org/TR/html5/">HTML5</a> compliant and you'll be fine. Again, <mark>no classes</mark>, just standard HTML elements, like <code><table></code> and <code><input></code>. Check the source code of this page. </p><pre class="swipeable-item"><br /> /* b:comment: customize blogtemplate - blogpost css (start) */<br /> body.article-view .post-body .content-item input,body.article-view .post-body .content-item textarea,body.article-view .post-body .content-item select,…<br /> /* b:comment: customize blogtemplate - blogpost css (end) */<br />]]></b:skin><br /><b:template-skin><br /></pre><p> By the way, Tacit is compliant with W3C validator requirements: <a href="https://validator.w3.org/check?uri=https%3A%2F%2Fyegor256.github.io%2Ftacit%2F&doctype=Inline">HTML</a> and <a href="https://jigsaw.w3.org/css-validator/validator?uri=https%3A%2F%2Fyegor256.github.io%2Ftacit%2F&profile=css3">CSS</a>. </p><hr class="separator content-block small-width content-spacer"/><h2>Forms</h2><form method="get" action="#"> <fieldset> <legend>Here is a simple form with <code><fieldset></code>:</legend> <label for="email">Your email:</label> <input name="email" type="text" id="email" size="25" placeholder="must be unique" /> <label for="sex">Your gender:</label> <select name="sex" id="sex"> <option value="none">don't want to say</option> <option value="female">female</option> <option value="male">male</option> </select> <label for="age">Your age:</label> <label><input type="radio" id="under" name="age" value="under" /> I'm under 18</label> <label><input type="radio" id="over" name="age" value="over" /> I'm over 18</label> <label for="food">Your favorite food:</label> <select multiple="multiple" name="food" id="food"> <optgroup label="Italian"> <option value="1">Pizza</option> <option value="2">Spaghetti</option> </optgroup> <optgroup label="Asian"> <option value="4">Sushi</option> </optgroup> <option value="3">Hamburger</option> <option value="5">Borsht</option> </select> <label for="address">Your full address:</label> <textarea name="address" id="address" placeholder="PO box is not allowed"></textarea> <label><input type="checkbox" name="consent" id="consent" value="test" />I agree with all possible terms and conditions</label> <button type="submit">Subscribe</button> <button type="reset">Reset</button> <button disabled>Can't click</button> </fieldset></form><p>This is a one-line form without <code><fieldset></code>:</p><form> <label>Add funds:</label><input type="text" size="10" placeholder="e.g. $10" /><button type="submit">Pay</button></form><hr class="separator content-block small-width content-spacer"/><h2>Tables</h2><p> A simple table would look like this: </p><table> <thead> <tr> <th>Make</th> <th>Price</th> <th>Year</th> </tr> </thead> <tbody> <tr> <td>BMW X6</td> <td>$75,000</td> <td>2013</td> </tr> <tr> <td>Mercedes-Benz E350</td> <td>$52,700</td> <td>2014</td> </tr> </tbody></table><h2>Headings</h2><p>Just use standard <code><h1></code>...<code><h6></code> tags: <h1>This is <h1></h1><p>Use a heading of the highest level once per page.</p><h2>This is <h2></h2><p>Use <code><h2></code> for sections of the page.</p><h3>This is <h3></h3><p>Use <code><h3></code> for sub-sections.</p><h4>This is <h4></h4><p>I would recommend to avoid this type of heading at all.</p><h5>This is <h5></h5><p>I would recommend to avoid this type of heading at all.</p><h6>This is <h6></h6><p>I would recommend to avoid this type of heading at all.</p><p>Sup<sup>®</sup> and Sub<sub>®</sub> Elements</p><hr class="separator content-block small-width content-spacer"/><h2>Lists</h2><p>Just use standard <code><ul></code>, <code><ol></code> and <code><dl></code> tags: <ul> <li>Orange</li> <li> Apple <ol> <li>First</li> <li> Second <ul> <li>Blue</li> <li>Yellow</li> <li>Green</li> <li>Red</li> </ul> </li> <li>Third</li> </ol> </li> <li>Apricot</li></ul><dl> <dt>Banana</dt> <dd>A yellow fruit that is easy to peel.</dd> <dd>Which also grows on a tree.</dd> <dt>Cashew</dt> <dd>A tan nut without a peel.</dd> <dt>Cherry</dt> <dd>A red fruit that is hard to peel.</dd></dl><h2>Blockquote</h2><blockquote> Use this to emphasize a quote <footer>— Author Name, Publication</footer></blockquote><h2>Aside</h2><aside> Use this to emphasize a content related to the main content. </aside><p>main content</p><h2>Keyboard</h2><p>Sometimes you want to let people know they should press a keyboard command like <kbd>ctrl + l</kbd>.</p><hr class="separator content-block small-width content-spacer"/><h2>Media</h2><p> It's recommended to add <code>.content-block</code> css-class to image, video and embedded elements to acquire a better responsive behavior. </p><p> To scale images, append an additional <strong>css-class</strong> to provide aligned and floating images a coherent layout, including mobile views. </p><div class="separator content-block full-width" style="clear: both; text-align: center;"><div imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><figure><img border="0" data-original-height="267" data-original-width="800" src="https://via.placeholder.com/1200x400.png" /><figcaption><a href="#">Even</a> before the internet was a thing, people already used Filler Text as a filler in printing tests.<br /><br /><code>.content-block.full-width</code></figcaption></figure></div></div><br /><br /><div class="separator content-block small-width" style="clear: both; text-align: center;"><div imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><figure><img border="0" data-original-height="267" data-original-width="800" src="https://via.placeholder.com/1200x400.png" /><figcaption><a href="#">Even</a> before the internet was a thing, people already used Filler Text as a filler in printing tests.<br /><br /><code>.content-block.small-width</code></figcaption></figure></div></div><p></p><p> As an alternative use Blogger's standard sizinig method, e.g. <strong>img-attribute</strong>. Hint: Blogger adapts image width and alignment for mobile requests. </p><div class="separator content-block" style="clear: both; text-align: center;"><div imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><figure><img border="0" data-original-height="267" data-original-width="800" src="https://via.placeholder.com/1200x400.png" /><figcaption style="width: 100%"><a href="#">Even</a> before the internet was a thing, people already used Filler Text as a filler in printing tests.<br /><br /><code>.content-block img:not([width])</code></figcaption></figure></div></div><br /><br /><div class="separator content-block" style="clear: both; text-align: center;"><div imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><figure><img border="0" src="https://via.placeholder.com/1200x400.png" width="440" height="134" data-original-width="800" data-original-height="267" /><figcaption style="width: 440px"><a href="#">Even</a> before the internet was a thing, people already used Filler Text as a filler in printing tests.<br /><br /><code>.content-block img[width="400"]</code></figcaption></figure></div></div>Creative Commonshttp://www.blogger.com/profile/11256994501847507410noreply@blogger.com0tag:blogger.com,1999:blog-259922230171257749.post-40577066331459291832020-07-30T06:46:00.004-07:002022-03-05T04:18:42.683-08:00Image Handling – Basic UsageThis is a paragraph. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love. Completely neutral and not picking a side or sitting on the fence. <hr class="separator content-block small-width content-spacer"/><h2> Lists are an interesting beast </h2><div class="separator content-block content-spacer" style="clear: both; text-align: center;"><div imageanchor="1" style=" clear: left; float: left; margin-bottom: 1em; margin-right: 1em; padding-right: 1em; "><figure><img border="0" data-original-height="547" data-original-width="820" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqn2m5VhPdO0oj5li6peNLnpWweWnHVgSocWb9IB2xK_RuYVOA8aGskkz6jIyY6UCUfVYrMoxq_O_ssKNT9WjZYykeXw64fnIUf5ox6c0GGZbj1qsNQlR4Wl6u8cNDknqGSc55xfITiucN/s320/landscape_gray_6.png" width="320" /><figcaption style="width: 320px"><code>.content-block.content-spacer</code><br /><br /><code>style="padding-right: 1em"</code></figcaption></figure></div></div>It's a corner case to make sure that: <ul> <li>Floating elements align and space correct next to bullet items</li> <li>Lists within lists do not break the ordered list numbering order</li> <li>Your list styles go deep enough</li></ul><h3> Ordered - Unordered - Ordered </h3><ol> <li>ordered item</li> <li> ordered item <ul> <li><em>unordered</em></li> <li> <em>unordered</em> <ol> <li>ordered item</li> <li>ordered item</li> </ol> </li> </ul> </li> <li>ordered item</li> <li>ordered item</li></ol><hr class="separator content-block small-width content-spacer"/><h3> Ordered - Unordered - Unordered </h3><ol> <li>ordered item</li> <li> ordered item <ul> <li><em>unordered</em></li> <li> <em>unordered</em> <ul> <li>unordered item</li> <li>unordered item</li> </ul> </li> </ul> </li> <li>ordered item</li> <li>ordered item</li></ol><div class="separator content-block content-spacer" style="clear: both; text-align: center;"><div imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><figure><img border="0" data-original-height="547" data-original-width="820" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggNY_D2F6lhav7EA65RJEf6icmeDOrxcJ9mDMbwvZKtGFVKZcIUNZLxNcC-PePU7Aw3rnTRWpO_fidKe8zvj6haxhq8UemRnHyH8thKgvIkLTklKV2ZWOikT6q8Ew4FiisJazLjI6UTl9Z/s320/landscape_gray_3.png" width="320" /><figcaption style="width: 320px"><code>.content-block.content-spacer</code></figcaption></figure></div></div><div style="text-align: justify;"> <h2> Now to compose a text Lorem Ipsum is much more fun! </h2> With the online text generator you can process your personal Lorem Ipsum enriching it with html elements that define its structure, with the possibility to insert external links, but not only. <br /> <br /> Be original, test your imagination... our Lorem Ipsum generator will amaze you. Try it now! <br /> <br /> In fact, inserting any fantasy text or a famous text, be it a poem, a speech, a literary passage, a song's text, etc., our text generator will provide the random extraction of terms and steps to compose your own exclusive Lorem Ipsum. </div><hr class="separator content-block small-width content-spacer"/><h3> Unordered - Ordered - Unordered </h3><ul> <li>unordered item</li> <li> unordered item <ol> <li>ordered</li> <li> ordered <ul> <li>unordered item</li> <li>unordered item</li> </ul> </li> </ol> </li> <li>unordered item</li> <li>unordered item</li></ul><div class="separator content-block" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv5jJ3VC90VGwnG3lGBkp2uP2iSUcDaQLRV2pZfUDSgYhfYTZPDIiTbwTsweVr8m6rrJeEqkN69IrMucSwQP8qYjydkg2LlidvvKey0RwF8hewyQmw_d4S-02OK1uVMFJjzAu18YVFhXkR/s1600/landscape_gray_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="547" data-original-width="820" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv5jJ3VC90VGwnG3lGBkp2uP2iSUcDaQLRV2pZfUDSgYhfYTZPDIiTbwTsweVr8m6rrJeEqkN69IrMucSwQP8qYjydkg2LlidvvKey0RwF8hewyQmw_d4S-02OK1uVMFJjzAu18YVFhXkR/s320/landscape_gray_2.png" width="320" /></a></div><h3> Unordered - Unordered - Ordered </h3><ul> <li>unordered item</li> <li> unordered item <ul> <li>unordered</li> <li> unordered <ol> <li><em>ordered item</em></li> <li><em>ordered item</em></li> </ol> </li> </ul> </li> <li>unordered item</li> <li>unordered item</li></ul>Creative Commonshttp://www.blogger.com/profile/11256994501847507410noreply@blogger.com0tag:blogger.com,1999:blog-259922230171257749.post-29052532134728933062020-07-29T06:49:00.004-07:002022-03-05T04:07:07.757-08:00Image Handling – Advanced UsageWelcome to image positioning and sizing! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and let's get started.<br /><hr class="separator content-block small-width content-spacer"/>On the topic of alignment, it should be noted that users can choose from the options of <em>None</em>, <em>Left</em>, <em>Right, </em>and <em>Center</em>. In addition, they also get the options of <em>Small</em>, <em>Medium</em>, <em>Large</em>, <em>X-Large</em> & <em>Fullsize</em>. <div class="separator content-block content-spacer" style="clear: both; text-align: center;"><a href="https://via.placeholder.com/580x300.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="300" data-original-width="580" src="https://via.placeholder.com/580x300.png" /></a></div>The image above happens to be <em><strong>centered</strong></em>.<br /><div class="separator content-block content-spacer" style="clear: both; text-align: center;"><a href="https://via.placeholder.com/150x150.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="150" data-original-width="150" src="https://via.placeholder.com/150x150.png" /></a></div><br />The rest of this paragraph is filler for the sake of seeing the text wrap around the 150x150 image, which is <em><strong>left aligned</strong></em>. <br /><br />As you can see the should be some space above, below, and to the right of the image. The text should not be creeping on the image. Creeping is just not right. Images need breathing room too. Let them speak like you words. Let them do their jobs without any hassle from the text. In about one more sentence here, we'll see that the text moves from the right of the image down below the image in seamless transition. Again, letting the do it's thang. Mission accomplished!<br /><hr class="separator content-block small-width content-spacer"/><h2> And now for a massively large image </h2>It also has <em><strong>no alignment</strong></em>. <div class="separator content-block content-spacer" style="clear: both; text-align: right;"><a href="https://via.placeholder.com/1200x400.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="267" data-original-width="800" src="https://via.placeholder.com/1200x400.png" /></a></div>The image above, though 1200px wide, should not overflow the content area. It should remain contained with no visible disruption to the flow of content. <hr class="separator content-block small-width content-spacer"/><h2> And we try the large image again, but this time scaled down </h2><br style="clear:both"/><div class="separator content-block content-spacer small-width" style="float: left; clear: both; text-align: center;"><div imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><figure><img border="0" data-original-height="267" data-original-width="800" src="https://via.placeholder.com/1200x400.png" /><figcaption>floating image <br /><br /><code>.content-block.small-width</code></figcaption></figure></div></div><h3> Scale Methode 1 </h3><strong>css-class</strong><br /><br />Keeps a rational and coherent layout to floating and aligned images, including mobile views. <div class="separator content-block content-spacer small-width" style="clear: both; margin: auto auto auto 0px; text-align: center;"><div imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><figure><img border="0" data-original-height="267" data-original-width="800" src="https://via.placeholder.com/1200x400.png" /><figcaption>aligned image <br /><br /><code>.content-block.small-width</code></figcaption></figure></div></div><hr class="separator content-block small-width content-spacer"/><br style="clear:both"/><div class="separator content-block content-spacer" style="clear: both; text-align: center;"><div imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><figure><img border="0" data-original-height="267" data-original-width="800" height="132" src="https://via.placeholder.com/1200x400.png" width="440" /><figcaption style="width: 440px">floating image <br /><br /><code>.content-block img[width="400"]</code></figcaption></figure></div></div><h3> Scale Methode 2 </h3><strong>img-attribute</strong><br /><br />Hint: Blogger adapts image width and alignment for mobile requests. <div class="separator content-block content-spacer" style="clear: both; text-align: left;"><div imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><figure><img border="0" data-original-height="267" data-original-width="800" height="132" src="https://via.placeholder.com/1200x400.png" width="440" /><figcaption style="width: 440px">aligned image <br /><br /><code>.content-block img[width="400"]</code></figcaption></figure></div></div><hr class="separator content-block small-width content-spacer"/><br style="clear:both"/><div class="separator content-block content-spacer" style="clear: both; text-align: center;"><a href="https://via.placeholder.com/300x200.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="200" data-original-width="300" src="https://via.placeholder.com/300x200.png" /></a></div>And now we're going to shift things to the <em><strong>right align</strong></em>. Again, there should be plenty of room above, below, and to the left of the image. Just look at him there... Hey guy! Way to rock that right side. I don't care what the left aligned image says, you look great. Don't let anyone else tell you differently.<br /><br />In just a bit here, you should see the text start to wrap below the right aligned image and settle in nicely. There should still be plenty of room and everything should be sitting pretty. Yeah... Just like that. It never felt so good to be right.<br /><br />And just when you thought we were done, we're going to do them all over again with captions! <div class="separator content-block content-spacer" style="clear: both; text-align: center;"><div imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><figure><img border="0" data-original-height="300" data-original-width="580" src="https://via.placeholder.com/580x300.png" /><figcaption style="width: 580px;">Look at 580x300 getting some <a href="https://en.support.wordpress.com/images/image-settings/" title="Image Settings">caption</a>love. </figcaption></figure></div></div>The image above happens to be <em><strong>centered</strong></em>. The caption also has a link in it, just to see if it does anything funky. <div class="separator content-block content-spacer" style="clear: both; text-align: center;"><a href="https://via.placeholder.com/150x150.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="150" data-original-width="150" src="https://via.placeholder.com/150x150.png" /></a></div><br />Bigger caption than the image usually is.<br /><br />The rest of this paragraph is filler for the sake of seeing the text wrap around the 150x150 image, which is <em><strong>left aligned</strong></em>. <br /><br />As you can see the should be some space above, below, and to the right of the image. The text should not be creeping on the image. Creeping is just not right. Images need breathing room too. Let them speak like you words. Let them do their jobs without any hassle from the text. In about one more sentence here, we'll see that the text moves from the right of the image down below the image in seamless transition. Again, letting the do it's thang. Mission accomplished! <hr class="separator content-block small-width content-spacer"/><h2> And now for a massively large image </h2>It also has <em><strong>no alignment</strong></em>. <div class="separator content-block content-spacer" style="clear: both; text-align: right;"><a href="https://via.placeholder.com/1200x400.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="267" data-original-width="800" src="https://via.placeholder.com/1200x400.png" /></a></div>The image above, though 1200px wide, should not overflow the content area. It should remain contained with no visible disruption to the flow of content. <hr class="separator content-block small-width content-spacer"/><h2> And we try the large image again, but this time scaled down </h2><br style="clear:both"/><div class="separator content-block content-spacer small-width" style="float: right; clear: both; text-align: center;"><div imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><figure><img border="0" data-original-height="267" data-original-width="800" src="https://via.placeholder.com/1200x400.png" /><figcaption>floating image <br /><br /><code>.content-block.small-width</code></figcaption></figure></div></div><h3> Scale Methode 1 </h3><strong>css-class</strong><br /><br />Keeps a rational and coherent layout to aligned and floating images, including mobile views. <div class="separator content-block content-spacer small-width" style="clear: both; margin: auto 0px auto auto; text-align: center;"><div imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><figure><img border="0" data-original-height="267" data-original-width="800" src="https://via.placeholder.com/1200x400.png" /><figcaption>aligned image <br /><br /><code>.content-block.small-width</code></figcaption></figure></div></div><hr class="separator content-block small-width content-spacer"/><br style="clear:both"/><div class="separator content-block content-spacer" style="clear: both; text-align: center;"><div imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><figure><img border="0" data-original-height="267" data-original-width="800" height="132" src="https://via.placeholder.com/1200x400.png" width="440" /><figcaption style="width: 440px">floating image <br /><br /><code>.content-block img[width="400"]</code></figcaption></figure></div></div><h3> Scale Methode 2 </h3><strong>img-attribute</strong><br /><br />Hint: Blogger adapts image width and alignment for mobile requests. <div class="separator content-block content-spacer" style="clear: both; text-align: right;"><div imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><figure><img border="0" data-original-height="267" data-original-width="800" height="132" src="https://via.placeholder.com/1200x400.png" width="440" /><figcaption style="width: 440px">aligned image <br /><br /><code>.content-block img[width="400"]</code></figcaption></figure></div></div><hr class="separator content-block small-width content-spacer"/><br style="clear:both"/><div class="separator content-block content-spacer" style="clear: both; text-align: center;"><a href="https://via.placeholder.com/300x200.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="200" data-original-width="300" src="https://via.placeholder.com/300x200.png" /></a></div>Feels good to be right all the time.<br /><br />And now we're going to shift things to the <em><strong>right align</strong></em>. Again, there should be plenty of room above, below, and to the left of the image. Just look at him there... Hey guy! Way to rock that right side. I don't care what the left aligned image says, you look great. Don't let anyone else tell you differently.<br /><br />In just a bit here, you should see the text start to wrap below the right aligned image and settle in nicely. There should still be plenty of room and everything should be sitting pretty. Yeah... Just like that. It never felt so good to be right.<br /><br />And that's a wrap, yo! You survived the tumultuous waters of alignment. Image alignment achievement unlocked! One last thing: The last item in this post's content is a thumbnail floated right. Make sure any elements after the content are clearing properly. <div class="separator content-block content-spacer" style="clear: both; text-align: center;"><a href="https://via.placeholder.com/640x480/FF0000.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="480" data-original-width="640" height="150" src="https://via.placeholder.com/640x480/FF0000.png" width="200" /></a></div><p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p>Creative Commonshttp://www.blogger.com/profile/11256994501847507410noreply@blogger.com0tag:blogger.com,1999:blog-259922230171257749.post-85968079318871312482020-07-28T10:15:00.001-07:002022-01-08T00:11:00.752-08:00Article HowTo – Hero-Image<div class="separator cover-item full-cover center-text-align" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRufYqP3RePRDHvd5FyrQcYbGPHwTEtztylg6okjxCeEnUfHDZ8Jc6IgKoWPIW-g7YRsPp-PfMwiha6wiDSw0D3ChRGmS23Ytv0L4dIBJDRK_hyNrwBI5K879VEPbYCRN8a47L391F8NhC/s1600/landscape_color_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="512" data-original-width="1024" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRufYqP3RePRDHvd5FyrQcYbGPHwTEtztylg6okjxCeEnUfHDZ8Jc6IgKoWPIW-g7YRsPp-PfMwiha6wiDSw0D3ChRGmS23Ytv0L4dIBJDRK_hyNrwBI5K879VEPbYCRN8a47L391F8NhC/w800-h400-p-k-no-nu/landscape_color_1.png" /></a></div><hr class="separator content-block small-width content-spacer"/><p> Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option. </p><pre class="swipeable-item"><br /><div class="separator cover-item full-cover center-text-align" style="clear: both; text-align: center;"><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRufYqP3RePRDHvd5FyrQcYbGPHwTEtztylg6okjxCeEnUfHDZ8Jc6IgKoWPIW-g7YRsPp-PfMwiha6wiDSw0D3ChRGmS23Ytv0L4dIBJDRK_hyNrwBI5K879VEPbYCRN8a47L391F8NhC/s1600/landscape_color_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /> <img border="0" data-original-height="512" data-original-width="1024" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRufYqP3RePRDHvd5FyrQcYbGPHwTEtztylg6okjxCeEnUfHDZ8Jc6IgKoWPIW-g7YRsPp-PfMwiha6wiDSw0D3ChRGmS23Ytv0L4dIBJDRK_hyNrwBI5K879VEPbYCRN8a47L391F8NhC/w800-h400-p-k-no-nu/landscape_color_1.png" /><br /> </a><br /></div><br /></pre><br /><code>cover-item</code> <code>full-cover</code> <code>center-text-align</code><hr class="separator content-block small-width content-spacer"/><p> Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option. </p>Creative Commonshttp://www.blogger.com/profile/11256994501847507410noreply@blogger.com0tag:blogger.com,1999:blog-259922230171257749.post-66049839096149849082020-07-27T11:48:00.001-07:002022-01-08T00:11:38.392-08:00Article HowTo – Hero-Header<div class="separator cover-item small-cover light-text-color" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRKFRj3tL5y2c6q2-fXsmORnupL5SvBmE858nDl0rjhMsTAgKZYITOjLD3VPP_Qqqs1ubgTbJ6wW_cOhNeiWbAVTybIpU55zxvC4oHTiYbPiBf-0PfQIgxOsp_vj-xmaSa_A7LKRYPLPKU/s1600/landscape_color_5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="512" data-original-width="1024" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRKFRj3tL5y2c6q2-fXsmORnupL5SvBmE858nDl0rjhMsTAgKZYITOjLD3VPP_Qqqs1ubgTbJ6wW_cOhNeiWbAVTybIpU55zxvC4oHTiYbPiBf-0PfQIgxOsp_vj-xmaSa_A7LKRYPLPKU/w800-h400-p-k-no-nu/landscape_color_5.png" /></a></div><hr class="separator content-block small-width content-spacer"/><p> Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option. </p><pre class="swipeable-item"><br /><div class="separator cover-item small-cover light-text-color" style="clear: both; text-align: center;"><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRKFRj3tL5y2c6q2-fXsmORnupL5SvBmE858nDl0rjhMsTAgKZYITOjLD3VPP_Qqqs1ubgTbJ6wW_cOhNeiWbAVTybIpU55zxvC4oHTiYbPiBf-0PfQIgxOsp_vj-xmaSa_A7LKRYPLPKU/s1600/landscape_color_5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /> <img border="0" data-original-height="512" data-original-width="1024" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRKFRj3tL5y2c6q2-fXsmORnupL5SvBmE858nDl0rjhMsTAgKZYITOjLD3VPP_Qqqs1ubgTbJ6wW_cOhNeiWbAVTybIpU55zxvC4oHTiYbPiBf-0PfQIgxOsp_vj-xmaSa_A7LKRYPLPKU/w800-h400-p-k-no-nu/landscape_color_5.png" /><br /> </a><br /></div><br /></pre><br /><code>cover-item</code> <code>small-cover</code> <code>light-text-color</code><hr class="separator content-block small-width content-spacer"/><p> Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option. </p>Creative Commonshttp://www.blogger.com/profile/11256994501847507410noreply@blogger.com0tag:blogger.com,1999:blog-259922230171257749.post-8139675420683661412020-07-26T04:00:00.001-07:002022-01-08T00:12:05.879-08:00Index HowTo – Post-Thumbnail<div class="separator cover-item none-cover" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioRjcEyng37P_yt1a7ivKOZUwKpL2xWHzyleuhPJlsV4OW1wcQUKrEPEqsq9Gvl3LS_1DAwjPsjl8PrjpFUSEkWTLiojbGjuMX-lYlcW0sRmEY3tIgVInhcLkYJSbOJJtYk13fimud7jFk/s1600/landscape_gray_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="547" data-original-width="820" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioRjcEyng37P_yt1a7ivKOZUwKpL2xWHzyleuhPJlsV4OW1wcQUKrEPEqsq9Gvl3LS_1DAwjPsjl8PrjpFUSEkWTLiojbGjuMX-lYlcW0sRmEY3tIgVInhcLkYJSbOJJtYk13fimud7jFk/w800-h400-p-k-no-nu/landscape_gray_2.png" /></a></div><hr class="separator content-block small-width content-spacer"/><p> Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option. </p><h2> Situation </h2><p> Following we have text content only, no media content available. </p><pre class="swipeable-item"><br /><div class="separator cover-item none-cover" style="clear: both; text-align: center;"><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioRjcEyng37P_yt1a7ivKOZUwKpL2xWHzyleuhPJlsV4OW1wcQUKrEPEqsq9Gvl3LS_1DAwjPsjl8PrjpFUSEkWTLiojbGjuMX-lYlcW0sRmEY3tIgVInhcLkYJSbOJJtYk13fimud7jFk/s1600/landscape_gray_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /> <img border="0" data-original-height="512" data-original-width="1024" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioRjcEyng37P_yt1a7ivKOZUwKpL2xWHzyleuhPJlsV4OW1wcQUKrEPEqsq9Gvl3LS_1DAwjPsjl8PrjpFUSEkWTLiojbGjuMX-lYlcW0sRmEY3tIgVInhcLkYJSbOJJtYk13fimud7jFk/w800-h534-p-k-no-nu/landscape_gray_2.png" /><br /> </a><br /></div><br /></pre><br /><code>cover-item</code> <code>none-cover</code><hr class="separator content-block small-width content-spacer"/><h2> By the way, there are nested comments too… </h2><script type='text/javascript'> window.addEventListener('load', function(e) { var commentsElm = document.querySelector('.mcmenu .post-comments.hasdd'); var locationHash = window.location.hash.match(/^#links$|^#comment-form$/); if (commentsElm && !locationHash) { commentsElm.click(); } }); </script>Creative Commonshttp://www.blogger.com/profile/11256994501847507410noreply@blogger.com8tag:blogger.com,1999:blog-259922230171257749.post-80051907004795799522020-07-24T06:38:00.001-07:002022-01-08T00:12:57.702-08:00Index HowTo – Post-Snippet and Post-Thumbnail<div class="separator cover-item none-cover" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWuMVX7I0BZk4HRdhCHvrh4dGswl3qf17jcwUaxA_uAUquFbFbeA7bgBds9IM1K_lDXK4fB-9k9GgMdDn2PvMM-_nW1t9swDlRDAiQkbjtrlTeXd3Grq_JqrtjKtbAq-ep1V2G-ino0cAQ/s1600/landscape_gray_5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="547" data-original-width="820" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWuMVX7I0BZk4HRdhCHvrh4dGswl3qf17jcwUaxA_uAUquFbFbeA7bgBds9IM1K_lDXK4fB-9k9GgMdDn2PvMM-_nW1t9swDlRDAiQkbjtrlTeXd3Grq_JqrtjKtbAq-ep1V2G-ino0cAQ/w800-h400-p-k-no-nu/landscape_gray_5.png" /></a><span>Sometimes it's convenient to control a post's text and/or image excerpt for index view, regardless of its actual content. To be clear, this methode is just a visual facade and utilizes only css properties to become hidden in post view.</span></div><hr class="separator content-block small-width content-spacer"/><p> Index-Snippets consist of textnodes only and are limited to a specific amount of the first characters. For effective use it's recommended to strip unecessary whitespace, e.g. markup indentations. </p><h2> Situation </h2><p> Following we have text content only, no media content available. </p><pre class="swipeable-item"><br /><div class="separator cover-item none-cover" style="clear: both; text-align: center;"><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWuMVX7I0BZk4HRdhCHvrh4dGswl3qf17jcwUaxA_uAUquFbFbeA7bgBds9IM1K_lDXK4fB-9k9GgMdDn2PvMM-_nW1t9swDlRDAiQkbjtrlTeXd3Grq_JqrtjKtbAq-ep1V2G-ino0cAQ/s1600/landscape_gray_5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /><img border="0" data-original-height="512" data-original-width="1024" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWuMVX7I0BZk4HRdhCHvrh4dGswl3qf17jcwUaxA_uAUquFbFbeA7bgBds9IM1K_lDXK4fB-9k9GgMdDn2PvMM-_nW1t9swDlRDAiQkbjtrlTeXd3Grq_JqrtjKtbAq-ep1V2G-ino0cAQ/w800-h534-p-k-no-nu/landscape_gray_5.png" /><br /></a><br /><span>Sometimes it's convenient to control a post's text and/or image excerpt for index view, regardless of its actual content. To be clear, this methode is just a visual facade and utilizes only css properties to become hidden in post view.</span><br /></div><br /></pre><br /><code>cover-item</code> <code>none-cover</code><hr class="separator content-block small-width content-spacer"/><p> Index-Snippets consist of textnodes only and are limited to a specific amount of the first characters. For effective use it's recommended to strip unecessary whitespace, e.g. markup indentations. </p>Creative Commonshttp://www.blogger.com/profile/11256994501847507410noreply@blogger.com0tag:blogger.com,1999:blog-259922230171257749.post-78041142145502082012020-07-23T12:26:00.001-07:002022-01-08T00:13:21.458-08:00Embedded Handling – Post-Thumbnail<div class="separator cover-item none-cover" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_LRkSUqUBQmyi-kCz9jdRGcgX8KOWXkNLxChnkwtTyomyPsjYNBQYIPQrdxq-PkWQ2YN1vU_CQ-XsxX17l181vJpIACfXDz7LaY-XRks133y2nE4QlusshHNK-GNwSNtJthDHt663a-Va/s1600/embedded_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="640" data-original-width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_LRkSUqUBQmyi-kCz9jdRGcgX8KOWXkNLxChnkwtTyomyPsjYNBQYIPQrdxq-PkWQ2YN1vU_CQ-XsxX17l181vJpIACfXDz7LaY-XRks133y2nE4QlusshHNK-GNwSNtJthDHt663a-Va/w800-h400-p-k-no-nu/embedded_1.jpg" /></a></div><hr class="separator content-block small-width content-spacer"/><h2> Various Tags and Embedded Content </h2><strong>Address Tag</strong><br /><address> 1600 Amphitheatre Pkwy<br />Mountain View, CA 94043<br />United States</address><br /><strong>Anchor Tag (aka. Link)</strong><br />This is an example of a <a href="https://wordpressfoundation.org/" title="WordPress Foundation">link</a>.<br /><br /><strong>Abbreviation Tag</strong><br />The abbreviation <abbr title="Seriously">srsly</abbr> stands for "seriously".<br /><br /><strong>Acronym Tag (<em>deprecated in HTML5</em>)</strong><br />The acronym <acronym title="For The Win">ftw</acronym> stands for "for the win".<br /><br /><strong>Big Tag</strong> (<em>deprecated in HTML5</em>)<br />These tests are a <big>big</big> deal, but this tag is no longer supported in HTML5. <hr class="separator content-block small-width content-spacer"/><div class="content-block"><div><blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/CCMlDKlAmtb/?utm_source=ig_embed&utm_campaign=loading" data-instgrm-version="12" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:16px;"> <a href="https://www.instagram.com/p/CCMlDKlAmtb/?utm_source=ig_embed&utm_campaign=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"> <div style=" display: flex; flex-direction: row; align-items: center;"> <div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"></div></div></div><div style="padding: 19% 0;"></div> <div style="display:block; height:50px; margin:0 auto 12px; width:50px;"><svg width="50px" height="50px" viewBox="0 0 60 60" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-511.000000, -20.000000)" fill="#000000"><g><path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"></path></g></g></g></svg></div><div style="padding-top: 8px;"> <div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;"> Sieh dir diesen Beitrag auf Instagram an</div></div><div style="padding: 12.5% 0;"></div> <div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;"><div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"></div> <div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"></div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"></div></div><div style="margin-left: 8px;"> <div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"></div> <div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)"></div></div><div style="margin-left: auto;"> <div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"></div> <div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"></div> <div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"></div></div></div></a> <p style=" margin:8px 0 0 0; padding:0 4px;"> <a href="https://www.instagram.com/p/CCMlDKlAmtb/?utm_source=ig_embed&utm_campaign=loading" style=" color:#000; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none; word-wrap:break-word;" target="_blank">© Unsplash</a></p> <p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;">Ein Beitrag geteilt von <a href="https://www.instagram.com/sugar3.io/?utm_source=ig_embed&utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px;" target="_blank"> sugar3.io</a> (@sugar3.io) am <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2020-07-03T22:22:53+00:00">Jul 3, 2020 um 3:22 PDT</time></p></div></blockquote></div></div><hr class="separator content-block small-width content-spacer"/><strong>Cite Tag</strong><br />"Code is poetry." --<cite>Automattic</cite><br /><br /><strong>Delete Tag</strong><br />This tag will let you <br /><del cite="deleted it">strike out text</del>, but this tag is <em>recommended</em> supported in HTML5 (use the <code><s></code> instead).<br /><br /><strong>Emphasize Tag</strong><br />The emphasize tag should <em>italicize</em><i>text</i>.<br /><br /><strong>Horizontal Rule Tag</strong><br /><hr />This sentence is following a <code><hr /></code> tag.<br /><br /><strong>Insert Tag</strong><br />This tag should denote <ins cite="inserted it">inserted</ins> text. <hr class="separator content-block small-width content-spacer"/><div class="content-block"> <div> <blockquote class="twitter-tweet "> <p lang="en" dir="ltr">© Unsplash <a href="https://t.co/qcG2oiO4lJ">pic.twitter.com/qcG2oiO4lJ</a></p> — sugar3.io (@sugar3_io) <a href="https://twitter.com/sugar3_io/status/1279181992152702976?ref_src=twsrc%5Etfw">July 3, 2020</a> </blockquote> </div></div><hr class="separator content-block small-width content-spacer"/><strong>Keyboard Tag</strong><br />This scarcely known tag emulates <kbd>keyboard text</kbd>, which is usually styled like the <code><code></code> tag.<br /><br /><strong>Quote Tag</strong> for short, inline quotes<br /><q>Developers, developers, developers...</q>--Steve Ballmer<br /><br /><strong>Strike Tag</strong> (<em>deprecated in HTML5</em>) and <strong>S Tag</strong><br />This tag shows <strike>strike-through</strike> <s>text</s>.<br /><br /><strong>Small Tag</strong><br />This tag shows <small>smaller<small> text.</small></small><br /><br /><strong>Strong Tag</strong><br />This tag shows <strong>bold<strong> text.</strong></strong><hr class="separator content-block small-width content-spacer"/><div class="content-block"> <div> <div class="fb-post small-width" data-href="https://www.facebook.com/sugar3.io/posts/115083340264146" data-show-text="true" data-width=""> <blockquote cite="https://developers.facebook.com/sugar3.io/posts/115083340264146" class="fb-xfbml-parse-ignore"> <p>© Unsplash</p>Gepostet von <a href="https://www.facebook.com/sugar3.io/">sugar3.io</a> am <a href="https://developers.facebook.com/sugar3.io/posts/115083340264146">Freitag, 3. Juli 2020</a> </blockquote> </div> </div></div><hr class="separator content-block small-width content-spacer"/><strong>Subscript Tag</strong><br />Getting our science styling on with H<sub>2</sub>O, which should push the "2" down.<br /><br /><strong>Superscript Tag</strong><br />Still sticking with science and Albert Einstein's E = MC<sup>2</sup>, which should lift the 2 up.<br /><br /><strong>Teletype Tag </strong>(<em>obsolete in HTML5</em>)<br />This rarely used tag emulates <tt>teletype text</tt>, which is usually styled like the <code><code></code> tag.<br /><br /><strong>Underline Tag</strong><em>deprecated in HTML 4, re-introduced in HTML5 with other semantics</em><br />This tag shows <u>underlined text</u>.<br /><br /><strong>Variable Tag</strong><br />This allows you to denote <var>variables</var>.Creative Commonshttp://www.blogger.com/profile/11256994501847507410noreply@blogger.com0tag:blogger.com,1999:blog-259922230171257749.post-20109710503498889722020-07-22T06:39:00.001-07:002022-01-08T00:13:49.099-08:00Embedded Handling – Explicit Aspect-Ratio<hr class="separator content-block small-width content-spacer"/><h2> Default </h2>This is a paragraph. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love. Completely neutral and not picking a side or sitting on the fence. It just is. It just freaking is. It likes where it is. It does not feel compelled to pick a side. Leave him be. It will just be better that way. Trust me.<br /><br /><div class="separator content-block content-spacer full-width ratio-16x9" style="clear: both; text-align: center;"><div><iframe src="https://player.vimeo.com/video/435708237" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div></div><hr class="separator content-block small-width content-spacer"/><h2> Left Align </h2>This is a paragraph. It is left aligned. Because of this, it is a bit more liberal in it's views. It's favorite color is green. Left align tends to be more eco-friendly, but it provides no concrete evidence that it really is. Even though it likes share the wealth evenly, it leaves the equal distribution up to justified alignment. <br /><br /><div class="separator content-block content-spacer small-width ratio-16x9" style="clear: both; text-align: center;"><div><iframe src="https://player.vimeo.com/video/435708237" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div></div><hr class="separator content-block small-width content-spacer"/><h2> Center Align </h2><div style="text-align: center;"> This is a paragraph. It is center aligned. Center is, but nature, a fence sitter. A flip flopper. It has a difficult time making up its mind. It wants to pick a side. Really, it does. It has the best intentions, but it tends to complicate matters more than help. The best you can do is try to win it over and hope for the best. I hear center align does take bribes. </div><br /><br /><div class="separator content-block content-spacer full-width ratio-16x9" style="clear: both; text-align: center;"><div><iframe width="320" height="266" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/vTezm7btK-Q/0.jpg" src="https://www.youtube.com/embed/vTezm7btK-Q?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div></div><hr class="separator content-block small-width content-spacer"/><h2> Right Align </h2><div style="text-align: right;"> This is a paragraph. It is right aligned. It is a bit more conservative in it's views. It's prefers to not be told what to do or how to do it. Right align totally owns a slew of guns and loves to head to the range for some practice. Which is cool and all. I mean, it's a pretty good shot from at least four or five football fields away. Dead on. So boss. </div><br /><br /><div class="separator content-block content-spacer small-width ratio-16x9" style="clear: both; text-align: center;"><div><iframe width="320" height="266" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/vTezm7btK-Q/0.jpg" src="https://www.youtube.com/embed/vTezm7btK-Q?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div></div><hr class="separator content-block small-width content-spacer"/><h2> Justify Align </h2><div style="text-align: justify;"> This is a paragraph. It is justify aligned. It gets really mad when people associate it with Justin Timberlake. Typically, justified is pretty straight laced. It likes everything to be in it's place and not all cattywampus like the rest of the aligns. I am not saying that makes it better than the rest of the aligns, but it does tend to put off more of an elitist attitude. </div>Creative Commonshttp://www.blogger.com/profile/11256994501847507410noreply@blogger.com0tag:blogger.com,1999:blog-259922230171257749.post-38358998045213930732020-07-21T06:38:00.001-07:002022-01-08T00:14:16.923-08:00Embedded Handling – Implicit Aspect-Ratio<hr class="separator content-block small-width content-spacer"/><h2> Blockquotes </h2>Multi line blockquote with a cite reference:<br /><blockquote cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote"> The <strong>HTML <code><blockquote></code> Element</strong> (or <em>HTML Block Quotation Element</em>) indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see <a href="https://developer.mozilla.org/en-US/docs/HTML/Element/blockquote#Notes">Notes</a> for how to change it). A URL for the source of the quotation may be given using the <strong>cite</strong> attribute, while a text representation of the source can be given using the <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/cite" title="The HTML Citation Element <cite> represents a reference to a creative work. It must include the title of a work or a URL reference, which may be in an abbreviated form according to the conventions used for the addition of citation metadata."><code><cite></code></a> element.</blockquote><cite>multiple contributors</cite> - MDN HTML element reference - blockquote <br /><br /><br /><div class="content-block content-spacer full-width"><div><button onclick='this.outerHTML = "<video autoplay='' loop='' muted='' src='https://gelatistatic.sugar3.io/v1/media/sky.mp4' />"'> sky.mp4 (8 MB) </button></div></div><hr class="separator content-block small-width content-spacer"/><h2> Tables </h2><table> <thead> <tr> <th>Employee</th> <th>Salary</th> <th></th> </tr> </thead> <tbody> <tr> <th>John Doe</th> <td>$1</td> <td>Because that's all Steve Jobs needed for a salary.</td> </tr> <tr> <th>Jane Doe</th> <td>$100K</td> <td>For all the blogging she does.</td> </tr> <tr> <th>Fred Bloggs</th> <td>$100M</td> <td>Pictures are worth a thousand words, right? So Jane x 1,000.</td> </tr> <tr> <th>Jane Bloggs</th> <td>$100B</td> <td>With hair like that?! Enough said...</td> </tr> </tbody> </table><br /><br /><div class="content-block content-spacer small-width"><div><video autoplay="" loop="" muted="" src="https://gelatistatic.sugar3.io/v1/media/video.mp4"></video></div></div><hr class="separator content-block small-width content-spacer"/><h2> Preformatted </h2>This tag is for preserving whitespace as typed, such as in poetry or ASCII art.<br /><br />The Road Not Taken <br /><pre class="swipeable-item"><cite>Robert Frost</cite><br /><br /> Two roads diverged in a yellow wood,<br /> And sorry I could not travel both (\_/)<br /> And be one traveler, long I stood (='.'=)<br /> And looked down one as far as I could (")_(")<br /> To where it bent in the undergrowth<br /></pre>Creative Commonshttp://www.blogger.com/profile/11256994501847507410noreply@blogger.com0tag:blogger.com,1999:blog-259922230171257749.post-31747997217353467652020-07-18T07:19:00.000-07:002021-08-04T21:23:46.881-07:00Image-Gallery – Unobtrusive Captions<p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p><div id="a6_ninja-slider" class="clean-slider"><div class="slider-inner"><ul><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuDpasMh-AAJJikMBLvwjY_3wzZhyphenhyphen0pq9fi6fdIEDGihJiRwATUV9WCT7rvr38OrCC-MyOyWLbSAGFnrYZ0c1ag26o-6HcvlvWJTHmJBk8MPhNiQvZAxa_MIumTNYGV_a6d2mZPtm1xkVh/s1600/landscape_gray_1.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuDpasMh-AAJJikMBLvwjY_3wzZhyphenhyphen0pq9fi6fdIEDGihJiRwATUV9WCT7rvr38OrCC-MyOyWLbSAGFnrYZ0c1ag26o-6HcvlvWJTHmJBk8MPhNiQvZAxa_MIumTNYGV_a6d2mZPtm1xkVh/s400/landscape_gray_1.png" data-screen="0-479"></a><div class="caption">1.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifcPPi0NHxmIBKSIFauduHwUgzBHs4GL2FRMsbZDYGHJfHXxKrOoN0L_En7rcq7jR7jl7dX3dABjtAqh8RuznRJ637TGWfIkr7xVz3zKd_Q_tvqkCjehztBG0t-HT5cqnb89FfFP7T-DSH/s1600/landscape_color_2.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifcPPi0NHxmIBKSIFauduHwUgzBHs4GL2FRMsbZDYGHJfHXxKrOoN0L_En7rcq7jR7jl7dX3dABjtAqh8RuznRJ637TGWfIkr7xVz3zKd_Q_tvqkCjehztBG0t-HT5cqnb89FfFP7T-DSH/s400/landscape_color_2.png" data-screen="0-479"></a><div class="caption">2.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzVdPE2Bq5I2UzkHtrOilYQq3bF0BIzwg4yWL96UBBZKQ6CZec9wjKgAWLmuCEF1lCbkEoiPgps0KPYcJi4a_3S_OgRoHIwgBQ5qHB2u4RMq_7MfnAKtBzZmG8sNGMy2vAyU3C-WfFuWRq/s1600/landscape_gray_3.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzVdPE2Bq5I2UzkHtrOilYQq3bF0BIzwg4yWL96UBBZKQ6CZec9wjKgAWLmuCEF1lCbkEoiPgps0KPYcJi4a_3S_OgRoHIwgBQ5qHB2u4RMq_7MfnAKtBzZmG8sNGMy2vAyU3C-WfFuWRq/s400/landscape_gray_3.png" data-screen="0-479"></a><div class="caption"></div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO4NtffY22Vpm0mZSlHhXAVfUx8Vz0FFTUiCE59_vNBuX1x5ylqY-w1sGr4SxC3ACN2QG3V6BnykLwky8c8R1wVJylGrLPVgJpbAQGodGbXz0wmrPFDycsgMKrpdRSJ6AcZCjLq-3C8xoV/s1600/landscape_gray_4.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO4NtffY22Vpm0mZSlHhXAVfUx8Vz0FFTUiCE59_vNBuX1x5ylqY-w1sGr4SxC3ACN2QG3V6BnykLwky8c8R1wVJylGrLPVgJpbAQGodGbXz0wmrPFDycsgMKrpdRSJ6AcZCjLq-3C8xoV/s400/landscape_gray_4.png" data-screen="0-479"></a><div class="caption">4.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBoPXj95h0OLjyEDEcWxbVVhYrE8IFPbW5QtYRj0_EcRBlgM7fUjP-4zGHmPb_LSeXDZvpz4mr6UV9K-UfeGuKzee6DZ8yWJZlVxu7PodLRFhNrr1QPzJki-OHsR3kzreYoIGyVmQTMYJL/s1600/landscape_gray_5.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBoPXj95h0OLjyEDEcWxbVVhYrE8IFPbW5QtYRj0_EcRBlgM7fUjP-4zGHmPb_LSeXDZvpz4mr6UV9K-UfeGuKzee6DZ8yWJZlVxu7PodLRFhNrr1QPzJki-OHsR3kzreYoIGyVmQTMYJL/s400/landscape_gray_5.png" data-screen="0-479"></a><div class="caption">5.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiSrercSK2KdPyzHQhZxTSGZWYNGYIhaVHT7GXNUtifDemJ0vHk2wLigDe2INujYv2dnjhP8nBTLS6qiC7uziBX9PFkxYnhyHsw2xTr_sOCcUz_ip_5cq1PwucMbACSDeAj8GK4tfM0NU-/s1600/landscape_gray_6.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiSrercSK2KdPyzHQhZxTSGZWYNGYIhaVHT7GXNUtifDemJ0vHk2wLigDe2INujYv2dnjhP8nBTLS6qiC7uziBX9PFkxYnhyHsw2xTr_sOCcUz_ip_5cq1PwucMbACSDeAj8GK4tfM0NU-/s400/landscape_gray_6.png" data-screen="0-479"></a><div class="caption">6.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdYDwL5pE_R7XIkljQekVSMRQmKDuZOxvaWMycESch_d6YAe2GIFeCg94PgBfMRGelR-_5HU8WdYXDbAbm56nbbM-LBnPHvhBeV7gSs3zTpSJBnSlbS0-gxzjcT9z9Wdj8Gjjm4XNn8Ktq/s1600/landscape_gray_7.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdYDwL5pE_R7XIkljQekVSMRQmKDuZOxvaWMycESch_d6YAe2GIFeCg94PgBfMRGelR-_5HU8WdYXDbAbm56nbbM-LBnPHvhBeV7gSs3zTpSJBnSlbS0-gxzjcT9z9Wdj8Gjjm4XNn8Ktq/s400/landscape_gray_7.png" data-screen="0-479"></a><div class="caption">7.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBfeMnPvW5Bo-pGS2qXpuZDMKms4gQKRbbjPq7TgkFIhofMqhBxxm_efyYGHRmo4BUH39KTybjY0JEwoE97VPMYgPvqjx6U9sXQ3fNJzl22q47g7T4zqSYXj77ysfslU1E3EKdT4sEzAo1/s1600/landscape_gray_8.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBfeMnPvW5Bo-pGS2qXpuZDMKms4gQKRbbjPq7TgkFIhofMqhBxxm_efyYGHRmo4BUH39KTybjY0JEwoE97VPMYgPvqjx6U9sXQ3fNJzl22q47g7T4zqSYXj77ysfslU1E3EKdT4sEzAo1/s400/landscape_gray_8.png" data-screen="0-479"></a><div class="caption">8.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li></ul><div class="fs-icon" title="Expand/Close"></div></div></div><script type="text/javascript"> var nsOptions6 = JSON.parse(JSON.stringify(nsOptions)); nsOptions6.sliderId = "a6_ninja-slider"; nsOptions6.aspectRatio = "auto"; nsOptions6.before = null; var nslider6 = new NinjaSlider(nsOptions6); window.addEventListener("DOMContentLoaded", function(e) { nslider6.init(0); }); </script><p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p>Creative Commonshttp://www.blogger.com/profile/11256994501847507410noreply@blogger.com0tag:blogger.com,1999:blog-259922230171257749.post-1417223014487724372020-07-17T07:17:00.000-07:002021-08-04T21:23:45.340-07:00Image-Gallery – Unobtrusive Thumbnails<div class="separator cover-item none-cover" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBfeMnPvW5Bo-pGS2qXpuZDMKms4gQKRbbjPq7TgkFIhofMqhBxxm_efyYGHRmo4BUH39KTybjY0JEwoE97VPMYgPvqjx6U9sXQ3fNJzl22q47g7T4zqSYXj77ysfslU1E3EKdT4sEzAo1/s1600/landscape_gray_8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="547" data-original-width="820" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBfeMnPvW5Bo-pGS2qXpuZDMKms4gQKRbbjPq7TgkFIhofMqhBxxm_efyYGHRmo4BUH39KTybjY0JEwoE97VPMYgPvqjx6U9sXQ3fNJzl22q47g7T4zqSYXj77ysfslU1E3EKdT4sEzAo1/s1600/landscape_gray_8.png" /></a></div><p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p><div id="a_a3_ninja-slider" class="full-width"><div><div class="slider-inner"><ul><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRufYqP3RePRDHvd5FyrQcYbGPHwTEtztylg6okjxCeEnUfHDZ8Jc6IgKoWPIW-g7YRsPp-PfMwiha6wiDSw0D3ChRGmS23Ytv0L4dIBJDRK_hyNrwBI5K879VEPbYCRN8a47L391F8NhC/s1600/landscape_color_1.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRufYqP3RePRDHvd5FyrQcYbGPHwTEtztylg6okjxCeEnUfHDZ8Jc6IgKoWPIW-g7YRsPp-PfMwiha6wiDSw0D3ChRGmS23Ytv0L4dIBJDRK_hyNrwBI5K879VEPbYCRN8a47L391F8NhC/s400/landscape_color_1.png" data-screen="0-479"></a><div class="caption">1.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioRjcEyng37P_yt1a7ivKOZUwKpL2xWHzyleuhPJlsV4OW1wcQUKrEPEqsq9Gvl3LS_1DAwjPsjl8PrjpFUSEkWTLiojbGjuMX-lYlcW0sRmEY3tIgVInhcLkYJSbOJJtYk13fimud7jFk/s1600/landscape_gray_2.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioRjcEyng37P_yt1a7ivKOZUwKpL2xWHzyleuhPJlsV4OW1wcQUKrEPEqsq9Gvl3LS_1DAwjPsjl8PrjpFUSEkWTLiojbGjuMX-lYlcW0sRmEY3tIgVInhcLkYJSbOJJtYk13fimud7jFk/s400/landscape_gray_2.png" data-screen="0-479"></a><div class="caption">2.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhelYxiNSjkSnemPthauz5ZOoTSJh1pKwv9Nu6VTGw11OlBDdc7f_pHebvfpZAXEdkNgDICX8UCAEOXRhUFprXCMSfABrTg9UoFRdlNnBkwLFOY9LL-O6hwx2AovxTqOZ5u86nUez859KPC/s1600/landscape_color_3.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhelYxiNSjkSnemPthauz5ZOoTSJh1pKwv9Nu6VTGw11OlBDdc7f_pHebvfpZAXEdkNgDICX8UCAEOXRhUFprXCMSfABrTg9UoFRdlNnBkwLFOY9LL-O6hwx2AovxTqOZ5u86nUez859KPC/s400/landscape_color_3.png" data-screen="0-479"></a></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEl5bklBeWTexpIAyODaWXS61aRg7cGD_oxg6snPnFmUEJ4N34gV0qEbNKUeWn2-SGYiIbjfZWn01d-OVvd60vIRolCHdcNQ6LFqu5R2dXJA2SEKXTZETDvfNW8iN2yd-UmJXjc6eo5CsQ/s1600/landscape_color_4.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEl5bklBeWTexpIAyODaWXS61aRg7cGD_oxg6snPnFmUEJ4N34gV0qEbNKUeWn2-SGYiIbjfZWn01d-OVvd60vIRolCHdcNQ6LFqu5R2dXJA2SEKXTZETDvfNW8iN2yd-UmJXjc6eo5CsQ/s400/landscape_color_4.png" data-screen="0-479"></a><div class="caption">4.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRKFRj3tL5y2c6q2-fXsmORnupL5SvBmE858nDl0rjhMsTAgKZYITOjLD3VPP_Qqqs1ubgTbJ6wW_cOhNeiWbAVTybIpU55zxvC4oHTiYbPiBf-0PfQIgxOsp_vj-xmaSa_A7LKRYPLPKU/s1600/landscape_color_5.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRKFRj3tL5y2c6q2-fXsmORnupL5SvBmE858nDl0rjhMsTAgKZYITOjLD3VPP_Qqqs1ubgTbJ6wW_cOhNeiWbAVTybIpU55zxvC4oHTiYbPiBf-0PfQIgxOsp_vj-xmaSa_A7LKRYPLPKU/s400/landscape_color_5.png" data-screen="0-479"></a><div class="caption">5.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB_s4h-alSzTJOqSHdBASTns41JykdPU8KBbFQptKcG72zWq-rJ7hUX7pavbxOwdakyHF5DhDens52J6VeOBis9SIKodEr731Jp1pILiJ3uXBbXLdiWgRiyXIIDNaKVw5RThDxdVUmRb51/s1600/landscape_color_6.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB_s4h-alSzTJOqSHdBASTns41JykdPU8KBbFQptKcG72zWq-rJ7hUX7pavbxOwdakyHF5DhDens52J6VeOBis9SIKodEr731Jp1pILiJ3uXBbXLdiWgRiyXIIDNaKVw5RThDxdVUmRb51/s400/landscape_color_6.png" data-screen="0-479"></a><div class="caption">6.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqRy3bg28iIFlhOgTCWisqmyiFbyJJxrk5D06je7QUG0VtBHw-qkBsUHbilbe8GLJ2zfdw2iBjIe0-3AVUbdEjCI2I2MyUgfXJSrM4Rwu9VQGLRsBzuP9ex8SdKcOk8JmnsgP1w_0h2hm8/s1600/landscape_color_7.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqRy3bg28iIFlhOgTCWisqmyiFbyJJxrk5D06je7QUG0VtBHw-qkBsUHbilbe8GLJ2zfdw2iBjIe0-3AVUbdEjCI2I2MyUgfXJSrM4Rwu9VQGLRsBzuP9ex8SdKcOk8JmnsgP1w_0h2hm8/s400/landscape_color_7.png" data-screen="0-479"></a><div class="caption">7.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4MIenPk3Y5NP4li0W292V1X642HTkXJP5CdDwb0VrGec0FWKZGt2mbvBXCn49h3dWl8rF-JwML0CiIaRPPPpwMBQyJRhcNKFQso0oBMzDjOvZF8tlCp9n7l3tNZ_W_8lT9CItcmoV4fQx/s1600/landscape_color_8.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4MIenPk3Y5NP4li0W292V1X642HTkXJP5CdDwb0VrGec0FWKZGt2mbvBXCn49h3dWl8rF-JwML0CiIaRPPPpwMBQyJRhcNKFQso0oBMzDjOvZF8tlCp9n7l3tNZ_W_8lT9CItcmoV4fQx/s400/landscape_color_8.png" data-screen="0-479"></a><div class="caption">8.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li></ul><div class="fs-icon" title="Expand/Close"></div></div><div id="a_a3_thumbnail-slider"><div class="inner"><ul><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRufYqP3RePRDHvd5FyrQcYbGPHwTEtztylg6okjxCeEnUfHDZ8Jc6IgKoWPIW-g7YRsPp-PfMwiha6wiDSw0D3ChRGmS23Ytv0L4dIBJDRK_hyNrwBI5K879VEPbYCRN8a47L391F8NhC/s400/landscape_color_1.png"></a><span>1</span></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioRjcEyng37P_yt1a7ivKOZUwKpL2xWHzyleuhPJlsV4OW1wcQUKrEPEqsq9Gvl3LS_1DAwjPsjl8PrjpFUSEkWTLiojbGjuMX-lYlcW0sRmEY3tIgVInhcLkYJSbOJJtYk13fimud7jFk/s400/landscape_gray_2.png"></a><span>2</span></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhelYxiNSjkSnemPthauz5ZOoTSJh1pKwv9Nu6VTGw11OlBDdc7f_pHebvfpZAXEdkNgDICX8UCAEOXRhUFprXCMSfABrTg9UoFRdlNnBkwLFOY9LL-O6hwx2AovxTqOZ5u86nUez859KPC/s400/landscape_color_3.png"></a></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEl5bklBeWTexpIAyODaWXS61aRg7cGD_oxg6snPnFmUEJ4N34gV0qEbNKUeWn2-SGYiIbjfZWn01d-OVvd60vIRolCHdcNQ6LFqu5R2dXJA2SEKXTZETDvfNW8iN2yd-UmJXjc6eo5CsQ/s400/landscape_color_4.png"></a><span>4</span></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRKFRj3tL5y2c6q2-fXsmORnupL5SvBmE858nDl0rjhMsTAgKZYITOjLD3VPP_Qqqs1ubgTbJ6wW_cOhNeiWbAVTybIpU55zxvC4oHTiYbPiBf-0PfQIgxOsp_vj-xmaSa_A7LKRYPLPKU/s400/landscape_color_5.png"></a><span>5</span></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB_s4h-alSzTJOqSHdBASTns41JykdPU8KBbFQptKcG72zWq-rJ7hUX7pavbxOwdakyHF5DhDens52J6VeOBis9SIKodEr731Jp1pILiJ3uXBbXLdiWgRiyXIIDNaKVw5RThDxdVUmRb51/s400/landscape_color_6.png"></a><span>6</span></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqRy3bg28iIFlhOgTCWisqmyiFbyJJxrk5D06je7QUG0VtBHw-qkBsUHbilbe8GLJ2zfdw2iBjIe0-3AVUbdEjCI2I2MyUgfXJSrM4Rwu9VQGLRsBzuP9ex8SdKcOk8JmnsgP1w_0h2hm8/s400/landscape_color_7.png"></a><span>7</span></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4MIenPk3Y5NP4li0W292V1X642HTkXJP5CdDwb0VrGec0FWKZGt2mbvBXCn49h3dWl8rF-JwML0CiIaRPPPpwMBQyJRhcNKFQso0oBMzDjOvZF8tlCp9n7l3tNZ_W_8lT9CItcmoV4fQx/s400/landscape_color_8.png"></a><span>8</span></li></ul></div></div></div></div><script type="text/javascript"> var a_nsOptions3 = JSON.parse(JSON.stringify(nsOptions)); a_nsOptions3.sliderId = "a_a3_ninja-slider"; a_nsOptions3.aspectRatio = "default"; a_nsOptions3.before = function (currentIdx, nextIdx, manual) { if (manual && typeof a_mcThumbnailSlider3 != "undefined") a_mcThumbnailSlider3.display(nextIdx); }; var a_nslider3 = new NinjaSlider(a_nsOptions3); window.addEventListener("DOMContentLoaded", function(e) { a_nslider3.init(0); }); var a_thumbnailSliderOptions3 = JSON.parse( JSON.stringify(thumbnailSliderOptions) ); a_thumbnailSliderOptions3.sliderId = "a_a3_thumbnail-slider"; a_thumbnailSliderOptions3.before = function (currentIdx, nextIdx, manual) { if (typeof a_nslider3 != "undefined") a_nslider3.displaySlide(nextIdx); }; var a_mcThumbnailSlider3 = new ThumbnailSlider(a_thumbnailSliderOptions3); window.addEventListener("DOMContentLoaded", function(e) { a_mcThumbnailSlider3.init(0); }); </script><p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p><div id="b_a3_ninja-slider" class="clean-slider"><div><div class="slider-inner"><ul><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRufYqP3RePRDHvd5FyrQcYbGPHwTEtztylg6okjxCeEnUfHDZ8Jc6IgKoWPIW-g7YRsPp-PfMwiha6wiDSw0D3ChRGmS23Ytv0L4dIBJDRK_hyNrwBI5K879VEPbYCRN8a47L391F8NhC/s1600/landscape_color_1.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRufYqP3RePRDHvd5FyrQcYbGPHwTEtztylg6okjxCeEnUfHDZ8Jc6IgKoWPIW-g7YRsPp-PfMwiha6wiDSw0D3ChRGmS23Ytv0L4dIBJDRK_hyNrwBI5K879VEPbYCRN8a47L391F8NhC/s400/landscape_color_1.png" data-screen="0-479"></a><div class="caption">1.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioRjcEyng37P_yt1a7ivKOZUwKpL2xWHzyleuhPJlsV4OW1wcQUKrEPEqsq9Gvl3LS_1DAwjPsjl8PrjpFUSEkWTLiojbGjuMX-lYlcW0sRmEY3tIgVInhcLkYJSbOJJtYk13fimud7jFk/s1600/landscape_gray_2.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioRjcEyng37P_yt1a7ivKOZUwKpL2xWHzyleuhPJlsV4OW1wcQUKrEPEqsq9Gvl3LS_1DAwjPsjl8PrjpFUSEkWTLiojbGjuMX-lYlcW0sRmEY3tIgVInhcLkYJSbOJJtYk13fimud7jFk/s400/landscape_gray_2.png" data-screen="0-479"></a><div class="caption">2.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhelYxiNSjkSnemPthauz5ZOoTSJh1pKwv9Nu6VTGw11OlBDdc7f_pHebvfpZAXEdkNgDICX8UCAEOXRhUFprXCMSfABrTg9UoFRdlNnBkwLFOY9LL-O6hwx2AovxTqOZ5u86nUez859KPC/s1600/landscape_color_3.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhelYxiNSjkSnemPthauz5ZOoTSJh1pKwv9Nu6VTGw11OlBDdc7f_pHebvfpZAXEdkNgDICX8UCAEOXRhUFprXCMSfABrTg9UoFRdlNnBkwLFOY9LL-O6hwx2AovxTqOZ5u86nUez859KPC/s400/landscape_color_3.png" data-screen="0-479"></a></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEl5bklBeWTexpIAyODaWXS61aRg7cGD_oxg6snPnFmUEJ4N34gV0qEbNKUeWn2-SGYiIbjfZWn01d-OVvd60vIRolCHdcNQ6LFqu5R2dXJA2SEKXTZETDvfNW8iN2yd-UmJXjc6eo5CsQ/s1600/landscape_color_4.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEl5bklBeWTexpIAyODaWXS61aRg7cGD_oxg6snPnFmUEJ4N34gV0qEbNKUeWn2-SGYiIbjfZWn01d-OVvd60vIRolCHdcNQ6LFqu5R2dXJA2SEKXTZETDvfNW8iN2yd-UmJXjc6eo5CsQ/s400/landscape_color_4.png" data-screen="0-479"></a><div class="caption">4.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRKFRj3tL5y2c6q2-fXsmORnupL5SvBmE858nDl0rjhMsTAgKZYITOjLD3VPP_Qqqs1ubgTbJ6wW_cOhNeiWbAVTybIpU55zxvC4oHTiYbPiBf-0PfQIgxOsp_vj-xmaSa_A7LKRYPLPKU/s1600/landscape_color_5.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRKFRj3tL5y2c6q2-fXsmORnupL5SvBmE858nDl0rjhMsTAgKZYITOjLD3VPP_Qqqs1ubgTbJ6wW_cOhNeiWbAVTybIpU55zxvC4oHTiYbPiBf-0PfQIgxOsp_vj-xmaSa_A7LKRYPLPKU/s400/landscape_color_5.png" data-screen="0-479"></a><div class="caption">5.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB_s4h-alSzTJOqSHdBASTns41JykdPU8KBbFQptKcG72zWq-rJ7hUX7pavbxOwdakyHF5DhDens52J6VeOBis9SIKodEr731Jp1pILiJ3uXBbXLdiWgRiyXIIDNaKVw5RThDxdVUmRb51/s1600/landscape_color_6.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB_s4h-alSzTJOqSHdBASTns41JykdPU8KBbFQptKcG72zWq-rJ7hUX7pavbxOwdakyHF5DhDens52J6VeOBis9SIKodEr731Jp1pILiJ3uXBbXLdiWgRiyXIIDNaKVw5RThDxdVUmRb51/s400/landscape_color_6.png" data-screen="0-479"></a><div class="caption">6.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqRy3bg28iIFlhOgTCWisqmyiFbyJJxrk5D06je7QUG0VtBHw-qkBsUHbilbe8GLJ2zfdw2iBjIe0-3AVUbdEjCI2I2MyUgfXJSrM4Rwu9VQGLRsBzuP9ex8SdKcOk8JmnsgP1w_0h2hm8/s1600/landscape_color_7.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqRy3bg28iIFlhOgTCWisqmyiFbyJJxrk5D06je7QUG0VtBHw-qkBsUHbilbe8GLJ2zfdw2iBjIe0-3AVUbdEjCI2I2MyUgfXJSrM4Rwu9VQGLRsBzuP9ex8SdKcOk8JmnsgP1w_0h2hm8/s400/landscape_color_7.png" data-screen="0-479"></a><div class="caption">7.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4MIenPk3Y5NP4li0W292V1X642HTkXJP5CdDwb0VrGec0FWKZGt2mbvBXCn49h3dWl8rF-JwML0CiIaRPPPpwMBQyJRhcNKFQso0oBMzDjOvZF8tlCp9n7l3tNZ_W_8lT9CItcmoV4fQx/s1600/landscape_color_8.png" data-screen="480-max"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4MIenPk3Y5NP4li0W292V1X642HTkXJP5CdDwb0VrGec0FWKZGt2mbvBXCn49h3dWl8rF-JwML0CiIaRPPPpwMBQyJRhcNKFQso0oBMzDjOvZF8tlCp9n7l3tNZ_W_8lT9CItcmoV4fQx/s400/landscape_color_8.png" data-screen="0-479"></a><div class="caption">8.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li></ul><div class="fs-icon" title="Expand/Close"></div></div><div id="b_a3_thumbnail-slider"><div class="inner"><ul><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRufYqP3RePRDHvd5FyrQcYbGPHwTEtztylg6okjxCeEnUfHDZ8Jc6IgKoWPIW-g7YRsPp-PfMwiha6wiDSw0D3ChRGmS23Ytv0L4dIBJDRK_hyNrwBI5K879VEPbYCRN8a47L391F8NhC/s400/landscape_color_1.png"></a><span>1</span></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioRjcEyng37P_yt1a7ivKOZUwKpL2xWHzyleuhPJlsV4OW1wcQUKrEPEqsq9Gvl3LS_1DAwjPsjl8PrjpFUSEkWTLiojbGjuMX-lYlcW0sRmEY3tIgVInhcLkYJSbOJJtYk13fimud7jFk/s400/landscape_gray_2.png"></a><span>2</span></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhelYxiNSjkSnemPthauz5ZOoTSJh1pKwv9Nu6VTGw11OlBDdc7f_pHebvfpZAXEdkNgDICX8UCAEOXRhUFprXCMSfABrTg9UoFRdlNnBkwLFOY9LL-O6hwx2AovxTqOZ5u86nUez859KPC/s400/landscape_color_3.png"></a></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEl5bklBeWTexpIAyODaWXS61aRg7cGD_oxg6snPnFmUEJ4N34gV0qEbNKUeWn2-SGYiIbjfZWn01d-OVvd60vIRolCHdcNQ6LFqu5R2dXJA2SEKXTZETDvfNW8iN2yd-UmJXjc6eo5CsQ/s400/landscape_color_4.png"></a><span>4</span></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRKFRj3tL5y2c6q2-fXsmORnupL5SvBmE858nDl0rjhMsTAgKZYITOjLD3VPP_Qqqs1ubgTbJ6wW_cOhNeiWbAVTybIpU55zxvC4oHTiYbPiBf-0PfQIgxOsp_vj-xmaSa_A7LKRYPLPKU/s400/landscape_color_5.png"></a><span>5</span></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB_s4h-alSzTJOqSHdBASTns41JykdPU8KBbFQptKcG72zWq-rJ7hUX7pavbxOwdakyHF5DhDens52J6VeOBis9SIKodEr731Jp1pILiJ3uXBbXLdiWgRiyXIIDNaKVw5RThDxdVUmRb51/s400/landscape_color_6.png"></a><span>6</span></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqRy3bg28iIFlhOgTCWisqmyiFbyJJxrk5D06je7QUG0VtBHw-qkBsUHbilbe8GLJ2zfdw2iBjIe0-3AVUbdEjCI2I2MyUgfXJSrM4Rwu9VQGLRsBzuP9ex8SdKcOk8JmnsgP1w_0h2hm8/s400/landscape_color_7.png"></a><span>7</span></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4MIenPk3Y5NP4li0W292V1X642HTkXJP5CdDwb0VrGec0FWKZGt2mbvBXCn49h3dWl8rF-JwML0CiIaRPPPpwMBQyJRhcNKFQso0oBMzDjOvZF8tlCp9n7l3tNZ_W_8lT9CItcmoV4fQx/s400/landscape_color_8.png"></a><span>8</span></li></ul></div></div></div></div><script type="text/javascript"> var b_nsOptions3 = JSON.parse(JSON.stringify(nsOptions)); b_nsOptions3.sliderId = "b_a3_ninja-slider"; b_nsOptions3.aspectRatio = "default"; b_nsOptions3.keyboardNav = false; b_nsOptions3.before = function (currentIdx, nextIdx, manual) { if (manual && typeof b_mcThumbnailSlider3 != "undefined") b_mcThumbnailSlider3.display(nextIdx); }; var b_nslider3 = new NinjaSlider(b_nsOptions3); window.addEventListener("DOMContentLoaded", function(e) { b_nslider3.init(0); }); var b_thumbnailSliderOptions3 = JSON.parse( JSON.stringify(thumbnailSliderOptions) ); b_thumbnailSliderOptions3.sliderId = "b_a3_thumbnail-slider"; b_thumbnailSliderOptions3.before = function (currentIdx, nextIdx, manual) { if (typeof b_nslider3 != "undefined") b_nslider3.displaySlide(nextIdx); }; var b_mcThumbnailSlider3 = new ThumbnailSlider(b_thumbnailSliderOptions3); window.addEventListener("DOMContentLoaded", function(e) { b_mcThumbnailSlider3.init(0); }); </script><p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p>Creative Commonshttp://www.blogger.com/profile/11256994501847507410noreply@blogger.com0tag:blogger.com,1999:blog-259922230171257749.post-24281303096946393742020-07-16T07:15:00.000-07:002021-08-04T21:23:46.604-07:00Image-Gallery – Fixed Aspect-Ratio<p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p><div id="a5_ninja-slider" class="full-width"><div><div class="slider-inner" style="padding-bottom: 79px"><ul><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifcPPi0NHxmIBKSIFauduHwUgzBHs4GL2FRMsbZDYGHJfHXxKrOoN0L_En7rcq7jR7jl7dX3dABjtAqh8RuznRJ637TGWfIkr7xVz3zKd_Q_tvqkCjehztBG0t-HT5cqnb89FfFP7T-DSH/s800/landscape_color_2.png" data-screen="480-max" data-fs-image="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifcPPi0NHxmIBKSIFauduHwUgzBHs4GL2FRMsbZDYGHJfHXxKrOoN0L_En7rcq7jR7jl7dX3dABjtAqh8RuznRJ637TGWfIkr7xVz3zKd_Q_tvqkCjehztBG0t-HT5cqnb89FfFP7T-DSH/s1600/landscape_color_2.png"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifcPPi0NHxmIBKSIFauduHwUgzBHs4GL2FRMsbZDYGHJfHXxKrOoN0L_En7rcq7jR7jl7dX3dABjtAqh8RuznRJ637TGWfIkr7xVz3zKd_Q_tvqkCjehztBG0t-HT5cqnb89FfFP7T-DSH/s400/landscape_color_2.png" data-screen="0-479" data-fs-image="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifcPPi0NHxmIBKSIFauduHwUgzBHs4GL2FRMsbZDYGHJfHXxKrOoN0L_En7rcq7jR7jl7dX3dABjtAqh8RuznRJ637TGWfIkr7xVz3zKd_Q_tvqkCjehztBG0t-HT5cqnb89FfFP7T-DSH/s800/landscape_color_2.png"></a><div class="caption">1. Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhelYxiNSjkSnemPthauz5ZOoTSJh1pKwv9Nu6VTGw11OlBDdc7f_pHebvfpZAXEdkNgDICX8UCAEOXRhUFprXCMSfABrTg9UoFRdlNnBkwLFOY9LL-O6hwx2AovxTqOZ5u86nUez859KPC/s800/landscape_color_3.png" data-screen="480-max" data-fs-image="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhelYxiNSjkSnemPthauz5ZOoTSJh1pKwv9Nu6VTGw11OlBDdc7f_pHebvfpZAXEdkNgDICX8UCAEOXRhUFprXCMSfABrTg9UoFRdlNnBkwLFOY9LL-O6hwx2AovxTqOZ5u86nUez859KPC/s1600/landscape_color_3.png"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhelYxiNSjkSnemPthauz5ZOoTSJh1pKwv9Nu6VTGw11OlBDdc7f_pHebvfpZAXEdkNgDICX8UCAEOXRhUFprXCMSfABrTg9UoFRdlNnBkwLFOY9LL-O6hwx2AovxTqOZ5u86nUez859KPC/s400/landscape_color_3.png" data-screen="0-479" data-fs-image="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhelYxiNSjkSnemPthauz5ZOoTSJh1pKwv9Nu6VTGw11OlBDdc7f_pHebvfpZAXEdkNgDICX8UCAEOXRhUFprXCMSfABrTg9UoFRdlNnBkwLFOY9LL-O6hwx2AovxTqOZ5u86nUez859KPC/s800/landscape_color_3.png"></a><div class="caption">2. Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEl5bklBeWTexpIAyODaWXS61aRg7cGD_oxg6snPnFmUEJ4N34gV0qEbNKUeWn2-SGYiIbjfZWn01d-OVvd60vIRolCHdcNQ6LFqu5R2dXJA2SEKXTZETDvfNW8iN2yd-UmJXjc6eo5CsQ/s800/landscape_color_4.png" data-screen="480-max" data-fs-image="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEl5bklBeWTexpIAyODaWXS61aRg7cGD_oxg6snPnFmUEJ4N34gV0qEbNKUeWn2-SGYiIbjfZWn01d-OVvd60vIRolCHdcNQ6LFqu5R2dXJA2SEKXTZETDvfNW8iN2yd-UmJXjc6eo5CsQ/s1600/landscape_color_4.png"></a><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEl5bklBeWTexpIAyODaWXS61aRg7cGD_oxg6snPnFmUEJ4N34gV0qEbNKUeWn2-SGYiIbjfZWn01d-OVvd60vIRolCHdcNQ6LFqu5R2dXJA2SEKXTZETDvfNW8iN2yd-UmJXjc6eo5CsQ/s400/landscape_color_4.png" data-screen="0-479" data-fs-image="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEl5bklBeWTexpIAyODaWXS61aRg7cGD_oxg6snPnFmUEJ4N34gV0qEbNKUeWn2-SGYiIbjfZWn01d-OVvd60vIRolCHdcNQ6LFqu5R2dXJA2SEKXTZETDvfNW8iN2yd-UmJXjc6eo5CsQ/s800/landscape_color_4.png"></a><div class="caption">3.) Even before the internet was a thing, people already used Filler Text as a filler in printing tests. </div></li></ul><div class="fs-icon" title="Expand/Close"></div></div><div id="a5_thumbnail-slider" style="margin-top: -79px"><div class="inner"><ul><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifcPPi0NHxmIBKSIFauduHwUgzBHs4GL2FRMsbZDYGHJfHXxKrOoN0L_En7rcq7jR7jl7dX3dABjtAqh8RuznRJ637TGWfIkr7xVz3zKd_Q_tvqkCjehztBG0t-HT5cqnb89FfFP7T-DSH/s400/landscape_color_2.png"></a><span class="dark-text-color">1</span></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhelYxiNSjkSnemPthauz5ZOoTSJh1pKwv9Nu6VTGw11OlBDdc7f_pHebvfpZAXEdkNgDICX8UCAEOXRhUFprXCMSfABrTg9UoFRdlNnBkwLFOY9LL-O6hwx2AovxTqOZ5u86nUez859KPC/s400/landscape_color_3.png"></a><span>2</span></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEl5bklBeWTexpIAyODaWXS61aRg7cGD_oxg6snPnFmUEJ4N34gV0qEbNKUeWn2-SGYiIbjfZWn01d-OVvd60vIRolCHdcNQ6LFqu5R2dXJA2SEKXTZETDvfNW8iN2yd-UmJXjc6eo5CsQ/s400/landscape_color_4.png"></a><span>3</span></li></ul></div></div></div></div><script type="text/javascript"> var nsOptions5 = JSON.parse(JSON.stringify(nsOptions)); nsOptions5.sliderId = "a5_ninja-slider"; nsOptions5.aspectRatio = "2:1"; nsOptions5.before = function (currentIdx, nextIdx, manual) { if (manual && typeof mcThumbnailSlider5 != "undefined") mcThumbnailSlider5.display(nextIdx); }; var nslider5 = new NinjaSlider(nsOptions5); window.addEventListener("DOMContentLoaded", function(e) { nslider5.init(0); }); var thumbnailSliderOptions5 = JSON.parse( JSON.stringify(thumbnailSliderOptions) ); thumbnailSliderOptions5.sliderId = "a5_thumbnail-slider"; thumbnailSliderOptions5.thumbHeight = "75px"; thumbnailSliderOptions5.before = function (currentIdx, nextIdx, manual) { if (typeof nslider5 != "undefined") nslider5.displaySlide(nextIdx); }; var mcThumbnailSlider5 = new ThumbnailSlider(thumbnailSliderOptions5); window.addEventListener("DOMContentLoaded", function(e) { mcThumbnailSlider5.init(0); }); </script><p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p>Creative Commonshttp://www.blogger.com/profile/11256994501847507410noreply@blogger.com0tag:blogger.com,1999:blog-259922230171257749.post-33310939251426925302020-07-15T07:11:00.002-07:002021-08-04T21:23:46.975-07:00Image-Gallery – Portrait Orientation<p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p><div id="d20170124n1_ninja-slider"><div><div class="slider-inner"><ul><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSli0Csr5fTwPQydEwyLx6JO9m_Fd60oC_R4paVH3pcipZT_pT-zArFCl36Vp_uEDu7smnTMrmhC-Z5406hdu0eWj8sHF667jWmv8FH_61ADRILXRA3lJOFgZ78etuxz2R0dyolCAHpp2j/s400/portrait_1.jpg" data-fs-image="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSli0Csr5fTwPQydEwyLx6JO9m_Fd60oC_R4paVH3pcipZT_pT-zArFCl36Vp_uEDu7smnTMrmhC-Z5406hdu0eWj8sHF667jWmv8FH_61ADRILXRA3lJOFgZ78etuxz2R0dyolCAHpp2j/s1600/portrait_1.jpg"></a><div class="caption">Griechenlands neuer Eigentümer</div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0aisqGBYWQz6WvPWK02D4IhrXraexhtDXRntlSiH_9FFYjIv1KrAxfYfh-hsZjGD38PQaJDdNPzNrvGuUu6xkG68e5Mnznm3xHH4kEzYpvTzKQQYDoif-U7F1ReoZhl1xBffr089y3oBP/s400/portrait_2.jpg" data-fs-image="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0aisqGBYWQz6WvPWK02D4IhrXraexhtDXRntlSiH_9FFYjIv1KrAxfYfh-hsZjGD38PQaJDdNPzNrvGuUu6xkG68e5Mnznm3xHH4kEzYpvTzKQQYDoif-U7F1ReoZhl1xBffr089y3oBP/s1600/portrait_2.jpg"></a><div class="caption">Das doppelte Lottchen</div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9X3QMGzgVCRQtAj_HYk5N5DDxwflUNnehtOvvdfFAtHnnH_hNSoP_H77o0Wi_hbEEiYKNfn-1mbDYQDYVdAR8AawKIsJKzUxIMtYvcF_CGjDJ6nIcJxpGu8oMvlyKea5ONG-lsOIsCnRz/s400/portrait_3.jpg" data-fs-image="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9X3QMGzgVCRQtAj_HYk5N5DDxwflUNnehtOvvdfFAtHnnH_hNSoP_H77o0Wi_hbEEiYKNfn-1mbDYQDYVdAR8AawKIsJKzUxIMtYvcF_CGjDJ6nIcJxpGu8oMvlyKea5ONG-lsOIsCnRz/s1600/portrait_3.jpg"></a><div class="caption">Workshop Plakat</div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghRja9YIrKFeu-sLGHP0tsYdVyEcfOmatN69oAW3TiiclgsXIyCaZ367BCiDvwuDzbHoThn1P7463fEA8rfvnhmKdi6g3C6iZ1vm5s_sSOuPPpwf5G2fIDLJ7AUcGk6GFhnu2tJiuXma2Q/s400/portrait_4.jpg" data-fs-image="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghRja9YIrKFeu-sLGHP0tsYdVyEcfOmatN69oAW3TiiclgsXIyCaZ367BCiDvwuDzbHoThn1P7463fEA8rfvnhmKdi6g3C6iZ1vm5s_sSOuPPpwf5G2fIDLJ7AUcGk6GFhnu2tJiuXma2Q/s1600/portrait_4.jpg"></a><div class="caption">Lampedusa</div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFuQCigBgXYSqNkZoPIyCk7dTXJ7GxzPBGkXfzqmKwGEqj5aED5IuvctytvL-o_qTBZKCwoU2Dp7u9irDWHinMr3NNVx1ifDkH45Hp8KXiZenxPZS5lq0sQuxBK_dTGMmLSNLhqGpmGDgg/s400/portrait_5.jpg" data-fs-image="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFuQCigBgXYSqNkZoPIyCk7dTXJ7GxzPBGkXfzqmKwGEqj5aED5IuvctytvL-o_qTBZKCwoU2Dp7u9irDWHinMr3NNVx1ifDkH45Hp8KXiZenxPZS5lq0sQuxBK_dTGMmLSNLhqGpmGDgg/s1600/portrait_5.jpg"></a><div class="caption">Small Cause</div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEina5yjNLudeXMsIqe531J0xwhxDVFAlDzIYXKZyznSR9yLTd7rxiWtBna2zMfZ-rMTUETe6uaE2U6DKowpfPzM0uBdkBea3A_b__0CTR-n5YqlTT3xFSpV5IIylk05hKjJ417iPxQ7cvUW/s400/portrait_6.jpg" data-fs-image="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEina5yjNLudeXMsIqe531J0xwhxDVFAlDzIYXKZyznSR9yLTd7rxiWtBna2zMfZ-rMTUETe6uaE2U6DKowpfPzM0uBdkBea3A_b__0CTR-n5YqlTT3xFSpV5IIylk05hKjJ417iPxQ7cvUW/s1600/portrait_6.jpg"></a><div class="caption">20 Jahre Radio RaBe</div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCLZAf_vzLF6K8SriVT9G1oslbwGzsOTrmcQxLuXJz09xUJ2obT3xjGSag61MPTRwISACVT8uHxjnTJb1usJ6jsW0JCQIwIKIvuOG3mmcs9B-iWl6CrjmPg_rf_zbaJBOdCcdJVv7lQ4mD/s400/portrait_7.jpg" data-fs-image="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCLZAf_vzLF6K8SriVT9G1oslbwGzsOTrmcQxLuXJz09xUJ2obT3xjGSag61MPTRwISACVT8uHxjnTJb1usJ6jsW0JCQIwIKIvuOG3mmcs9B-iWl6CrjmPg_rf_zbaJBOdCcdJVv7lQ4mD/s1600/portrait_7.jpg"></a><div class="caption">Design x Taipei</div></li><li><a class="ns-img" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxEMqY7MM6qX231JhpM99fC1SnD01zqzH33GaNEQskQFGAWMeRmycJhdtzcMOASy0YSZ1iv3Q1xhsSfUqYGyE31FNhY1bZSoASDVANcWvKGEv0KtpoPc5AQLkpGiSRi_FgodGk9HBCwyZH/s400/portrait_8.jpg" data-fs-image="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxEMqY7MM6qX231JhpM99fC1SnD01zqzH33GaNEQskQFGAWMeRmycJhdtzcMOASy0YSZ1iv3Q1xhsSfUqYGyE31FNhY1bZSoASDVANcWvKGEv0KtpoPc5AQLkpGiSRi_FgodGk9HBCwyZH/s1600/portrait_8.jpg"></a><div class="caption">Astronautovic</div></li></ul><div class="fs-icon" title="Expand/Close"></div></div><div id="d20170124n1_thumbnail-slider"><div class="inner"><ul><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSli0Csr5fTwPQydEwyLx6JO9m_Fd60oC_R4paVH3pcipZT_pT-zArFCl36Vp_uEDu7smnTMrmhC-Z5406hdu0eWj8sHF667jWmv8FH_61ADRILXRA3lJOFgZ78etuxz2R0dyolCAHpp2j/s400/portrait_1.jpg"></a><span></span></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0aisqGBYWQz6WvPWK02D4IhrXraexhtDXRntlSiH_9FFYjIv1KrAxfYfh-hsZjGD38PQaJDdNPzNrvGuUu6xkG68e5Mnznm3xHH4kEzYpvTzKQQYDoif-U7F1ReoZhl1xBffr089y3oBP/s400/portrait_2.jpg"></a><span></span></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9X3QMGzgVCRQtAj_HYk5N5DDxwflUNnehtOvvdfFAtHnnH_hNSoP_H77o0Wi_hbEEiYKNfn-1mbDYQDYVdAR8AawKIsJKzUxIMtYvcF_CGjDJ6nIcJxpGu8oMvlyKea5ONG-lsOIsCnRz/s400/portrait_3.jpg"></a><span></span></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghRja9YIrKFeu-sLGHP0tsYdVyEcfOmatN69oAW3TiiclgsXIyCaZ367BCiDvwuDzbHoThn1P7463fEA8rfvnhmKdi6g3C6iZ1vm5s_sSOuPPpwf5G2fIDLJ7AUcGk6GFhnu2tJiuXma2Q/s400/portrait_4.jpg"></a><span></span></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFuQCigBgXYSqNkZoPIyCk7dTXJ7GxzPBGkXfzqmKwGEqj5aED5IuvctytvL-o_qTBZKCwoU2Dp7u9irDWHinMr3NNVx1ifDkH45Hp8KXiZenxPZS5lq0sQuxBK_dTGMmLSNLhqGpmGDgg/s400/portrait_5.jpg"></a><span></span></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEina5yjNLudeXMsIqe531J0xwhxDVFAlDzIYXKZyznSR9yLTd7rxiWtBna2zMfZ-rMTUETe6uaE2U6DKowpfPzM0uBdkBea3A_b__0CTR-n5YqlTT3xFSpV5IIylk05hKjJ417iPxQ7cvUW/s400/portrait_6.jpg"></a><span></span></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCLZAf_vzLF6K8SriVT9G1oslbwGzsOTrmcQxLuXJz09xUJ2obT3xjGSag61MPTRwISACVT8uHxjnTJb1usJ6jsW0JCQIwIKIvuOG3mmcs9B-iWl6CrjmPg_rf_zbaJBOdCcdJVv7lQ4mD/s400/portrait_7.jpg"></a><span></span></li><li><a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxEMqY7MM6qX231JhpM99fC1SnD01zqzH33GaNEQskQFGAWMeRmycJhdtzcMOASy0YSZ1iv3Q1xhsSfUqYGyE31FNhY1bZSoASDVANcWvKGEv0KtpoPc5AQLkpGiSRi_FgodGk9HBCwyZH/s400/portrait_8.jpg"></a><span></span></li></ul></div></div></div></div><script type="text/javascript"> var nsOpt_d20170124n1 = JSON.parse(JSON.stringify(nsOptions)); nsOpt_d20170124n1.sliderId = "d20170124n1_ninja-slider"; nsOpt_d20170124n1.aspectRatio = "?:50%"; nsOpt_d20170124n1.before = function (currentIdx, nextIdx, manual) { if (manual && typeof tsObj_d20170124n1 != "undefined") tsObj_d20170124n1.display(nextIdx); }; var nsObj_d20170124n1 = new NinjaSlider(nsOpt_d20170124n1); window.addEventListener("DOMContentLoaded", function (e) { nsObj_d20170124n1.init(0); }); var tsOpt_d20170124n1 = JSON.parse(JSON.stringify(thumbnailSliderOptions)); tsOpt_d20170124n1.sliderId = "d20170124n1_thumbnail-slider"; tsOpt_d20170124n1.before = function (currentIdx, nextIdx, manual) { if (typeof nsObj_d20170124n1 != "undefined") nsObj_d20170124n1.displaySlide(nextIdx); }; var tsObj_d20170124n1 = new ThumbnailSlider(tsOpt_d20170124n1); window.addEventListener("DOMContentLoaded", function (e) { tsObj_d20170124n1.init(0); }); </script><p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p>Creative Commonshttp://www.blogger.com/profile/11256994501847507410noreply@blogger.com0tag:blogger.com,1999:blog-259922230171257749.post-84172456823325919132020-07-14T07:13:00.002-07:002021-08-04T21:23:49.336-07:00Image-Gallery – Embedded Link<p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p><div id="a4_ninja-slider"><div><div class="slider-inner"><ul><li><a href="/"><img class="ns-img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioRjcEyng37P_yt1a7ivKOZUwKpL2xWHzyleuhPJlsV4OW1wcQUKrEPEqsq9Gvl3LS_1DAwjPsjl8PrjpFUSEkWTLiojbGjuMX-lYlcW0sRmEY3tIgVInhcLkYJSbOJJtYk13fimud7jFk/s400/landscape_gray_2.png" style="cursor: pointer;"/></a><div class="caption">Link </div></li></ul><div class="fs-icon" title="Expand/Close"></div></div></div></div><script type="text/javascript"> var nsOptions4 = JSON.parse(JSON.stringify(nsOptions)); nsOptions4.sliderId = "a4_ninja-slider"; nsOptions4.aspectRatio = "4:3"; nsOptions4.before = null; var nslider4 = new NinjaSlider(nsOptions4); window.addEventListener("DOMContentLoaded", function(e) { nslider4.init(0); }); </script><p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p>Creative Commonshttp://www.blogger.com/profile/11256994501847507410noreply@blogger.com0tag:blogger.com,1999:blog-259922230171257749.post-73933414315363033432020-07-13T07:07:00.000-07:002021-08-04T21:23:48.968-07:00Carousel-Slider<p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p><div id="a_a8_ninja-slider" class="carousel-slider full-width"><div><div class="slider-inner"><ul><li></li><li></li><li></li><li></li><li></li></ul></div><div id="a_a8_thumbnail-slider"><div class="inner"><ul><li><a href="/" ><img class="thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhelYxiNSjkSnemPthauz5ZOoTSJh1pKwv9Nu6VTGw11OlBDdc7f_pHebvfpZAXEdkNgDICX8UCAEOXRhUFprXCMSfABrTg9UoFRdlNnBkwLFOY9LL-O6hwx2AovxTqOZ5u86nUez859KPC/s400/landscape_color_3.png" /><span>Link 1</span></a></li><li><a href="/" ><img class="thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEl5bklBeWTexpIAyODaWXS61aRg7cGD_oxg6snPnFmUEJ4N34gV0qEbNKUeWn2-SGYiIbjfZWn01d-OVvd60vIRolCHdcNQ6LFqu5R2dXJA2SEKXTZETDvfNW8iN2yd-UmJXjc6eo5CsQ/s400/landscape_color_4.png" /><span>Link 2</span></a></li><li><a href="/" ><img class="thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRKFRj3tL5y2c6q2-fXsmORnupL5SvBmE858nDl0rjhMsTAgKZYITOjLD3VPP_Qqqs1ubgTbJ6wW_cOhNeiWbAVTybIpU55zxvC4oHTiYbPiBf-0PfQIgxOsp_vj-xmaSa_A7LKRYPLPKU/s400/landscape_color_5.png" /><span>Link 3</span></a></li><li><a href="/" ><img class="thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB_s4h-alSzTJOqSHdBASTns41JykdPU8KBbFQptKcG72zWq-rJ7hUX7pavbxOwdakyHF5DhDens52J6VeOBis9SIKodEr731Jp1pILiJ3uXBbXLdiWgRiyXIIDNaKVw5RThDxdVUmRb51/s400/landscape_color_6.png" /><span>Link 4</span></a></li></ul></div></div></div></div><script type="text/javascript"> var a_nsOptions8 = JSON.parse(JSON.stringify(nsOptions)); a_nsOptions8.sliderId = "a_a8_ninja-slider"; a_nsOptions8.before = function (currentIdx, nextIdx, manual) { if (manual && typeof a_mcThumbnailSlider8 != "undefined") a_mcThumbnailSlider8.display(nextIdx); }; var a_nslider8 = new NinjaSlider(a_nsOptions8); window.addEventListener("DOMContentLoaded", function(e) { a_nslider8.init(0); }); var a_thumbnailSliderOptions8 = JSON.parse( JSON.stringify(thumbnailSliderOptions) ); a_thumbnailSliderOptions8.sliderId = "a_a8_thumbnail-slider"; a_thumbnailSliderOptions8.thumbWidth = "75%"; a_thumbnailSliderOptions8.thumbHeight = "auto"; a_thumbnailSliderOptions8.before = function (currentIdx, nextIdx, manual) { if (typeof a_nslider8 != "undefined") a_nslider8.displaySlide(nextIdx); }; var a_mcThumbnailSlider8 = new ThumbnailSlider(a_thumbnailSliderOptions8); window.addEventListener("DOMContentLoaded", function(e) { a_mcThumbnailSlider8.init(0); }); </script><p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p><div id="b_a8_ninja-slider" class="carousel-slider"><div><div class="slider-inner"><ul><li></li><li></li><li></li><li></li><li></li></ul></div><div id="b_a8_thumbnail-slider"><div class="inner"><ul><li><a href="/" ><img class="thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhelYxiNSjkSnemPthauz5ZOoTSJh1pKwv9Nu6VTGw11OlBDdc7f_pHebvfpZAXEdkNgDICX8UCAEOXRhUFprXCMSfABrTg9UoFRdlNnBkwLFOY9LL-O6hwx2AovxTqOZ5u86nUez859KPC/s400/landscape_color_3.png" /><span>Link 1</span></a></li><li><a href="/" ><img class="thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEl5bklBeWTexpIAyODaWXS61aRg7cGD_oxg6snPnFmUEJ4N34gV0qEbNKUeWn2-SGYiIbjfZWn01d-OVvd60vIRolCHdcNQ6LFqu5R2dXJA2SEKXTZETDvfNW8iN2yd-UmJXjc6eo5CsQ/s400/landscape_color_4.png" /><span>Link 2</span></a></li><li><a href="/" ><img class="thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRKFRj3tL5y2c6q2-fXsmORnupL5SvBmE858nDl0rjhMsTAgKZYITOjLD3VPP_Qqqs1ubgTbJ6wW_cOhNeiWbAVTybIpU55zxvC4oHTiYbPiBf-0PfQIgxOsp_vj-xmaSa_A7LKRYPLPKU/s400/landscape_color_5.png" /><span>Link 3</span></a></li><li><a href="/" ><img class="thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB_s4h-alSzTJOqSHdBASTns41JykdPU8KBbFQptKcG72zWq-rJ7hUX7pavbxOwdakyHF5DhDens52J6VeOBis9SIKodEr731Jp1pILiJ3uXBbXLdiWgRiyXIIDNaKVw5RThDxdVUmRb51/s400/landscape_color_6.png" /><span>Link 4</span></a></li></ul></div></div></div></div><script type="text/javascript"> var b_nsOptions8 = JSON.parse(JSON.stringify(nsOptions)); b_nsOptions8.sliderId = "b_a8_ninja-slider"; b_nsOptions8.keyboardNav = false; b_nsOptions8.before = function (currentIdx, nextIdx, manual) { if (manual && typeof b_mcThumbnailSlider8 != "undefined") b_mcThumbnailSlider8.display(nextIdx); }; var b_nslider8 = new NinjaSlider(b_nsOptions8); window.addEventListener("DOMContentLoaded", function(e) { b_nslider8.init(0); }); var b_thumbnailSliderOptions8 = JSON.parse( JSON.stringify(thumbnailSliderOptions) ); b_thumbnailSliderOptions8.sliderId = "b_a8_thumbnail-slider"; b_thumbnailSliderOptions8.thumbWidth = "75%"; b_thumbnailSliderOptions8.thumbHeight = "auto"; b_thumbnailSliderOptions8.before = function (currentIdx, nextIdx, manual) { if (typeof b_nslider8 != "undefined") b_nslider8.displaySlide(nextIdx); }; var b_mcThumbnailSlider8 = new ThumbnailSlider(b_thumbnailSliderOptions8); window.addEventListener("DOMContentLoaded", function(e) { b_mcThumbnailSlider8.init(0); }); </script><p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p>Creative Commonshttp://www.blogger.com/profile/11256994501847507410noreply@blogger.com0tag:blogger.com,1999:blog-259922230171257749.post-73199727671449078762020-07-12T07:26:00.000-07:002021-08-04T21:23:48.876-07:00Video-Slider<p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p><div id="a7_ninja-slider"> <div class="slider-inner"> <ul> <li> <div class="video"> <iframe src="https://player.vimeo.com/video/435708237" frameborder="0" allowfullscreen></iframe> </div> <a class="ns-img" href="https://i.vimeocdn.com/video/919975710.jpg?mw=1200&mh=675&q=70"></a> <div class="caption light-text-color">Supports Youtube, Vimeo and HTML video/audio</div> <div class="video-playbutton-layer"></div> </li> <li> <div class="video"> <iframe src="https://www.youtube.com/embed/vTezm7btK-Q?enablejsapi=1&start=10&rel=0&showinfo=0&iv_load_policy=3&modestbranding=1" frameborder="0" allowfullscreen data-autoplay="false"></iframe> </div> <a class="ns-img" href="https://i.ytimg.com/vi/vTezm7btK-Q/maxresdefault.jpg"></a> <div class="caption dark-text-color light-background-color">This video starts from 0:10</div> <div class="video-playbutton-layer"></div> </li> <li> <div class="video"> <video controls width="100%"> <source src="https://gelatistatic.sugar3.io/v1/media/video.mp4" type="video/mp4"/> </video> </div> </li> <li> <a class="ns-img" href="https://gelatistatic.sugar3.io/v1/media/picture.jpg"></a> <div class="video" style=" background-color: transparent; height: auto; top: auto; bottom: 0px;"> <audio controls data-autoplay="1"> <source src="https://gelatistatic.sugar3.io/v1/media/audio.mp3" type="audio/mpeg"/> </audio> </div> </li> </ul> <!-- <div class="fs-icon"></div> --> </div></div><script type="text/javascript"> var nsOptions7 = JSON.parse(JSON.stringify(nsOptions)); nsOptions7.sliderId = "a7_ninja-slider"; nsOptions7.transitionType = "slide"; nsOptions7.transitionSpeed = "default"; nsOptions7.pauseOnHover = false; nsOptions7.aspectRatio = "16:9"; nsOptions7.before = null; var nslider7 = new NinjaSlider(nsOptions7); window.addEventListener("DOMContentLoaded", function(e) { nslider7.init(0); }); </script><p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p>Creative Commonshttp://www.blogger.com/profile/11256994501847507410noreply@blogger.com0tag:blogger.com,1999:blog-259922230171257749.post-9496045003986272992020-07-11T07:28:00.000-07:002021-08-04T21:23:45.957-07:00Video-Gallery<p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p><div id="a_a9_ninja-slider" class="full-width"><div class="slider-inner"><ul><li><div class="video"><iframe src="https://player.vimeo.com/video/435708237?title=0&portrait=0&byline=0" frameborder="0" allowfullscreen></iframe></div></li><li><div class="video"><iframe src="https://www.youtube.com/embed/vTezm7btK-Q?enablejsapi=1&start=0&rel=0&showinfo=0&iv_load_policy=3&modestbranding=1" wmode="Opaque" frameborder="0" allowfullscreen></iframe></div><a class="ns-img" href="https://i.ytimg.com/vi/vTezm7btK-Q/maxresdefault.jpg"></a><div class="video-playbutton-layer"></div></li><li><div class="video"><video controls data-autoplay="false"><source src="https://gelatistatic.sugar3.io/v1/media/video.mp4" type="video/mp4"/></video></div><a class="ns-img" href="https://gelatistatic.sugar3.io/v1/media/picture.jpg"></a><div class="video-playbutton-layer"></div></li><li><a class="ns-img" href="https://gelatistatic.sugar3.io/v1/media/picture2.jpg"></a><div class="video" style="background-color: transparent; height: auto; top: auto; bottom: 0px;"><audio controls><source src="https://gelatistatic.sugar3.io/v1/media/audio2.mp3" type="audio/mpeg" /></audio></div></li></ul></div><div id="a_a9_thumbnail-video"><span onclick="a_nslider9.displaySlide(0)"><img src="https://i.vimeocdn.com/video/919975710.jpg?mw=400&mh=225&q=70" /></span><span onclick="a_nslider9.playVideo(1)"><img src="https://i.ytimg.com/vi/vTezm7btK-Q/mqdefault.jpg"/><span class="playvideo"></span></span><span onclick="a_nslider9.displaySlide(2)"><img src="https://gelatistatic.sugar3.io/v1/media/picture_s.jpg"/></span><span onclick="a_nslider9.playVideo(3)"><img src="https://gelatistatic.sugar3.io/v1/media/picture2_s.jpg"/><span class="playvideo"></span></span></div></div><script type="text/javascript"> var a_nsOptions9 = JSON.parse(JSON.stringify(nsOptions)); a_nsOptions9.sliderId = "a_a9_ninja-slider"; a_nsOptions9.transitionType = "slide"; a_nsOptions9.transitionSpeed = "default"; a_nsOptions9.pauseOnHover = false; a_nsOptions9.aspectRatio = "16:9"; a_nsOptions9.before = null; var a_nslider9 = new NinjaSlider(a_nsOptions9); window.addEventListener("DOMContentLoaded", function (e) { a_nslider9.init(0); }); </script><p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p>Creative Commonshttp://www.blogger.com/profile/11256994501847507410noreply@blogger.com0tag:blogger.com,1999:blog-259922230171257749.post-10829554472359064562020-05-18T06:34:00.002-07:002022-01-08T00:15:42.050-08:00Index HowTo – Post-Thumbnail Only<a name='more'></a><hr class="separator content-block small-width content-spacer"/><pre class="swipeable-item"><cite>Robert Frost</cite><br /><br /> Two roads diverged in a yellow wood,<br /> And sorry I could not travel both (\_/)<br /> And be one traveler, long I stood (='.'=)<br /> And looked down one as far as I could (")_(")<br /> To where it bent in the undergrowth;<br /><br /> Then took the other, as just as fair,<br /> And having perhaps the better claim, |\_/|<br /> Because it was grassy and wanted wear; / @ @ \<br /> Though as for that the passing there ( > º < )<br /> Had worn them really about the same, `>>x<<´<br /> / O \<br /> And both that morning equally lay<br /> In leaves no step had trodden black.<br /> Oh, I kept the first for another day!<br /> Yet knowing how way leads on to way,<br /> I doubted if I should ever come back.<br /><br /> I shall be telling this with a sigh<br /> Somewhere ages and ages hence:<br /> Two roads diverged in a wood, and I—<br /> I took the one less traveled by,<br /> And that has made all the difference.<br /><br /> and here's a line of some really, really, really, really long text, just to see how it is handled and to find out how it overflows<br /></pre><br /><div id="a_a8_ninja-slider" class="carousel-slider full-width"><div><div class="slider-inner"><ul><li></li><li></li><li></li><li></li><li></li></ul></div><div id="a_a8_thumbnail-slider"><div class="inner"><ul><li><a href="/" ><img class="thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhelYxiNSjkSnemPthauz5ZOoTSJh1pKwv9Nu6VTGw11OlBDdc7f_pHebvfpZAXEdkNgDICX8UCAEOXRhUFprXCMSfABrTg9UoFRdlNnBkwLFOY9LL-O6hwx2AovxTqOZ5u86nUez859KPC/s400/landscape_color_3.png" /><span>Link 1</span></a></li><li><a href="/" ><img class="thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEl5bklBeWTexpIAyODaWXS61aRg7cGD_oxg6snPnFmUEJ4N34gV0qEbNKUeWn2-SGYiIbjfZWn01d-OVvd60vIRolCHdcNQ6LFqu5R2dXJA2SEKXTZETDvfNW8iN2yd-UmJXjc6eo5CsQ/s400/landscape_color_4.png" /><span>Link 2</span></a></li><li><a href="/" ><img class="thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRKFRj3tL5y2c6q2-fXsmORnupL5SvBmE858nDl0rjhMsTAgKZYITOjLD3VPP_Qqqs1ubgTbJ6wW_cOhNeiWbAVTybIpU55zxvC4oHTiYbPiBf-0PfQIgxOsp_vj-xmaSa_A7LKRYPLPKU/s400/landscape_color_5.png" /><span>Link 3</span></a></li><li><a href="/" ><img class="thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB_s4h-alSzTJOqSHdBASTns41JykdPU8KBbFQptKcG72zWq-rJ7hUX7pavbxOwdakyHF5DhDens52J6VeOBis9SIKodEr731Jp1pILiJ3uXBbXLdiWgRiyXIIDNaKVw5RThDxdVUmRb51/s400/landscape_color_6.png" /><span>Link 4</span></a></li></ul></div></div></div></div><script type="text/javascript"> var a_nsOptions8 = JSON.parse(JSON.stringify(nsOptions)); a_nsOptions8.sliderId = "a_a8_ninja-slider"; a_nsOptions8.before = function (currentIdx, nextIdx, manual) { if (manual && typeof a_mcThumbnailSlider8 != "undefined") a_mcThumbnailSlider8.display(nextIdx); }; var a_nslider8 = new NinjaSlider(a_nsOptions8); window.addEventListener("DOMContentLoaded", function(e) { a_nslider8.init(0); }); var a_thumbnailSliderOptions8 = JSON.parse( JSON.stringify(thumbnailSliderOptions) ); a_thumbnailSliderOptions8.sliderId = "a_a8_thumbnail-slider"; a_thumbnailSliderOptions8.thumbWidth = "75%"; a_thumbnailSliderOptions8.thumbHeight = "auto"; a_thumbnailSliderOptions8.before = function (currentIdx, nextIdx, manual) { if (typeof a_nslider8 != "undefined") a_nslider8.displaySlide(nextIdx); }; var a_mcThumbnailSlider8 = new ThumbnailSlider(a_thumbnailSliderOptions8); window.addEventListener("DOMContentLoaded", function(e) { a_mcThumbnailSlider8.init(0); }); </script><hr class="separator content-block small-width content-spacer"/><blockquote> Only one thing is impossible for God: To find any sense in any copyright law on the planet. <br /> <br /> <cite><a href="http://www.brainyquote.com/quotes/quotes/m/marktwain163473.html">Mark Twain</a></cite></blockquote>Creative Commonshttp://www.blogger.com/profile/11256994501847507410noreply@blogger.com0tag:blogger.com,1999:blog-259922230171257749.post-5083700972343940272020-05-11T15:09:00.000-07:002021-08-04T21:23:45.590-07:00Video Handling – YouTube<p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p> <div class="separator content-block content-spacer full-width ratio-16x9" style="clear: both; text-align: center;"><div><iframe width="320" height="266" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/vTezm7btK-Q/0.jpg" src="https://www.youtube.com/embed/vTezm7btK-Q?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div></div> <p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p> <div class="separator content-block content-spacer small-width ratio-16x9" style="clear: both; text-align: center;"><div><iframe width="320" height="266" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/vTezm7btK-Q/0.jpg" src="https://www.youtube.com/embed/vTezm7btK-Q?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div></div> <p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p> <button onclick='this.outerHTML = "<iframe width='1120' height='630' frameborder='0' allow='accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture' allowfullscreen src='https://www.youtube.com/embed/vTezm7btK-Q' />"'> Youtube (1120 x 630) </button> <p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p>Creative Commonshttp://www.blogger.com/profile/11256994501847507410noreply@blogger.com0tag:blogger.com,1999:blog-259922230171257749.post-86330054430203169692020-05-10T15:08:00.000-07:002021-08-04T21:23:49.520-07:00Video Handling – Vimeo<p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p> <div class="separator content-block content-spacer full-width ratio-16x9" style="clear: both; text-align: center;"><div><iframe src="https://player.vimeo.com/video/435708237" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div></div> <p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p> <div class="separator content-block content-spacer small-width ratio-16x9" style="clear: both; text-align: center;"><div><iframe src="https://player.vimeo.com/video/435708237" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div></div> <p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p> <div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/435708237" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script> <p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p> <button onclick='this.outerHTML = "<iframe width='1280' height='720' frameborder='0' allow='autplay; fullscreen' allowfullscreen src='https://player.vimeo.com/video/435708237' />"'> Vimeo (1280 x 720) </button> <p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p>Creative Commonshttp://www.blogger.com/profile/11256994501847507410noreply@blogger.com0tag:blogger.com,1999:blog-259922230171257749.post-47959715871756471092020-05-09T13:23:00.000-07:002021-08-04T21:23:47.623-07:00Layout Test Suite – Videos #1<p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p> <div class="separator content-block content-spacer full-width ratio-4x3" style="clear: both; text-align: center;"><div><iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/e1Tr_f-UqdI/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/e1Tr_f-UqdI?feature=player_embedded" width="320"></iframe></div></div> <p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p> <div class="separator content-block content-spacer full-width ratio-16x9" style="clear: both; text-align: center;"><div><iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/HjkgrcSnUfg/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/HjkgrcSnUfg?feature=player_embedded" width="320"></iframe></div></div> <p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p> <div class="separator content-block content-spacer small-width ratio-16x9" style="clear: both; text-align: center;"><div><iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/HjkgrcSnUfg/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/HjkgrcSnUfg?feature=player_embedded" width="320"></iframe></div></div> <p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p>Creative Commonshttp://www.blogger.com/profile/11256994501847507410noreply@blogger.com0tag:blogger.com,1999:blog-259922230171257749.post-20027058965031141582020-05-08T13:22:00.000-07:002021-08-04T21:23:46.234-07:00Layout Test Suite – Videos #2<p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p> <div class="separator content-block content-spacer small-width ratio-16x9" style="margin: auto 0px auto auto; clear: both; text-align: center;"><div><iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/HjkgrcSnUfg/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/HjkgrcSnUfg?feature=player_embedded" width="320"></iframe></div></div> <p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p> <div class="separator content-block content-spacer small-width ratio-16x9" style="float: right; clear: both; text-align: center;"><div><iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/HjkgrcSnUfg/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/HjkgrcSnUfg?feature=player_embedded" width="320"></iframe></div></div> <p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p> <p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p> <p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p> <div class="separator content-block content-spacer small-width ratio-16x9" style="margin: auto auto auto 0px; clear: both; text-align: center;"><div><iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/HjkgrcSnUfg/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/HjkgrcSnUfg?feature=player_embedded" width="320"></iframe></div></div> <p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p> <div class="separator content-block content-spacer small-width ratio-16x9" style="float: left; clear: both; text-align: center;"><div><iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/HjkgrcSnUfg/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/HjkgrcSnUfg?feature=player_embedded" width="320"></iframe></div></div> <p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p> <p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p> <p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p>Creative Commonshttp://www.blogger.com/profile/11256994501847507410noreply@blogger.com0tag:blogger.com,1999:blog-259922230171257749.post-22871284752607897532020-05-07T13:21:00.000-07:002021-08-04T21:23:46.511-07:00Layout Test Suite – Videos #3<p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p> <div class="separator content-block" style="clear: both; text-align: center;"><div><iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/HjkgrcSnUfg/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/HjkgrcSnUfg?feature=player_embedded" width="320"></iframe></div></div> <p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p> <div class="separator content-block" style="clear: both; text-align: right;"><div><iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/HjkgrcSnUfg/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/HjkgrcSnUfg?feature=player_embedded" width="320"></iframe></div></div> <p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p> <div class="separator content-block" style="clear: both; text-align: center;"><div style="float: right;"><iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/HjkgrcSnUfg/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/HjkgrcSnUfg?feature=player_embedded" width="320"></iframe></div></div> <p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p> <p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p> <p>Even before the internet was a thing, people already used Filler Text as a filler in printing tests. The actual root of that text, however, dates back nearly 2000 years to a guy named Cicero. Today, it’s mostly used for digital design before real content is added. But here’s the thing with Filler Text: it’s not the only option.</p>Creative Commonshttp://www.blogger.com/profile/11256994501847507410noreply@blogger.com0