jensgro

Eigenschaften der Box anwenden

A Pen by Jens Grochtdreis on CodePen.

License.

jensgro

<h1>Mein tolles neues Blog</h1>

<article>
	<header>
		<h2>Wenn der Mittwoch sich wie ein Montag anfühlt ist es Dienstag.</h2>
	<p>Geschrieben von Servatius Hörnebrecht Stiegelmeier</p>
      <p>Veröffentlicht am 2. Juni 2019</p>
	</header>	
	<p>Nein, meine Texte les ich nicht, so nicht, stöhnte Oxmox. Er war mit Franklin, Rockwell und dem halbtaxgrauen Panther Weidemann in Memphis (Heartbreak Hotel) zugange. Sie warteten auf die fette Gill, um bei der Bank of Helvetica die Kapitälchen in Kapital umzuwandeln. Oxmox ließ nicht locker. Ich fleh euch an, rettet meine Copy, gebt meinem Body nochn Durchschuß! Kein Problem, erbarmte sich Old Face Baskerville, streichelte seinen Hund, zog seine einspaltige Poppl, legte an und traf! (Zeidank nichts Ernstes – nurn bißchen Fraktur.) Oxmox: Danke, ist jetzt mit Abstand besser. Derweil jumpte der Fox leise over the Buhl, die sich mal wieder immerdar wie jedes Jahr gesellte. </p>
<p>Diesmal war Guaredisch ihr Erwählter, weil seine Laufweite einem vollgetankten Bodoni ents

jensgro

/* https://allyjs.io/tutorials/hiding-elements.html */
.visuallyhidden:not(:focus):not(:active) {
  position: absolute;

  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;

jensgro

module.exports =
content = [
	{
		"color": "primary",
		"label": "primary Button"
	},
	{
		"color": "secondary",
		"label": "secondary Button"
	},

jensgro

Bilder mit animierten Captions

A Pen by Jens Grochtdreis on CodePen.

License.

jensgro

<div class="hint">
  <p>Bitte die drei Herzen in unterschiedlicher Art animieren.</p>
  <button class="closeme" type="button">
    <span aria-hidden="true">
      x
    </span>
    <span class="visuallyhidden">
      Das Hinweisfenster schliessen!
    </span>
  </button>

jensgro

Bild animieren - ToDo

A Profile card with circular image alongside name caption and icons

A Pen by Jens Grochtdreis on CodePen.

License.

jensgro

// By @coderitual
// https://twitter.com/coderitual/status/1112297299307384833

//  Remove any duplicates from an array of primitives.
const unique = [...new Set(arr)]

// Sleep in async functions. Use: await sleep(2000).
const sleep = (ms) => (new Promise(resolve => setTimeout(resolve, ms)));

// Type this in your code to break chrome debugger in that line.

jensgro

<h1>Overview of placeholder-image services | Übersicht von Platzhalterbilder-Diensten</h1>
<!-- Übersicht: https://www.paulund.co.uk/image-placeholder-apis -->
<ul class="imageservicelist">
  <li>
    <h2><a href="http://unsplash.it">Unsplash.it</a></h2>
    <img class="flexible" src="http://unsplash.it/400/300" alt="Unsplash.it" />
  </li>
  <li>
    <h2><a href="http://lorempixel.com/">Lorem Pixel</a></h2>
    <img class="flexible" src="http://lorempixel.com/400/300/" alt="Lorem Pixel" />

jensgro