Due to my daily routine, I’m reading a lot of articles on the web regarding software development.
The most interesting stuff ends up on my Pocket list, which grows from day to day. Hard to find the pearls, when I need them. This recurring posts will throw a stroke of light on them.
They are maybe not the newest finds, not the fanciest ones, but remarkable for me and maybe for you also.
- Pure CSS halftone portrait from .jpg source
- ScrollTrigger - Highlight Text
- Tiny long-press event handler
- Show More/Less
- 3D banners with ScrollTrigger
- Image Compare Viewer
- Add Read or Scroll Progress Bar To A Website To Indicate Read Progress
- How to Get a Progressive Web App into the Google Play Store
Pure CSS halftone portrait from .jpg sourceby Ana Tudor
Ana, author at CSS Tricks, shows a CSS-only technique to convert an image into a halftone one.
ScrollTrigger - Highlight Textby Ryan Mulligan
We all highlight important text passages for our readers. Ryan does the in an unusual, butt cool way by using GSAP ScrollTrigger.
Tiny long-press event handlerby MudOnTire
Vanilla JS multi-instance handling of long press event the easy way.
Show More/Lessby Grzegorz Tomicki
Grzegorz’s little JS helper to cut texts, lists and even tables and show a MORE link.
3D banners with ScrollTriggerby supamike
Awesome 3D effect on scrolling made with ScrollTrigger.
Image Compare Viewerby Kyle Wetton
Comparison slider in Vanilla JS to compare BEFORE and AFTER images, which works responsively on every device.
Add Read or Scroll Progress Bar To A Website To Indicate Read Progressby Jun711
A classic, simply explained…
Here another approach: CSS Tricks: Reading Position Indicator
How to Get a Progressive Web App into the Google Play Storeby Mateusz Rybczonek
Mateusz describes very detailed how offer your PWA as an App via Google Play Store.