AIDA Labs Toolbox: credits
All five components were found on freefrontend.com/css-cards. Each original is MIT-licensed. The MIT licence lets us use, change and redistribute the code, provided this notice and the authors' credit stay with it.
| AIDA class | Original | Author | Source | How we used it |
|---|---|---|---|---|
.al-pop | 3D Depth Parallax Pop-Out Cards | mubangadv | https://codepen.io/mubangadv/pen/YzJNbOa | Rewritten from the description, because CodePen blocked the download. Uses requestAnimationFrame instead of setInterval. |
.al-glow | Dynamic Image Drop Shadow Cards | Kriss Steindals | https://codepen.io/KrissSteindals/pen/mNWLqZ | Rewritten from the description (CodePen blocked the download). |
.al-ribbon | Ribbon Hover CSS Leaderboard Widget | Fabio Ottaviani (supah) | https://codepen.io/supah/pen/WwrJpw | Rewritten from the description (CodePen blocked the download). |
.al-holo | Holographic CSS Project Cards Grid | Mandy Nicole | https://codepen.io/mandynicole/pen/WbxodaK | Adapted from the original code (saved in _sources/freefrontend/code/). Simplified so it doesn't depend on CSS if(), which only the newest Chrome supports. |
.al-notch | Expanding CSS Grid Notched Accordion Gallery | Chris Bolson | https://codepen.io/cbolson/pen/myERJZQ | Adapted from the original code (saved in _sources/freefrontend/code/). Added keyboard focus and a stacked phone layout. |
MIT License: Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND.