justmarkup / demos

Collection of demos used in articles on justmarkup.com

Demos

Author: Michael Scharnagl @justmarkup

Fixing image orientation on upload

• Article: https://justmarkup.com/articles/2019-10-21-image-orientation

Transforming a link to a login page to a button opening the login form in an overlay

• Demo: http://justmarkup.github.io/demos/link-to-button
• Article: https://justmarkup.com/log/2019/01/the-link-to-button-enhancement/

Enhancing a login form – from basic to validation to reveal password

• Demo: https://enhance-login-form.glitch.me/login
• Article: https://justmarkup.com/log/2018/02/enhancing-a-login-form/

Network based image loading using the Network Information API in Service Worker

• Demo: http://justmarkup.github.io/demos/network-based-img-loading/
• Article: https://justmarkup.com/log/2017/11/network-based-image-loading/

Implementing push notifications on the front-end and back-end

• Demo: https://push-notifications-vwursywdxa.now.sh/
• Article: https://justmarkup.com/log/2017/02/implementing-push-notifications/

Observe states on resize using CSS custom properties

• Demo: https://justmarkup.com/demos/observe-onresize-css-custom-properties/
• Article: https://justmarkup.com/log/2017/01/handling-states-on-resize-using-css-custom-properties

Show More Pattern

• Demo: Using :target, Using JavaScript and Using jQuery
• Article: https://justmarkup.com/log/2017/01/truncating-and-revealing-text-the-show-more-and-read-more-patterns/

Enhancing a comment form

• Demo: http://justmarkup.github.io/demos/form-enhancement/v7/
• Article: https://justmarkup.com/log/2016/10/enhancing-a-comment-form/

Using the Web Share API

• Demo: https://justmarkup.com/web-share-api/using-the-web-share-api.html
• Article: https://justmarkup.com/log/2016/10/using-the-web-share-api/

Grey-out pages not in Cache

• Demo: https://justmarkup.github.io/demos/indicating-offline/
• Article: https://justmarkup.com/log/2016/08/indicating-offline/

Use cases for container queries

• Demo: https://justmarkup.com/demos/container-queries/
• Article: https://justmarkup.com/log/2016/02/use-cases-for-container-queries/

Theme changer using custom properties

• Demo: https://justmarkup.com/demos/custom-prop/
• Article: https://justmarkup.com/log/2016/02/theme-switcher-using-css-custom-properties/

Responsive Pop-out Menu

• Demo: https://justmarkup.com/demos/responsive-pop-out-menu
• Article: https://justmarkup.com/log/2015/03/03/demo-responsive-pop-out-menu/