Skip to content

Instantly share code, notes, and snippets.

View rzahner's full-sized avatar
:octocat:

Reto Zahner rzahner

:octocat:
  • 7000 Chur, Switzerland
  • 11:10 (UTC +02:00)
View GitHub Profile
{
"$schema": "https://json-schema.org/draft/2020-12/schema",
"$id": "https://example.com/product.schema.json",
"title": "Product",
"description": "A product in the catalog",
"type": "object",
"properties": {
"Task": {
"type": "object"
},
@rzahner
rzahner / example.mbstyle.json
Last active June 24, 2021 07:57
MBStyle Beispiel (Ausschnitte)
{
"version": 8,
"name": "OSM Beispiel",
"metadata": {
"maputnik:license": "https://github.com/maputnik/osm-liberty/blob/gh-pages/LICENSE.md",
"maputnik:renderer": "ol",
"openmaptiles:version": "3.x"
},
"sources": {
"openmaptiles": {
@rzahner
rzahner / CSS-01-Selektor-Spezifitaet.html
Last active December 26, 2015 19:39
Übung 01 / Selektor Spezifität / Web Professional - CSS-Vertiefung
<nav>
<ul>
<li>
<a href="#target-1">Link 1</a>
</li>
<li>
<a href="/datei.html">Link 2</a>
<ul>
<li>
<a href="http://web-professionals.ch/files/">Link 1.2</a>
@rzahner
rzahner / CSS-02-Attribut Selektoren.html
Last active December 26, 2015 19:39
Übung 02 / Attribut Selektoren / Web Professional - CSS-Vertiefung
<nav>
<ul>
<li>
<a href="#target-1">Link 1</a>
</li>
<li>
<a href="/datei.html">Link 2</a>
<ul>
<li>
<a href="http://web-professionals.ch/files/">Link 1.2</a>
@rzahner
rzahner / SassMeister-input-HTML.html
Created October 26, 2013 07:55
Generated by SassMeister.com.
<dic class="error">
<h1>Fehlermeldung</h1>
<p>
<a href="#irgendwo">Link</a> normaler Text
</p>
</dic>
@rzahner
rzahner / Sass-Messagebox.html
Last active December 26, 2015 14:29
Generated by SassMeister.com.
<div class="message-error">
<h1>Fehler</h1>
<p>Fehler-Blindtext</p>
</div>
<div class="message-warning">
<h1>Fehler</h1>
<p>Fehler-Blindtext</p>
</div>
@rzahner
rzahner / SassMeister-rendered.html
Last active December 26, 2015 10:49
Einführungsbeispiel für ein etwas komplexeres Grid-Layout :: Web Professional :: CSS Vertiefung
<header class="container">
<h1>Titel</h1>
<nav>
<ul>
<li><a href="#">Service</a></li>
</ul>
</nav>
</header>
<section class="container">
<div id="main-1">
@rzahner
rzahner / Compass-Transitions.html
Last active December 26, 2015 10:49
Generated by SassMeister.com.
<header id="page-head">
<h1>CSS Transitions</h1>
</header>
<section id="page-content">
<p>Inhalt</p>
<p><a href="#">Testlink</a></p>
</section>
<footer id="page-footer">
&copy; 2013 - Web Professional
@rzahner
rzahner / Compass-CSS3-Beispiel.html
Last active December 26, 2015 10:39
Generated by SassMeister.com.
<article id="story-1" class="story">
<header>
<h1>Geschichte 1</h1>
</header>
<section>
Hier drin spielt sich die Geschichte ab...
</section>
</article>
<article id="story-2" class="story">
@rzahner
rzahner / Compass-Background-Clip.html
Last active December 26, 2015 10:29
Generated by SassMeister.com.
<header>
<h1>Compass CSS3: background-clip</h1>
<p>In diesem Pen wird die Verwendung des Background-Clip Mixins gezeigt.</p>
</header>
<section class="border-box">
<h1>background-clip: border-box</h1>
<p>Dieses Element verwendet die Eigenschaft »border-box»</p>
<code>@include background-clip(border-box);</code>
</section>
<section class="padding-box">