A simple morphing page transition effect where an SVG path gets morphed into another while the current page moves up. Whilst the intro/splash screen is translated vertically over a distance of 200vh the shaped in the SVG at the bottom grows from a few pixels in height to 100vh, creating the gooey effect. <div class="content …
How to use Redux in highly scalable JavaScript applications
Alexis Mangin: I have recently worked on the first version of a React-Native mobile app for one of my clients, which desired to architecture the app in a scalable way for a painless experience to add new features later. I believe we should always think about app architecture that way as it can always scale …
Continue reading “How to use Redux in highly scalable JavaScript applications”
Arya vs Brienne Lightsaber Duel
CSS Utility Classes and “Separation of Concerns”
Haha, now this sounds all too familiar: Over the last several years, the way I write CSS has transitioned from a very “semantic” approach to something much more like what is often called “functional CSS.” The author lists 5 stages: Phase 1: “Semantic” CSS Phase 2: Decoupling styles from structure Phase 3: Content-agnostic CSS components …
Continue reading “CSS Utility Classes and “Separation of Concerns””
Removing that ugly :focus ring (and keeping it too)
Update 2021-01-28: Nowadays we can use :focus-visible for this; No JavaScript needed! David Gilbertson: You click a button and see a blue border telling you that you’ve clicked on something that you know perfectly well you’ve just clicked on — because you just clicked on it. So it’s clear: the outline must go. But hold on a …
Continue reading “Removing that ugly :focus ring (and keeping it too)”
CSS Grid Highlighter for Google Chrome
Palestine Archipelago if it were in the ocean
Fastlane Screencast: Integrate fastlane into your Ionic Framework build process
fastlane are an awesome bunch of tools. Josh Holtz has recently started Fastlane Screencast, a website with videos/tutorials for explaining and implementing built-in fastlane tools, fastlane actions, third-party fastlane plugins, continuous integration, and anything else that fastlane can possibly do. The first video covers integrating fastlane into your Ionic Framework build process: A second tutorial …
Continue reading “Fastlane Screencast: Integrate fastlane into your Ionic Framework build process”
When Twitter Refuses to Delete Abusive Tweets …
Shahak Shapira: Over the last months, I reported about 300 hate tweets. Twitter failed to delete most of them, so I sprayed them in front of their office. Nice guerilla action. Hopefully this will now get Twitter’s attention. Sidenote: Dustin Curtis recently tweetranted (ranttweeted?) a few things Twitter could do to improve. Of course the …
Continue reading “When Twitter Refuses to Delete Abusive Tweets …”
Basecamp Employee Handbook
For over 10 years, we didn’t have a handbook. In those 10 years, when a new person joined the company, they were expected to figure things out for themselves. But when we grew from a company of 10, 20, 30 employees to a company of over 50, our “introduction by immersion” style stopped working. New …