Tyler Warnock

Posted on Feb 10, 2020 • Originally published at guide.anymod.com

Animated blocks, Swipeable gallery | Module Monday 72

#showdev #githunt #webdev #javascript

Open source modules

Mods are modules that can be used on any website, web app, or anywhere else. There are hundreds more like these built & shared on AnyMod.

Click a mod to see it along with its source code.

Animated block cards

Full width cards that fade into focus when scrolled.
View mod

Swipeable gallery

Image gallery that works great on desktop or mobile.
View mod

Spatial hero

Themed intro section with prominent call to action button.
View mod

Dual section highlights

Show off 2 cards and 2 actions.
View mod

Dismissable message

Based on Bulma, this message does exactly what you want: gets out of the way once read.
View mod

I post new mods from the community here every (Module) Monday -- I hope you find them useful!

Happy coding ✌️

Top comments (0)

11 Tips That Make You a Better Typescript Programmer

1 Think in {Set}

Type is an everyday concept to programmers, but it’s surprisingly difficult to define it succinctly. I find it helpful to use Set as a conceptual model instead.

#2 Understand declared type and narrowed type

One extremely powerful typescript feature is automatic type narrowing based on control flow. This means a variable has two types associated with it at any specific point of code location: a declaration type and a narrowed type.

#3 Use discriminated union instead of optional fields

...

Testing useNavigate

Lautaro Suarez - Mar 28

Fetching Data With Next.js - part 6

Lorenzo Zarantonello - Mar 30

Idea: Using Decentralized Identities to Fight AI Threats and Shape Internet 3.0

Forrester Terry - Mar 30

If-Else Vs Switch-Case

Emmy Steven - Mar 25

DEV Community