Schepp

async-document.write

Patches document.write to execute in a non-blocking way.

box-sizing-polyfill

A CSS box-sizing: border-box polyfill for IE 6/7

connection-type-checker

Utility that tries to figure out if you are on cellular or broadband

CSS-Filters-Polyfill

This polyfill takes the official CSS filters syntax and translates it to the different equivalent techniques that the browsers know for those effects

CSS-JS-Booster

An easy to use stand-alone PHP-Library (but at the same time also a Wordpress plugin) that combines, optimizes, dataURI-fies, re-splits, compresses and caches your CSS and JS for quicker loading times.

CSS-Parser

A nice litte css parser written in php

CSS-Prefix-Spawner

Tired of having to repeat all vendor prefixes over and over again just for getting your cross-browser dosis of CSS 3 eyecandy? Bother no more, my friend! Paste your single-vendor CSS or point to the file and we will automatically add the rest.

dom-treemap-devtools-extension

A Chrome Devtools extension that helps you explore the distribution of DOM nodes in the document tree.

HTTP-headers

Every call we send to and receive from a web server is accompanied by more or less metadata, also known as the HTTP headers. Usually, those headers stay hidden in the shadows and we barely notice them - and we underestimate their powers. But ignoring them is a mistake! There is a lot happening around them lately. During The last couple of years a lot of new and powerful headers have emerged which, when applied correctly, help us harden our web applications against attacks and make our sites load a lot faster. That's why in this talk, I'm gonna give you the modern take on how to make the web more secure & fast.

SASS-Mixins

Schepp/CSS-Filters-Polyfill

This polyfill takes the official CSS filters syntax and translates it to the different equivalent techniques that the browsers know for those effects

Schepp/dom-treemap-devtools-extension

A Chrome Devtools extension that helps you explore the distribution of DOM nodes in the document tree.

Schepp/HTTP-headers

Every call we send to and receive from a web server is accompanied by more or less metadata, also known as the HTTP headers. Usually, those headers stay hidden in the shadows and we barely notice them - and we underestimate their powers. But ignoring them is a mistake! There is a lot happening around them lately. During The last couple of years a lot of new and powerful headers have emerged which, when applied correctly, help us harden our web applications against attacks and make our sites load a lot faster. That's why in this talk, I'm gonna give you the modern take on how to make the web more secure & fast.

Schepp/async-document.write

Patches document.write to execute in a non-blocking way.

Schepp/native-browser-apis

In this talk, I will give you an overview on how far native browser APIs have matured, thus freeing our sites from the grips of jQuery, lodash and other helper libraries. We will look at working more elegantly with arrays and objects in JavaScript, at modern DOM traversal and manipulation possibilities, at event delegation, at native smooth scrolling, look at ways to build carousels without library, we will explore built-in tools for image and font lazy loading, and we will bury DOMContentLoaded forever.

Schepp/making-of-rp-online

Nachrichtenseiten im Jahre 2020: Making of RP ONLINE

Schepp/grunt-spreadsheet-to-json

Takes a Google Spreadsheet with translations and generates multiple JSON files from the columns.

Schepp/HTTP-2

20 years have passed since the IETF introduced HTTP/1.1. At the time web pages were still designed with tables and font tags and they had hardly more than four images per page in total. HTTP/1.1 was perfectly suited to this application scenario. For today's projects, however, HTTP/1.1 is a massive bottleneck. To compensate for its conceptual disadvantages, we developed build processes in which we bundle resources via concatenation, inlining or spriting. In addition, we rely on concepts such as domain sharing and cookieless domains. The good news is: HTTP/2 has arrived and puts an end to the disadvantages of its predecessor. And it is supported by all modern browsers. But it's not enough to just flip a switch. We need to rethink and throw established processes and concepts overboard if we are to get the most out of HTTP/2.

Schepp/imagery-on-the-web

Using images on a website is pretty straightforward, right? It's using an <img> element or a CSS background and then have them display a JPG, PNG or SVG. And that's it. Or is there more to it than that? Well, yes, there is. And it's a truckload full of possibilities.

Schepp/prototyping-for-performance

Performance-Experimente mit Chrome Devtools und CloudFlare Workers

Schepp/schepp.dev

My personal site

Schepp/a-property-to-unlock-the-world

A Talk on why CSS Houdini is dead, but `@property` is not.

Schepp/css-next

After Grid and Flexbox CSS seems to have lost most of its dynamic. The most urgent layout problems seem to be solved and all eyes turn to JavaScript, because that's where all the exciting things seem to happen at the moment. But is CSS really "feature complete"? And does this development standstill really exist? To find that out, we first search for recently implemented CSS properties. Maybe we will find some after all? Then we take a look into the W3C's CSS crystal ball to see if there are some exciting things planned for the future.

Schepp/grunt-sass-recursive-import

Recursively includes SASS Partials in all Subdirectories

Schepp/HTML5-WPO-Slides

Slidedeck for the HTML5 Days 2014 in Munich

Schepp/sustainable-web-design

Presentation: Our climate is stumbling from one negative record to another. There's a lot of talk about coal-fired power plants and fossil fuels as accelerants of climate collapse. But what role do we web people play? Are we part of the problem? And if so, how can we become part of the solution?

Schepp/webtechnologie-gluecksrad

Das Working Draft Webtechnologie Glücksrad

Schepp/webzuerich-may-2020

You think you are a web veteran and so by now you know everything about using images on the web? Well, I wouldn't be too sure about that. My talk will feature a potpourri of very unusual techniques, centered around the use of images on the web. Some of them are stone old, some are bleeding edge, some are useful, and some are completly useless. And I bet, you don't even know half of them.

Schepp/wwnrw

Website of the Webworkers NRW meetup

Schepp/11ty-website

Documentation site for the Eleventy static site generator.

Schepp/AOM

The Accessibility Object Model - How does it work? And do I need to hate it?

Schepp/currentScript-polyfill

An exceptionally slim polyfill for document.currentScript in IE9+

Schepp/Element-Queries

Schepp/fronteers-jam-session-2019

You think you are a web veteran and so by now you know everything about using images on the web? Well, I wouldn't be too sure about that. My talk will feature a potpourri of very unusual techniques, centered around the use of images on the web. Some of them are stone old, some are bleeding edge, some are useful, and some are completly useless. And I bet, you don't even know half of them.

Schepp/HTMHell

A collection of bad practices in HTML found on real websites.

Schepp/IntersectionObserver

API Sketch for Intersection Observers

Schepp/nca-todo-app

Never Code Alone Event | Vue.js Todo Demo App

Schepp/twig.js

JS implementation of the Twig Templating Language

Schepp/webwewant.fyi

If you build websites, you inevitably run into problems. Maybe there’s no way to achieve an aspect of your design using CSS. Or maybe there’s a device feature you really wish you could tap into using JavaScript. Or perhaps the in-browser DevTools don’t give you a key insight you need to do your job. We want to hear about it!

Schepp/whats-next-in-web-accessibility

This session looks at new and upcoming accessibility features on the web platform — including aria.notify(), hidden="until-found", native popovers, exclusive accordions, and CSS reading-flow. We’ll explore how they improve screen reader support, keyboard access, and find-in-page behavior.