Read on TwitterIntroducing @CookieSlayers: A crowdsourced platform showcasing products, services, and companies who aren& #39;t using third-party cookies
A #buildinpublic thread of what I& #39;m building, why I& #39;m creating it, and how I& #39;m putting it all together.
THREAD
NEW PROJECT ANNOUNCEMENT https://abs.twimg.com/emoji/v2/... draggable="false" alt="🥳" title="Partying face" aria-label="Emoji: Partying face">Introducing @CookieSlayers: A crowdsourced platform showcasing products, services, and companies who aren& #39;t using third-party cookiesA #buildinpublic thread of what I& #39;m building, why I& #39;m creating it, and how I& #39;m putting it all together.THREADhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="👇" title="Rückhand Zeigefinger nach unten" aria-label="Emoji: Rückhand Zeigefinger nach unten">" title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🎉" title="Partyknaller" aria-label="Emoji: Partyknaller"> NEW PROJECT ANNOUNCEMENT https://abs.twimg.com/emoji/v2/... draggable="false" alt="🥳" title="Partying face" aria-label="Emoji: Partying face">Introducing @CookieSlayers: A crowdsourced platform showcasing products, services, and companies who aren& #39;t using third-party cookiesA #buildinpublic thread of what I& #39;m building, why I& #39;m creating it, and how I& #39;m putting it all together.THREADhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="👇" title="Rückhand Zeigefinger nach unten" aria-label="Emoji: Rückhand Zeigefinger nach unten">" class="img-responsive" style="max-width:100%;"/>
Inspired by @GitHub& #39;s decision to nuke all tracking cookies back in December of 2020, @CookieSlayers is a directory that amplifies products, services, and companies that have also taken a stand against third-party cookies that track us all over the web. https://fortune.com/2020/12/17/github-ceo-were-nuking-all-tracking-cookies-and-you-should-too/">https://fortune.com/2020/12/1...
The truth is that this is something I& #39;ve been thinking about for a couple of years now. It hadn& #39;t made it to the top of my "Incubator" project list because I didn& #39;t think people would really care, but seeing people praise GitHub for the move made me realize it might be time now.
The conversation around tracking (and digital privacy rights as a whole) has been historically put on the back burner, but we& #39;re finally seeing it being put at the forefront, primarily by high-profile tech giants like Apple and Facebook.
https://www.forbes.com/sites/bernardmarr/2021/02/19/apple-vs-facebook--who-will-win-the-data-privacy-war/">https://www.forbes.com/sites/ber... 4/12 4/12
https://www.forbes.com/sites/bernardmarr/2021/02/19/apple-vs-facebook--who-will-win-the-data-privacy-war/">https://www.forbes.com/sites/ber... 4/12 4/12
My goal with @CookieSlayers is to contribute to that conversation and encourage people to become a "CookieSlayer," or someone who doesn& #39;t use tracking cookies.
https://abs.twimg.com/emoji/v2/... draggable="false" alt="💫" title="Symbol für Benommenheit" aria-label="Emoji: Symbol für Benommenheit"> By supporting CookieSlayers, we& #39;re supporting companies that don& #39;t rely on ads or dark business models to make money
CookieSlayers is not about being against cookies, but _tracking_ cookies specifically. Unnecessary cookies that collect as much information as possible with little to no justification for doing so.
This also means LESS (OR NO) COOKIE BANNERS
Because who likes cookie banners?https://abs.twimg.com/emoji/v2/... draggable="false" alt="🤨" title="Gesicht mit hochgezogener Augenbraue" aria-label="Emoji: Gesicht mit hochgezogener Augenbraue">
This also means LESS (OR NO) COOKIE BANNERS
Because who likes cookie banners?
If there are no tracking cookies, it means there& #39;s no need to display cookie banners. Simple as that.
As @natfriedman puts it: "“It may be the world& #39;s best cookie banner. But it still sucks. Nobody wants to see it.”
Instead, let& #39;s focus on building products people love.
As @natfriedman puts it: "“It may be the world& #39;s best cookie banner. But it still sucks. Nobody wants to see it.”
Instead, let& #39;s focus on building products people love.
“The incentives all point toward people collecting more and more data, even if it& #39;s not that useful, because if it& #39;s basically free to collect and there& #39;s no penalties for collecting it or for misusing it.”
—John Bergmayer, Public Knowledge Project (internet advocacy nonprofit)
—John Bergmayer, Public Knowledge Project (internet advocacy nonprofit)
Okay, now that you got a good idea of the what & why behind @CookieSlayers, let& #39;s jump into the "how."
This is probably the part the #nocode fam is interested in the most.
Continuinghttps://abs.twimg.com/emoji/v2/... draggable="false" alt="👇" title="Rückhand Zeigefinger nach unten" aria-label="Emoji: Rückhand Zeigefinger nach unten">
This is probably the part the #nocode fam is interested in the most.
Continuing
Since @CookieSlayers is a directory/listing type of site, I knew the database would have to be easily maintainable. With so many sites on the internet, and an increased interest in digital privacy rights, this would be crucial as the db grows.
With it being crowdsourced, I also wanted to make it as easy as possible to submit new CookieSlayers, ideally in a form-like fashion that would get sent somewhere for review, or directly added to the database assuming it passed some data validation.
Requirements so far:
• Easy way to manage lots of listings (i.e. CookieSlayers)
• Easy entry submission to add new listings in a form-like fashion
Enter @Airtable. A popular #nocode tool, Airtable meets these requirements.
Got my database sorted out.
• Easy way to manage lots of listings (i.e. CookieSlayers)
• Easy entry submission to add new listings in a form-like fashion
Enter @Airtable. A popular #nocode tool, Airtable meets these requirements.
Got my database sorted out.
For the frontend:
Given it& #39;s a directory/resource type of site, we really don& #39;t need anything fancy. In fact, it& #39;d be better to use prefab components instead of designing everything from scratch. Not only would it make it easier to launch quickly, would also unify the db design.
Given it& #39;s a directory/resource type of site, we really don& #39;t need anything fancy. In fact, it& #39;d be better to use prefab components instead of designing everything from scratch. Not only would it make it easier to launch quickly, would also unify the db design.
Enter @softr_io.
Softr literally uses Airtable as the database, so the pieces were falling together easily.
Side note: I had planned on using Softr for my next build anyways, so it seemed like a perfectly logical next step. https://twitter.com/hiramfromthechi/status/1367917865173716995?s=21">https://twitter.com/hiramfrom...
Softr literally uses Airtable as the database, so the pieces were falling together easily.
Side note: I had planned on using Softr for my next build anyways, so it seemed like a perfectly logical next step. https://twitter.com/hiramfromthechi/status/1367917865173716995?s=21">https://twitter.com/hiramfrom...
Time to start building.
First things first: Let& #39;s structure the Airtable db and populate it a bit. Didn& #39;t wanna be working with empty datasets while building, because I wanted to be able to see what it would actually look like once it had a decent amount of @CookieSlayers in it.
First things first: Let& #39;s structure the Airtable db and populate it a bit. Didn& #39;t wanna be working with empty datasets while building, because I wanted to be able to see what it would actually look like once it had a decent amount of @CookieSlayers in it.
Starting simple, with the name, logo, URL, and a description of the product/service/organization.
Then I jumped into Softr and started building the hero section for the homepage.
I& #39;m gonna keep playing around with the copy for this.
Then I jumped into Softr and started building the hero section for the homepage.
I& #39;m gonna keep playing around with the copy for this.
Made the CTA from the hero section to be an explore/view all type of CTA so that users could easily jump to exploring some @CookieSlayers and not be worried about having to pay or sign up or anything like that.
Now to add some "testimonials" to the site.
Not that they& #39;re testimonials in the traditional sense of reviewing @CookieSlayers itself, but rather public quotes about the importance of digital rights, privacy, and cookies overall.
Not that they& #39;re testimonials in the traditional sense of reviewing @CookieSlayers itself, but rather public quotes about the importance of digital rights, privacy, and cookies overall.
Perhaps one day someone of influence will actually say something about @CookieSlayers that I can add to the site.
P.S. I wanna diversify this panel, so if you know of any other quotes that would be good to add here, email me at hello [at] cookieslayers [dot] com.
P.S. I wanna diversify this panel, so if you know of any other quotes that would be good to add here, email me at hello [at] cookieslayers [dot] com.
In the last section of the homepage, I created a primary CTA regarding submission of another CookieSlayer.
The primary CTA is always in the header (submit a CookieSlayer), but when a user has scrolled all the way to the bottom, it& #39;s good to place another reminder to take action.
The primary CTA is always in the header (submit a CookieSlayer), but when a user has scrolled all the way to the bottom, it& #39;s good to place another reminder to take action.
