Just some goofing around with Full Page Sections and Scroll Snapping: [CODEPEN DEMO] 🔗 Related Post:Simple Scroll Snapping Carousel (Flexbox Layout / Grid Layout)
Full Page Scroll-Snapping HTML Sections
The Slideout Footer
Chris Coyier, after seeing the footer on a site called The Markup: The footer is clever, in how it appears to slide out from underneath the content as you scroll to the bottom of the page. Let’s make it! Scroll to the very bottom in this pen to see the footer appear from underneath the …
Setting up a global .gitignore file
Sebastian De Deyne, after seeing too many PRs that contain unrelated commits to the repository’s .gitignore: There’s a better solution to this: a personal, global .gitignore file for all your repositories. Here’s how you can set one up. Setting up a global .gitignore file →
unDraw – Open source illustrations for any idea
unDraw provides you with a set of (mainly cliché) illustrations, free for use: Create better designed websites, products and applications. Browse to find the images that fit your messaging, automagically customise the color to match your brand and use it as a normal image, embedded code or directly in your design workflow. Since they’re SVG’s, …
Continue reading “unDraw – Open source illustrations for any idea”
Chameleonic Header
UPDATE 2021.01.14: Besides using clip-path, a more easy approach is to use mix-blend-mode: difference; if all you’re doing is inverting colors. Ever had a fixed header that had to work with both light and dark content shown underneath it? Keep an eye at the header in the video below to see what I’m talking about: …
Laraguard – Two Factor Authentication via TOTP for all your Users out-of-the-box.
Two Factor Authentication via TOTP for all your Users out-of-the-box. This packages adds a Contract to detect in a per-user basis if it should use Two Factor Authentication. It includes a custom view and a listener to handle the Two Factor authentication itself during login attempts. It is not invasive, but you can go full …
Continue reading “Laraguard – Two Factor Authentication via TOTP for all your Users out-of-the-box.”
CSS Landscape
A landscape, painted with CSS: Click the image to go to the CodePen. Do note it’s quite heavy on resources (hence why I haven’t embedded it here). 👋 Psst, try changing the color of the sun 😉
Half-Life: Alyx Gameplay Video
Having played and enjoyed the original Half-Life when it first came out (way back in 1998), I must say I’m quite looking forward to “Half-Life: Alyx”: And oh, don’t be confused about moving-part in the game: shown above is teleport mode. There are two other modes you can use: shift (= smooth zoom, as shown …
Draft your next release notes as pull requests are merged into master with Release Drafter
Now this looks handy: a GitHub action that builds release notes for you: As pull requests are merged, a draft release is kept up-to-date listing the changes, ready to publish when you’re ready You configure the release notes contents using a .github/release-drafter.yml file in your repo: template: | ## What’s Changed $CHANGES More advanced templates …
CSS :nth-of-class selector
The Problem One thing that bothers me with CSS :nth-of-type/:nth-child selectors is that you can’t combine them with CSS classes. The selector below for example won’t work as you’d first expect it to work: .bar:nth-child(2) { color: red; } No, the selector above won’t color the second .bar element red, something I had somehow expected …