{
"version": "https://jsonfeed.org/version/1",
"title": "So Cal Tech Lab",
"home_page_url": "https://socaltechlab.com",
"feed_url": "https://socaltechlab.com/json",
"description": "experimentation breeds understanding",
"items": [
{
"id": "https://socaltechlab.com/browser-cookies-decoded-the-convenient-the-controversial-and-the-choices/",
"content_html": "
\n
The universe of digital browsing is rife with curious concepts and protocols, which often leave novices perplexed. Among these oddities, the ubiquitous digital 'cookie' stands out. This article aims to unravel what these 'cookies' are, the reasons behind websites requesting our consent to use them, and the implications of accepting them. So, buckle up as we journey through the intriguing world of browser cookies.
\nContrary to their delicious namesake, digital cookies aren't edible delights. Instead, they're small data packets that websites deposit onto your computer during your browsing session. These diminutive text files hold snippets of data concerning your interaction with the website, such as login credentials, items in a shopping cart, or customized site settings. Far from being idle, these digital cookies have a mission: to boost user experience by enabling websites to 'remember' your actions and preferences across multiple visits.
\nCookies were conceived as a dependable means for websites to recall a browser's activity, and they execute this function remarkably well. By making our online interactions more streamlined and customized, cookies add convenience to our digital lives. For instance, cookies allow e-commerce websites to recall the contents of your cart, even if you close the browser and revisit later. In the same vein, cookies enable websites to remember your login details, saving you from typing your username and password repeatedly.
\nBeyond this, cookies play a pivotal role in delivering personalized content. By keeping a record of your browsing patterns and preferences, websites can curate and present content and ads that are most relevant to you. While some might view this as intrusive, for others it means not having to sift through irrelevant information, instead enjoying a customized and efficient web experience.
\nDespite the advantages that cookies bring, they do carry a shadow – and it's shaped like a privacy concern. As cookies track your browsing activities, they can build an intricate profile of your online behavior, a valuable resource for advertisers. This raises substantial questions about online privacy and digital profiling.
\nThird-party cookies, specifically, have drawn criticism. Unlike first-party cookies, these are set not by the website you're visiting but by other parties such as advertisers. They can trace your activities across multiple websites, creating a broad portfolio of your digital movements. This is why you might see an ad for a product you've searched for once appearing on unrelated sites – these 'trackers' are at play.
\nThe concerns over the potential intrusion of cookies led to regulations such as the European General Data Protection Regulation (GDPR) and California Consumer Privacy Act (CCPA). These mandates require websites to solicit users' consent before setting non-essential cookies, hence the familiar "we use cookies" pop-ups.
\nWhen you encounter a cookie consent popup, it's the website's way of notifying you of its use of cookies and requesting your permission to activate them. Typically, sites distinguish between 'essential' and 'non-essential' cookies. Essential cookies, crucial for the site's proper functioning, do not need consent, while non-essential cookies, often related to tracking and advertising, do.
\nWhile these popups can be irritating, they're critical for increasing online transparency and allowing users to control their data. You're entitled to accept or reject non-essential cookies or even modify your preferences at a later stage.
\nWhether you should accept cookies depends on your comfort level with the trade-off between customization and privacy. If a personalized web experience is important to you, accepting cookies might be beneficial. However, if you prioritize privacy and want to avoid your browsing behavior being tracked, you might choose to decline non-essential cookies.
\nKeep in mind, declining cookies generally won't prevent you from accessing a site, but it may lead to a less personalized experience and potential inconvenience, as the site may not 'remember' you between visits.
\nIn the realm of technology, browser cookies are a double-edged tool. On one hand, they can significantly improve your browsing experience; on the other, they hold the potential to encroach on your online privacy. It's crucial to comprehend what cookies do, their purpose, and the implications when you choose to accept or reject them.
\nThe recurring onslaught of cookie consent popups can indeed be tiresome, but it represents a stride towards a more transparent web, where users have greater control over their data. The final decision is yours - to accept cookies and benefit from a personalized experience or reject them to ensure greater privacy. Understanding the role and impact of cookies can enable you to traverse the digital landscape with increased confidence and awareness.
\n", "url": "https://socaltechlab.com/browser-cookies-decoded-the-convenient-the-controversial-and-the-choices/", "title": "Browser Cookies Decoded", "summary": "The Convenient, the Controversial, and the Choices", "date_modified": "2023-07-13T17:35:33.885Z" }, { "id": "https://socaltechlab.com/operation-scorched-earth/", "content_html": "Reddit users, it's time to assert your rights. With the platform's recent treatment of its moderators, I'm proposing Operation Scorched Earth, a collective action to delete all user content from Reddit. I've even made a handy script to help you do it. But it doesn't stop there - let's migrate to user-first platforms like Lemmy or Kbin. We've been the force behind some epic moments in digital history, so let's harness this collective power again. After all, we are the true owners of our online contributions. #OpScorchedEarth.
\nIn case you have no idea what I am talking about, here's a post on Vice that will catch you up - The Reddit Protest Is a Battle for the Soul of the Human Internet
\nHere's the rundown: Reddit planned an API update. They frankly botched the announcement and rollout. It didn't sit well with a lot of moderators, leading to a site-wide protest, with over 8,000 subreddits effectively shutting down. Reddit's answer? Appeal (issue veiled threats) to the moderators, urge them to reopen their communities, and if necessary, remove and replace uncooperative mods.
\nIn response, Reddit tried to assure everyone that this update doesn't affect moderator bots or control tools. They stated that these communities exist for users seeking connection and support, and that moderators are stewards, not owners.
\nBut there's a glaring issue here. If Reddit can declare that mods don't own the communities they created, doesn't the same logic apply to the platform itself? Doesn't it follow that Reddit is not the owner of the content or the communities - they are merely the host?
\n\n#OpScorchedEarth is a call-to-action for every (former)Reddit user to delete all content they've added to the platform. It's a statement that we, the users, have control over our contributions. We are not mere bystanders in the face of administrative decisions - we have agency, and it's time we use it.\n
\nOperation Scorched Earth is more than a call-to-action - it's a battle cry for all Reddit users to delete every piece of content they've added to the platform. It's a powerful reminder that we're not just bystanders in this digital theatre - we're active participants who hold the reins of our content.
\nThis isn't about stirring up chaos; it's about asserting our rights. If Reddit can retract mod privileges, users should be able to retract their content. Simple.
\nTo aid this personal rebellion, I've whipped up a Git Gist, a snippet of code that will help you wipe out your posts. Paste this simple script into your browser console on the old Reddit site, and you'll be able to wipe your content clean. It doesn't do anything you cannot do yourself, it just saves you hundreds or thousands of individual clicks. Does that sound like a dark pattern to anyone else?
\nThis is NOT a petty squabble about APIs or moderator rights. It's about recognizing that the lifeblood of online communities are the people who build and nurture them - not the platforms that serve as their digital venue. As we move forward in this digital age, let's remember our collective power and the weight of our contributions.
\nBut let's not stop there. Once we've cleared our Reddit slate, it's time to explore greener pastures. Platforms like Lemmy and Kbin offer promising alternatives that respect user autonomy and foster a sense of community. My personal favorite? Lemmy. It's federated, open source, and truly puts users first.
\nSwapping Reddit for Lemmy or Kbin might feel like a huge leap, but remember, we're pioneers of the digital age, capable of shaping the future of online communities. It's time we stopped feeding the insatiable Reddit beast with our free content and started investing in platforms that value our contributions.
\nSo, are you ready to join the rebellion? Are you ready to leave Reddit in the rear-view mirror and explore new horizons? It's time we turned the tables and showed Reddit – and the world – the power of collective user action.
\nWas it Reddit that invented the AMA or fought for Net Neutrality or orchestrated the largest short squeeze in modern history, or got really close to trying to solve the Boston Marathon bombing? OK, that last one was a bad example, but NO, it was the users!
\nVisit https://old.reddit.com - and login
\nClick your username in the top right or go to the URL directly. It will be something like https://old.reddit.com/user/YourUsername/
It should look something like this, with a place to type in the bottom.
\nHere's where we get down to business. Once you finish the next step, posts will be gone. Let's not kid ourselves, they will live in Reddit's servers till the end of time, or till the physical media breaks down, but it will be removed from the public site thus removing Reddit's ability to monetize it with ads.
\nIf you want to perform any backup or save anything, now is the time.
\nOK, warning over. Let's scorch...
\nCopy the code snippet below. Just take the entire thing, and paste it into the Console window you opened, then click Enter.
\nThe little script will dutifully go about removing each post and comment it finds.
\nONE LIMITATION - The script will happily remove every post on the page, however you must refresh the page and perform this step again and again (depending on how much history you have) until you see the message "there doesn't seem to be anything here." like in my screenshot above.
\nJust paste, hit enter, wait, refresh. Rinse and repeat.
\nIt should be that easy, but if you have any issues leave me a comment below and I will try to help you out.
\n↓ copy everything from the window below ↓\n\n
Like The Scythians against Darius the Great, or the Russians against Napoleon, or the Russians against the Nazis, or the Russians against... shit which side are we on again? Anyway, like General William Tecumseh Sherman in the American Civil War, you have now effectively employed scorched earth to route the enemy and deprive him of his most necessary supplies, content.
\nCongratulations Mr. Capitalism Destroyer, this Bud's for you!
\nNow, please spread the word on Operation Scorched Earth and encourage your friends and loved ones to excercise their agency, reclaim their digital autonomy, and push back against the monopolistic corporations profiting from our efforts and creations. Share this post. Write your own. Use #OpScorchedEarth on socials to spread the word!
\n", "url": "https://socaltechlab.com/operation-scorched-earth/", "title": "The Reddit Rebellion – Why You Need to Join #OpScorchedEarth", "summary": "A call-to-action for Reddit users to reclaim their digital autonomy", "date_modified": "2023-06-16T17:00:33.885Z" }, { "id": "https://socaltechlab.com/html-dialog-element/", "content_html": "If you've spent some time in the realm of web development, you know it's an ever-evolving beast, quick on its toes, always ready for the next big thing. Static pages with simple text and images have long been pushed to the backseat. We're in the era of vibrancy and interactivity that captivate users, and guess what's sitting right in the middle of all the action? Yep, you guessed it, the good ol' dialog box. You've probably run into these fellas disguised as sign-up prompts, alert messages, or those nifty modal windows that dish out extra info or gather user input.
\nOnce upon a time, creating these dialog boxes needed us to dawn our JavaScript and CSS capes, pull out some tricks, or even lean on third-party libraries. But as the folks behind HTML5 rolled out their robust set of native elements, the game got a whole lot easier. Let's raise the curtain on the <dialog> element.
\nThe <dialog> element, a native bloke from the HTML5 family, is your go-to guy when you need to whip up a dialog box or other interactive components, like dismissible alerts, inspectors, or subwindows. This little powerhouse gives you a built-in framework for modal dialogs, which, let's be honest, were a pain to get right with custom code. Remember the times you mixed and matched divs, CSS, and JavaScript, poured hours into getting the behavior just right and ticking all those accessibility boxes? Well, the <dialog> element is here to save the day with a standardized, native solution for all your dialog dilemmas.
\nYou're not sold yet? Here are a few compelling reasons why you should get on board the <dialog> train:
\nWhen it comes to web development, we can't turn a blind eye to accessibility, ensuring our websites serve everyone, disabilities notwithstanding. The <dialog> element is a champ at focus management when the dialog is opened and closed - a notorious issue with custom-made dialog boxes. When a dialog box pops up, the focus should ideally zoom to the dialog or an element within it. Once the dialog is dismissed, focus should zip right back to the initial trigger element. The <dialog> element takes care of all this focus juggling right out of the box, making the user experience smoother for everyone, including our friends using assistive tech like screen readers.
\nUnlike some of the fancy web components that demand extra libraries or plugins, the <dialog> element is a home-grown HTML lad. That means fewer dependencies, cleaner codebase, and snappier load times, translating into a better user experience. As per the latest data from CanIUse.com - https://caniuse.com/dialog, the <dialog> element has scored the support of all the major players in the browser market, including Chrome, Firefox, Safari, and Edge. That's compatibility you can bank on!
\nBreaking out the <dialog> element is a walk in the park. It presents you with two methods to control dialog display: .show() and .showModal(). Flick open the dialog as a modal with .showModal(), and it will hog the focus, barring interaction with the rest of the page until it's dismissed. On the flip side, .show() unveils it as a non-modal dialog, allowing interaction with the rest of the page even with the dialog open. You can pick and choose based on your specific needs and the kind of user interaction you're aiming for.
\nGetting the <dialog> element up and running is a cakewalk. Let's break it down with an example:
\n\n See the Pen \n a11y-ready browser-native dialog example by Joe Peterson (@skullzarmy)\n on CodePen.\n
\n\nIn this snippet, the <dialog> element tagged as 'theModalID' holds a simple message and a close button. Hit the "test" button, and the showModal() method is invoked on our 'theModalID' dialog, popping it open as a modal. The dialog can then be put to rest by hitting the 'x' button, which signals the close() method on our dialog.
\nVoila! You've just crafted and controlled a dialog box without scribbling a single line of JavaScript. All the heavy lifting is done by the HTML markup and the native <dialog> element. It's a shining example of the leaps web development has taken and the ever-growing sophistication and simplicity of HTML5.
\nThe <dialog> element is a leap in the evolution of web development. It streamlines dialog box creation, ensures superior accessibility, and loosens the grip of JavaScript and third-party libraries. It's a fantastic tool to have in your developer toolbox. If you haven't given it a whirl yet, now's your chance.
\nAs with any shiny new tech, you should thoroughly test it and make sure your implementation rolls smoothly across different browsers and devices. While its support is on the rise, there could be instances where the <dialog> element might stumble, especially in older or less commonly used browsers. A few extra lines of polyfill JS can handle older browsers elegantly.
\nAlways have your users front and center, ensuring your site delivers a seamless experience to everyone, regardless of the tech they use to access it!
\n", "url": "https://socaltechlab.com/html-dialog-element/", "title": "A Dialogue with