It is so amazing how many cool stuff developers around the world are producing these days. Or they do what they always do, but I have more time to read about their smart ideas and solutions. This month I have 8 pearls for you:
- Using Flexbox and text ellipsis together
- Using Trello as a Super Simple CMS
- Memorize Scroll Position Across Page Loads
- A free guide to HTML5 <head> elements
- BVSelect - Vanilla JS
- A clock that represents the time as hex color values
- Animate.css - Just-add-water CSS animations
waitForElementTransition()by Mark Kennedy
Using Flexbox and text ellipsis togetherby Leonardo Faria
In case you offer downloads with very long file names from time to time, you might use CSS’s ellipsis to cut it down. But you always loose the last three chars, the file extension. Leonardo show us, how to avoid that, by using a clever mix of ellipsis and flexbox.
Using Trello as a Super Simple CMSby Phil Hawksworth
As I love Trello and use it daily, among others as a reading list (see Add website to Trello card the better way), I can’t wait to try Phils approach to process Trello boards automatically.
Memorize Scroll Position Across Page Loadsby Chris Coyier
Chris shows Hakim El Hattab’s trick, how to store the current scroll position and restore it when user comes back. Simple, but a gain in usability.
A free guide to HTML5 <head> elementsby Josh Buchea
Doing your Web Developer job right, means you have to be aware of the META tags in your HTML. htmlhead.dev is a good reference, because it lists and describes mostly all known META tags.
BVSelect - Vanilla JSby Bruno Vieira
A clock that represents the time as hex color valuesby Jamel Hammoud
The time is shown mostly as a six digit number … Hours, Minutes and Seconds, with a leading 0. Color Hex codes have also 6 digits and Jamel the idea to bring both together…
Animate.css - Just-add-water CSS animationsby Daniel Eden
Daniel and his buddies offers an Stylesheet with dozens of cool and easy to use text animations.