schepp Goto Github PK

11ty-website

Documentation site for the Eleventy static site generator.

a-property-to-unlock-the-world

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

angular-template-inline-js

Inline templates into js files to simplify testing and remove HTTP requests

aom

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

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

chroma-corners

“Chroma Corners” is the name of a new technique to create rounded corners in IE 6 – 8. It uses IE’s chroma-filter as a tool to mask away corner areas, which are created as a graphic and which are filled with a solid color. It is and behaves like standard HTML + CSS as opposed to the newer VML-based approches. It gives you more freeness and needs less photoshopping work than older background image based techniques for rounded corners like “Mountain Top” or “Sliding Doors”.

connection-type-checker

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

crx-submit-to-workingdraft-trello

Chrome extension for submitting links to our podcast's board on Trello

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-js-booster-website

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.

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.

css1k

A demonstration of what can be accomplished with only 1 K of CSS.

currentscript-polyfill

An exceptionally slim polyfill for document.currentScript in IE9+

dom-treemap-devtools-extension

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

element-queries

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.

grunt-angular-template-inline-js

A grunt task runner for angular-template-inline-js

grunt-compile-revealjs

Compiles reveal.js slide decks from a JSON configuration and HTML partials

grunt-sass-recursive-import

Recursively includes SASS Partials in all Subdirectories

grunt-split-images

Split CSS into a base file with layout and a separate file with all images (for lazy loading)

grunt-spreadsheet-to-json

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

html5-canvas-workshop

html5-wpo-slides

Slidedeck for the HTML5 Days 2014 in Munich

html5please

Graded Feature Support: Look up web technologies and find out if they are ready for use.

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.

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.