New month, new discoveries. We will deal with key bindings, downloads on the fly, a lot of animations and contrasting images. Have fun, trying out these stunning solutions.
- tinykeys - Modern library for keybindings
- CSS Animated Google Fonts
- Skeleton Screen CSS
- More Control Over CSS Borders With background-image
- A CSS-only, animated, wrapping underline
- Nailing the Perfect Contrast Between Light Text and a Background Image
tinykeys - Modern library for keybindingsby Jamie Kyle
CSS Animated Google Fontsby Jhey Tompkins
As Google Fonts now supports variable fonts, Jhey shows a solution how to create neat font animations with them.
Skeleton Screen CSSby Dmitriy Kuznetsov
When loading data on demand, it is sometimes advisable to show placeholders, where the data will be filled in. Dimitriy has founded a CSS framework for these skeletons.
More Control Over CSS Borders With background-imageby Chris Coyier
Borders are used to seperate things in a layout, but the build-in possibilities of CSS are restricted. Chris found a way by pimping borders up, using background images.
A CSS-only, animated, wrapping underlineby Nicky Meuleman
As Chris did for the borders, Nick’s doing on underlined links. An end to boring rigid unterlines, let’s animate them.
Nailing the Perfect Contrast Between Light Text and a Background Imageby Yaphi Berhanu
Showing text on background images can be challenging due to contrast and readability. Yaphi has developed a solution to find always the right transparent overlay to show the most of the picture, but keep the text readable. Stunning…
Contrast.jsby Misha Petrov
Misha addresses the same problem as Yaphi, showing text on background images, but goes a different way with his library, which is trying to find the best constrasting text color, even if the page is responsive.
You can interact with this article (applause, criticism, whatever) by mention it in one of your posts, which will be shown here as a Webmention ... or you leave a good old comment with your GitHub account.
In case your blog software can't send Webmentions, you can use this form:
No Webmentions yet...