Skip to content

Instantly share code, notes, and snippets.

View justmarkup's full-sized avatar
👨‍🚀
...

Michael Scharnagl justmarkup

👨‍🚀
...
View GitHub Profile
.user-style-justmarkup {
--color1: #118C3C;
--color2: #fff;
--color3: #9FD1B1;
--color4: rgba(0, 0, 0, 0.05);
--color5: rgba(17,140,60,0.25);
--color6: #E7F3EB;
--color7: #C3E2CE;
--color8: #0D7030;
--color9: #0A5424;
@justmarkup
justmarkup / try-to-explain.md
Last active February 17, 2016 07:43
CSS loading

Thoughts about a way to progressive enhance the technique to control CSS loading by Jake Archibald.

My idea was to set a class for html (which gets changed if custom properties are supported) and in the CSS use:

.no-ccp footer {
  display: block;
}

footer {
@justmarkup
justmarkup / SassMeister-input-HTML.html
Created September 8, 2015 08:46
Generated by SassMeister.com.
<div class="background"></div>
@justmarkup
justmarkup / readme.md
Created August 18, 2015 16:32
List of performance optimization techniques
@justmarkup
justmarkup / test.txt
Last active November 16, 2015 02:03
Tests for text wrapping (hyphens, word-break, overflow-wrap, hyphens + word-break combined, hyphens + overflow hyphens combined)
IE7
hyphens -
word-break +
overflow-wrap +
hyphens + word-break combined -
hyphens + overflow hyphens combined +
IE8
hyphens -
word-break +
Remote Address:127.0.0.1:80
Request URL:http://localhost/sw/2/simple-serviceworker-tutorial/script.js
Request Method:GET
Status Code:200 OK
Request Headersview source
Accept:text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8
Accept-Encoding:gzip, deflate, sdch
Accept-Language:en,en-US;q=0.8,de-DE;q=0.6,de;q=0.4
Cache-Control:no-cache
Connection:keep-alive
@justmarkup
justmarkup / response
Created February 17, 2015 10:04
script.js
Request URL:http://localhost/sw/2/simple-serviceworker-tutorial/script.js
Request Method:GET
Status Code:200 OK (from ServiceWorker)
Request Headers
Provisional headers are shown
Accept:text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8
User-Agent:Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/40.0.2214.111 Safari/537.36
Response Headers
accept-ranges:bytes
content-encoding:gzip
# Test 1:
1) Cloned the repo
2) Started Server via
```
npm install http-server -g
http-server -c-1
'''
3) Opened page https://localhost:8080/
4) Reloaded - got console message "This page is controlled by a ServiceWorker"
@justmarkup
justmarkup / SassMeister-input-HTML.html
Created January 15, 2015 17:02
Generated by SassMeister.com.
<div class="background"></div>
remove: function( key ) {
try {
localStorage.removeItem( storagePrefix + key );
return this;
} catch( e ) {
return false;
}
},
get: function( key ) {