- Jul 2024
-
-
Barcode Writer in Pure JavaScript
-
- May 2024
- Feb 2024
-
-
Open the Safari app on your iPhone. Tap and hold the tabs icon, which looks like two overlapping boxes and appears in the bottom-right corner of your screen. In the pop-up menu, tap “Close All Tabs.” Confirm that you want to close all the open tabs in the browser by tapping “Close All Tabs.”
Long press on the tab button and select "close all"
-
-
www.youtube.com www.youtube.com
-
1:00 Clear browser cache and cookies
Tags
Annotators
URL
-
- Jan 2024
-
streetpass.social streetpass.social
-
https://streetpass.social/
StreetPass, a browser extension that leverages rel="me" for compiling a list of potential mastodon accounts to follow as you visit websites.
-
-
qutebrowser.org qutebrowser.org
-
Installing qutebrowser with virtualenv
-
- Dec 2023
-
www.youtube.com www.youtube.com
-
ne way that I can capture this is by using the readwise reader extension which you can see in the upper right hand corner of my screen it's the yellow r I'm going to click on this and now you can see that there's a bar at the top one thing I love about the read-wise highlighter extension is that it allows you to read and highlight and still capture all of that information into reader and the read wise app ecosystem overall without breaking context
in-place annotation so you don't break focus on the current view, whatever it is.
Tags
Annotators
URL
-
-
www.playpcesor.com www.playpcesor.com
-
UpNote 也提供了簡單的網頁擷取外掛,可以安裝在 Chrome、 Firefox 等瀏覽器中
iOS 好像沒有這功能:缺憾
-
- Nov 2023
-
www.theodinproject.com www.theodinproject.com
-
The problem with this is that there is no guarantee that different browsers will style everything the same. In general, inconsistencies are going to be pretty minor, but they DO exist.
Aunque existen diversas similitudes, todos los navegadores tienen defaults distintos respecto del CSS de los principales elementos HTML. Esto es algo a tener en cuenta al momento de tratar de dar una experiencia uniforme al usuario porque vas a tener que sobreescribir las diferencias entre navegadores y establecer tu propio estándar.
-
- Oct 2023
-
twobithistory.org twobithistory.org
-
HTML had blown open document publishing on the internet
... which may have really happened, per se, but it didn't wholly incorporate (subsume/cannibalize) conventional desktop publishing, which is still in 2023 dominated by office suites (a la MS Word) or (perversely) browser-based facsimiles like Google Docs. Because the Web as it came to be used turned out to be as a sui generis medium, not exactly what TBL was aiming for, which was giving everything (everything—including every existing thing) its own URL.
-
-
jakelazaroff.com jakelazaroff.com
-
Rather than dealing with the invariably convoluted process of moving my content between systems — exporting it from one, importing it into another, fixing any incompatibilities, maybe removing some things that I can’t find a way to port over — I drop my Markdown files into the new website and it mostly Just Works.
What if you just dropped your pre-rendered static assets into the new system?
-
- Sep 2023
-
tomcritchlow.com tomcritchlow.com
-
I was browsing someone’s site yesterday, hosted on Wordpress, yay! Except it was throwing plugin error messages. Wordpress is still too hard to maintain. Wordpress is not the answer.
-
- May 2023
-
aboard.com aboard.com
-
One click to turn any web page into a card. Organize your passions.
In beta May 2023, via:
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>All right. @Aboard is in Beta. @richziade and I are to blame, and everyone else deserves true credit. Here's an animated GIF that explains the entire product. Check out https://t.co/i9RXiJLvyA, sign up, and we're waving in tons of folks every day. pic.twitter.com/7WS1OPgsHV
— Paul Ford (@ftrain) May 17, 2023
-
-
web.archive.org web.archive.org
-
If you doubt my claim that internet is broad but not deep, try this experiment. Pick any firm with a presence on the web. Measure the depth of the web at that point by simply counting the bytes in their web. Contrast this measurement with a back of the envelope estimate of the depth of information in the real firm. Include the information in their products, manuals, file cabinets, address books, notepads, databases, and in each employee's head.
-
-
dl.acm.org dl.acm.org
-
The Web does not yet meet its design goal as being a pool of knowledge that is as easy to update as to read. That level of immediacy of knowledge sharing waits for easy-to-use hypertext editors to be generally available on most platforms. Most information has in fact passed through publishers or system managers of one sort or another.
-
- Mar 2023
-
youtubedownload.minitool.com youtubedownload.minitool.com
-
Open the YouTube video you want to watch and press Ctrl+M. This keyboard shortcut can make YouTube hide the process bar even you haven’t paused the YouTube video.
To capture a Youtube video screenshot without the player controls, use the Hyde browser extension and the keystroke Ctrl+M to hide/unhide the controls.
Further, one can use the Windows Snipping Tool via Win-Shift-S to effect a screenshot to the clipboard for saving and editing.
https://youtubedownload.minitool.com/youtube/how-to-hide-youtube-bar.html
-
-
blog.cmpxchg8b.com blog.cmpxchg8b.com
-
If you use a third party password manager, you might not realize that modern browsers have password management built in with a beautiful UX. Frankly, it’s harder to not use it.
-
If you’re a security conscious user... You don’t need SMS-2FA. You can use unique passwords, this makes you immune to credential stuffing and reduces the impact of phishing. If you use the password manager built in to modern browsers, it can effectively eliminate phishing as well.
not needed: password manager: 3rd-party
-
-
-
<small><cite class='h-cite via'>ᔥ <span class='p-author h-card'>Hypothesis</span> in Liquid Margins 38: The rise of ChatGPT and how to work with and around it : Hypothesis (<time class='dt-published'>02/09/2023 16:11:54</time>)</cite></small>
-
- Feb 2023
-
forums.zotero.org forums.zotero.org
-
Ctrl+Shift+Z
https://forums.zotero.org/discussion/71852/how-to-remove-or-edit-zotero-shortcut-in-chrome
Keyboard shortcut to add something to Zotero using Zotero connector browser extension.
Could potentially be changed at chrome://extensions/shortcuts
-
-
webcontainers.io webcontainers.io
-
From interactive tutorials to full-blown IDEs, build instant, interactive coding experiences backed by WebContainers: the trusted, browser-based runtime from StackBlitz.
StackBlitz开发的,可在浏览器中运行node!
-
- Jan 2023
-
unclutter.lindylearn.io unclutter.lindylearn.io
-
https://unclutter.lindylearn.io/
A tool similar to Readability (now Mercury). Also has read it later and highlighting functionality built in.
Sadly it doesn't seem to dovetail well with Hypothes.is' overlay. :(
-
-
treeverse.app treeverse.app
-
https://treeverse.app/
Treeverse is a tool for visualizing and navigating Twitter conversation threads.<br /> It is available as a browser extension for Chrome and Firefox.
-
-
addons.mozilla.org addons.mozilla.org
-
https://addons.mozilla.org/en-US/firefox/addon/swift-selection-search/
Swiftly access your search engines in a popup panel when you select text in a webpage.
A quick UI method for selecting text and then searching within it using a variety of engines, wikis, etc.
-
-
jamesg.blog jamesg.blog
-
https://jamesg.blog/2022/12/30/highlight-js/
-
- Dec 2022
-
www.robinsloan.com www.robinsloan.com
-
Spend some time with Arc, the new browser from The Browser Company of New York.
First I've heard of this.
Tags
Annotators
URL
-
-
github.com github.com
-
datatracker.ietf.org datatracker.ietf.org
- Nov 2022
-
en.wikipedia.org en.wikipedia.org
-
Donations
To add some other intermediary services:
- ko-fi (site for contribution)
- GitHub sponsors (for GitPages)
- itch.io (for games)
- Gumroad (for sites and repositories)
- Patreon (for fan interaction)
To add a service for groups:
To add a service that enables fans to support the creators directly and anonymously via microdonations or small donations by pre-charging their Coil account to spend on content streaming or tipping the creators' wallets via a layer containing JS script following the Interledger Protocol proposed to W3C:
If you want to know more, head to Web Monetization or Community or Explainer
Disclaimer: I am a recipient of a grant from the Interledger Foundation, so there would be a Conflict of Interest if I edited directly. Plus, sharing on Hypothesis allows other users to chime in.
Tags
- pricing
- dev.to
- revenue
- pay-what-you-want
- protocol
- coil
- open
- gumroad
- pricing strategies
- vuepress
- extension
- exclusive
- revenue sharing
- youtube
- mozilla festival
- mozilla
- wordpress
- donation
- microdonation
- video
- moodle
- gatsby
- web standards
- monetization
- sponsors
- ngx
- Patreon
- fans
- tips
- podcast
- open web
- premium
- strategies
- hugo
- w3c
- community
- film
- svelte
- FOSS
- browser
- pay what you want
- online ledger
- Interledger
- collective
- pwyw
- stream
- ko-fi
- art
- payment pointer
- open source
- open-source
- web
- micro-donation
- pipe web
- plug-in
- research
- gratuity
- tessy
- education
- model
- jekyll
- github
- Consortium
- subscriptions
- micropayment
- web monetization
- API
- tools
- wallet
- open collective
- games
- freemium
- privacy
- WWW
- payment
- gridsome
- gaming
- contribution
- uphold
- nonprofit
- gftw
- 11ty
- Interledger Protocol
- business
- gatehub
- mozfest
Annotators
URL
-
-
medium.com medium.com
-
There are plenty of articles about the emergence of PyScript for embedding Python code directly into HTML, but until now the creation of browser extensions in Python has been something of a closed door.
One can use PyScript to write browser extensions in Python (or at least some simple ones?)
-
-
learn.microsoft.com learn.microsoft.com
-
The Console now supports redeclaration of const variables across separate REPL scripts (such as when you run a statement in the Console), in addition to the existing let and class redeclarations. This support allows you to experiment with different declarations for const variables without refreshing the page. Previously, DevTools threw a syntax error if you redeclared a const binding.
Edge version of this matching release note from the matching Chrome feature:
https://hyp.is/d9XEKGfOEe2a27vFWUjjSA/developer.chrome.com/blog/new-in-devtools-92/
Interesting, they're copying some content, but not all of it verbatim.
-
-
developer.chrome.com developer.chrome.com
-
The Console now supports redeclaration of const statement, in addition to the existing let and class redeclarations. The inability to redeclare was a common annoyance for web developers who use the Console to experiment with new JavaScript code.
-
-
stackoverflow.com stackoverflow.com
-
Check the "Auto-open DevTools for popups".
Without this feature, when a pop-up opens without DevTools open, if it redirects, it will be too late to open DevTools and see the redirect logged...
There is still a problem though: If the pop-up window closes, so does that DevTools. So you can't see logs or network logs (redierects) that happened right before it closed...
-
-
-
Post about how to modify keyboard shortcut's for Brave browser extensions
-
- Oct 2022
-
-
-
Just as a breadcrumb here for future readers (I found this thread when I was searching), it seems Cuprite has support for non-headless now (via Ferrum). headless: false in the options does the trick. And thanks for your work on Cuprite.
-
-
www.se-radio.net www.se-radio.net
-
@1:10:20
With HTML you have, broadly speaking, an experience and you have content and CSS and a browser and a server and it all comes together at a particular moment in time, and the end user sitting at a desktop or holding their phone they get to see something. That includes dynamic content, or an ad was served, or whatever it is—it's an experience. PDF on the otherhand is a record. It persists, and I can share it with you. I can deliver it to you [...]
NB: I agree with the distinction being made here, but I disagree that the former description is inherent to HTML. It's not inherent to anything, really, so much as it is emergent—the result of people acting as if they're dealing in live systems when they shouldn't.
-
- Sep 2022
-
www.zylstra.org www.zylstra.org
-
If you need a site that’s just a single page I think I would use a word processor and do a “save as html”.
-
- Aug 2022
-
www.clubic.com www.clubic.com
Tags
Annotators
URL
-
-
linux.softpedia.com linux.softpedia.com
-
www.paperblog.fr www.paperblog.fr
-
paulstamatiou.com paulstamatiou.com
-
-
paulstamatiou.com paulstamatiou.com
-
github.com github.com
Tags
Annotators
URL
-
-
eoxc.github.io eoxc.github.io
Tags
Annotators
URL
-
-
Tags
Annotators
URL
-
-
www.w3.org www.w3.org
-
github.com github.com
-
-
github.com github.com
-
worldwideweb.cern.ch worldwideweb.cern.ch
-
digital-archaeology.org digital-archaeology.org
- Jul 2022
-
chrome.google.com chrome.google.com
-
-
addons.mozilla.org addons.mozilla.org
-
scattered-thoughts.net scattered-thoughts.net
-
Here is how I produce invoices and contracts for consulting: Open an old invoice/contract in firefox. Use the inspector to change the values. Hit 'save as new file'.
-
-
notebook.wesleyac.com notebook.wesleyac.com
-
I recently started building a website that lives at wesleyac.com, and one of the things that made me procrastinate for years on putting it up was not being sure if I was ready to commit to it. I solved that conundrum with a page outlining my thoughts on its stability and permanence:
It's worth introspecting on why any given person might hesitate to feel that they can commit. This is almost always comes down to "maintainability"—websites are, like many computer-based endeavors, thought of as projects that have to be maintained. This is a failure of the native Web formats to appreciably make inroads as a viable alternative to traditional document formats like PDF and Word's .doc/.docx (or even the ODF black sheep). Many people involved with Web tech have difficulty themselves conceptualizing Web documents in these terms, which is unfortunate.
If you can be confident that you can, today, bang out something in LibreOffice, optionally export to PDF, and then dump the result at a stable URL, then you should feel similarly confident about HTML. Too many people have mental guardrails preventing them from grappling with the relevant tech in this way.
-
- Jun 2022
-
docs.google.com docs.google.com
-
https://docs.google.com/document/d/1N4LYLwa2lSq9BizDaJDimOsWY83UMFqqQc1iL2KEpfY/edit
P.R.O.B.E. rubric participation (exceeds, meets fails), respectful, open, brave, educational
Mentioned in the chat at Hypothes.is' SOCIAL LEARNING SUMMIT: Spotlight on Social Reading & Social Annotation
in the session on Bringing the Margins to Center: Introduction to Social Annotation
Looking at the idea of rubrication, I feel like I ought to build a Tampermonkey or Greasemonkey script that takes initial capitals on paragraphs and makes them large, red, or even illuminated. Or perhaps something that converts the CSS of Hypothes.is and makes it red instead of yellow?
What if we had a collection of illuminated initials and some code that would allow for replacing capitals at the start of paragraphs? Maybe a repository like giphy or some of the meme and photo collections for reuse?
-
-
github.com github.com
-
Chrome extension that adds to your browsing experience by showing you relevant discussions about your current web page from Hacker News and Reddit.
Similar to the browser extension / "bug" that shows other Hypothes.is conversations and annotations.
This would be cool if it could be expanded to personal search to show you blog conversations or Twitter conversations of people you follow.
Link to: - https://boffosocko.com/2022/06/18/wikilinks-and-hashtags-as-a-portal-to-cross-site-search/ - https://boffosocko.com/2019/06/29/social-reading-user-interface-for-discovery/
-
-
addons.mozilla.org addons.mozilla.org
-
-
www.ibiblio.org www.ibiblio.org
-
This page is excellent for an example of HTML being an adequate substitute for traditional office formats.
-
- May 2022
-
www.linkedin.com www.linkedin.com
-
Building and sharing an app should be as easy as creating and sharing a video.
This is where I think Glitch goes wrong. Why such a focus on apps (and esp. pushing the same practices and overcomplicated architecture as people on GitHub trying to emulate the trendiest devops shovelware)?
"Web" is a red herring here. Make the Web more accessible for app creation, sure, but what about making it more accessible (and therefore simpler) for sharing simple stuff (like documents comprising the written word), too? Glitch doesn't do well at this at all. It feels less like a place for the uninitiated and more like a place for the cool kids who are already slinging/pushing Modern Best Practices hang out—not unlike societal elites who feign to tether themself to the mast of helping the downtrodden but really use the whole charade as machine for converting attention into prestige and personal wealth. Their prices, for example, reflect that. Where's the "give us, like 20 bucks a year and we'll give you better alternative to emailing Microsoft Office documents around (that isn't Google Sheets)" plan?
-
-
addons.mozilla.org addons.mozilla.org
-
news.ycombinator.com news.ycombinator.com
-
However when you look UNDERNEATH these cloud services, you get a KERNEL and a SHELL. That is the "timeless API" I'm writing to.
It's not nearly as timeless as a person might have themselves believe, though. (That's the "predilection" for certain technologies and doing things in a certain way creeping in and exerting its influence over what should otherwise be clear and sober unbiased thought.)
There's basically one timeless API, and that means written procedures capable of being carried out by a human if/when everything else inevitably fails. The best format that we have for conveying the content comprising those procedures are the formats native to the Web browser—esp. HTML. Really. Nothing else even comes close. (NB: pixel-perfect reproduction à la PDF is out of scope, and PDF makes a bunch of tradeoffs to try to achieve that kind of fidelity which turns out to make it unsuitable/unacceptable in a way that HTML is not, if you're being honest with your criteria, which is something that most people who advocate for PDF's benefits are not—usually having deceived even themselves.)
Given that Web browsers also expose a programming environment, the next logical step involves making sure these procedures are written to exploit that environment as a means of automation—for doing the drudge work in the here and now (i.e., in the meantime, when things haven't yet fallen apart).
-
- Apr 2022
-
blog.whatwg.org blog.whatwg.org
-
Much of this sort of information was later reverse-engineered, and cross-browser support for basic operations is actually quite good. (Browsers still vary widely on the details.)
-
-
news.itsfoss.com news.itsfoss.com
-
Hence, to keep things balanced, I think we should constantly oppose the anti-competitive behavior by tech giants and start using Mozilla Firefox (in whatever capacity, even as a secondary browser).
This is an interesting argument as to what individual users can do to keep Firefox alive. But the biggest dent on anti-competitive behavior should come from well enforced proper anti-trust regulations the way Europe is doing it. How can browser users contribute to this?
Tags
Annotators
URL
-
- Mar 2022
-
addons.mozilla.org addons.mozilla.org
-
https://addons.mozilla.org/en-US/firefox/addon/epubreader/
A browser extension for reading ePub files in Firefox.
-
-
citeseerx.ist.psu.edu citeseerx.ist.psu.edudownload1
-
The complete overlapping of readers’ and authors’ roles are important evolution steps towards a fully writable web, as is the ability of deriving personal versions of other authors’ pages.
-
- Feb 2022
-
underpassapp.com underpassapp.com
-
underpassapp.com underpassapp.com
-
StopTheMadness is a web browser extension that stops web sites from making your browser harder to use
-
"The good news is that you can wrest control of your browser back from these malicious, control-freak sites."
-
unfortunately only iOS and Mac
see instead: - https://addons.mozilla.org/en-US/firefox/addon/enable-selection/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=search
-
-
every.to every.to
-
The third way I interact with my notes is a mechanism I’ve engineered whereby they are slowly presented to me randomly, and on a steady drip, every day.I’ve created a system so random notes appear every time I open a browser tabI like the idea of being presented and re-presented with my notations of things that were interesting to me at some point, but that in many cases I had forgotten about. The effect of surprise creates interesting and productive new connections in my brain.
Robin Sloan has built a system that will present him with random notes from his archive every time he opens a browser tab.
-
- Jan 2022
-
github.com github.com
-
Node is entirely at liberty to limit the design the same way we crash the process on errors (which browsers do not).
-
- Dec 2021
-
new-xkit-extension.tumblr.com new-xkit-extension.tumblr.com
-
https://new-xkit-extension.tumblr.com XKit for Tumblr functionality
Tags
Annotators
URL
-
- Nov 2021
-
askubuntu.com askubuntu.com
-
Perhaps not a good idea, in general, to use a random PPA for such sprawling software as a browser. Auditability near zero even if it is open source.
-
- Sep 2021
-
github.com github.com
-
This is not a published Chrome extension and it uses an odd workaround to circumvent Chrome security. So I'm not sure how safe it is. Keep an eye on it; if it develops enough, it could be quite useful.
-
-
github.com github.com
-
the bug is actually in webpack, related to fs in the web target.
-
-
blog.sindresorhus.com blog.sindresorhus.com
-
You can help make Node.js and browsers more unified. For example, Node.js has util.promisify, which is commonly used. I don’t understand why such an essential method is not also available in browsers. In turn, browsers have APIs that Node.js should have. For example, fetch, Web Streams (The Node.js stream module is awful), Web Crypto (I’ve heard rumors this one is coming), Websockets, etc.
-
The main reason I love Node.js is that I don’t have to deal with the awfulness that is JS front-end tooling.
-
- Aug 2021
-
pragmaticwebsecurity.com pragmaticwebsecurity.com
-
Hence, the refresh token allows an application to autonomously obtain a new access token from the security token service, without user intervention.
Although its true, that refreshing token without user interaction is a legal scenario, it is not for UI living in web browser, but rather for the server side apps, perhaps the BEFE.
-
- Jun 2021
-
web.dev web.dev
-
Unfortunately, many existing mechanisms to gauge and propagate trustworthiness—to work out if an interaction with a site is from a real human, for example—take advantage of techniques that can also be used for fingerprinting.
Tags
Annotators
URL
-
-
duckduckgo.com duckduckgo.com
Tags
Annotators
URL
-
-
github.com github.com
-
Runs headless by default, but you can configure it to run in a headful mode.
first sighting of term: headful
-
-
evilmartians.com evilmartians.com
-
In practice, we usually also need another tool to provide an API to control the browser (e.g., ChromeDriver).
-
“System tests” is a common naming for automated end-to-end tests in the Rails world. Before Rails adopted this name, we used such variations as feature tests, browser tests
-
-
hacks.mozilla.org hacks.mozilla.org
-
if you just need a screenshot of a webpage, that’s built in:
-
This poses a few problems for automation. In some environments, there may be no graphical display available, or it may be desirable to not have the browser appear at all when being controlled.
-
Browsers are at their core a user interface to the web, and a graphical user interface in particular.
-
-
browsersync.io browsersync.io
-
developer.mozilla.org developer.mozilla.org
-
The globalThis property provides a standard way of accessing the global this value (and hence the global object itself) across environments. Unlike similar properties such as window and self, it's guaranteed to work in window and non-window contexts. In this way, you can access the global object in a consistent manner without having to know which environment the code is being run in.
-
-
github.com github.com
-
Unlike browsers, you can access raw Set-Cookie headers manually using Headers.raw(). This is a node-fetch only API.
-
- May 2021
-
en.wikipedia.org en.wikipedia.org
-
The NoScript extension for Firefox mitigates CSRF threats by distinguishing trusted from untrusted sites, and removing authentication & payloads from POST requests sent by untrusted sites to trusted ones. The Application Boundary Enforcer module in NoScript also blocks requests sent from internet pages to local sites (e.g. localhost), preventing CSRF attacks on local services (such as uTorrent) or routers.
-
The Self Destructing Cookies extension for Firefox does not directly protect from CSRF, but can reduce the attack window, by deleting cookies as soon as they are no longer associated with an open tab.
-
-
www.dougengelbart.org www.dougengelbart.org
-
editor-browser tool sets
This hasn't happened yet, and is unlikely to happen anytime soon. We seem to be moving away from a read/write web, with authors only being able to edit content they've created on domains that they control. The closest I've seen to this is the Beaker Browser.
-
- Apr 2021
-
anagora.org anagora.org
-
flancian has some instructions for setting up Promnesia for various platforms.
-
-
github.com github.com
-
Firefox extension: https://addons.mozilla.org/en-US/firefox/addon/promnesia/
Promnesia is a browser extension for Chrome/Firefox (including Firefox for Android!) which serves as a web surfing copilot, enhancing your browsing history and web exploration experience.
TLDR: it lets you explore your browsing history in context: where you encountered it, in chat, on Twitter, on Reddit, or just in one of the text files on your computer. This is unlike most modern browsers, where you can only see when you visited the link.
I've been doing something a bit like this manually and it looks a lot like the sort of UI examples I've been collecting at https://boffosocko.com/2019/06/29/social-reading-user-interface-for-discovery/
-
- Mar 2021
-
github.blog github.blog
-
We’re happy to report that the good people at Google and Mozilla are moving towards adoption as well.
-
- Feb 2021
-
blog.webmemex.org blog.webmemex.org
-
This project is somewhat related to getmemex.com
Zegnat et al.: FYI WorldBrain's Memex (= getmemex.com) has some shared history with my WebMemex project; we collaborated for some months, then went in somewhat different directions; I focussed on web page snapshotting for a while, and got distracted with other things; WorldBrain's version added more and more features and got a lot closer to what I had in mind for WebMemex. — via treora # 21:34 on 2021-02-12
-
A browser extension for archiving web pages locally.
-
-
www.joinhoney.com www.joinhoney.comHoney1
Tags
Annotators
URL
-
-
darkreader.org darkreader.org
Tags
Annotators
URL
-
-
medium.com medium.com
-
I’d notice the network requests going out!Where would you notice them? My code won’t send anything when the DevTools are open (yes even if un-docked).I call this the Heisenberg Manoeuvre: by trying to observe the behaviour of my code, you change the behaviour of my code.
-
-
github.com github.com
-
stackoverflow.com stackoverflow.com
-
Your browser window is basically just one big iframe.
-
- Jan 2021
-
www.slackmoji.com www.slackmoji.com
Tags
Annotators
URL
-
-
support.box.com support.box.com
-
A setting in the browser might be preventing the use of javascript in select websites.
-
-
augmentedsteam.com augmentedsteam.com
-
www.npmjs.com www.npmjs.com
-
Think first: why do you want to use it in the browser? Remember, servers must never trust browsers. You can't sanitize HTML for saving on the server anywhere else but on the server.
-
-
violentmonkey.github.io violentmonkey.github.io
-
github.com github.com
- Dec 2020
-
sapper.svelte.dev sapper.svelte.dev
-
Note that preload will run both on the server side and on the client side. It may therefore not reference any APIs only present in the browser.
-
-
policies.google.com policies.google.com
-
Managing cookies in your browserMost browsers allow you to control how cookies get used as you’re browsing.Some browsers automatically limit or delete cookies. Also, in some browsers, you can set up rules to manage cookies on a site-by-site basis, allowing you to permit cookies only from sites that you trust.In Google Chrome, the Settings contain an option to Clear Browsing Data. You can use this option to delete cookies and other browsing data. See our instructions for managing cookies in Chrome.Google Chrome also supports private browsing with its Incognito mode. You can browse in Incognito mode when you don’t want your site visits or downloads to remain in your browsing and download histories. Once you close all your Incognito browsing windows, Chrome won’t save your browsing history, cookies, and other data.Losing the information stored in cookies may make sites less functional but shouldn’t prevent them from working.
-
-
www.geoffreylitt.com www.geoffreylitt.com
-
website developers and extension authors
Like, for example, Google having a problem with ad-blockers in Google Chrome. This is an example of why monopolies aren't great; Google makes money selling ads but they also control a browser that most people use. There's a conflict here when the users of the browser install extensions that limit Google's ability to show you ads.
-
-
developer.mozilla.org developer.mozilla.orgChrome1
-
In a browser, the chrome is any visible aspect of a browser aside from the webpages themselves (e.g., toolbars, menu bar, tabs). This is not to be confused with the Google Chrome browser.
-
- Nov 2020
-
stackoverflow.com stackoverflow.com
-
If you want a reference to the global object that works in any context, you can read this from a directly-called function. const global = (function() {return this})();. This evaluates to window in the browser, self in a service worker and global in nodejs.
-
emphasizing that 'this' and 'global object' are two different things not only in Node.js but in JavaScript in general
-
-
github.com github.com
-
Microbundle also outputs a modern bundle specially designed to work in all modern browsers. This bundle preserves most modern JS features when compiling your code, but ensures the result runs in 90% of web browsers without needing to be transpiled. Specifically, it uses preset-modules to target the set of browsers that support <script type="module"> - that allows syntax like async/await, tagged templates, arrow functions, destructured and rest parameters, etc. The result is generally smaller and faster to execute than the esm bundle
-
-
matthiasott.com matthiasott.com
-
The Web needs to be accessible to everyone who wants to participate, who wants to share their knowledge with the world, who is not satisfied with the status quo and ready to change culture and society. Yet instead, we are currently building a Web of superficial distractions that is becoming less and less accessible to future generations.
i am dead cold afraid that the web that is coming seems like it will not support extensions. the bookmarklet is dead, extensions are only on desktop. websec has won, sites are secure, and alas, secured against the almighty user who we all agreed we served.
what sites do- now that's also been, frankly, not great.
-
- Oct 2020
-
www.basefactor.com www.basefactor.com
-
Ubiquity: you can also run your validation on the server side (e.g. nodejs)
-
-
-
Using the keyboard arrows, navigate down the suggestion list to the item(s) you want to remove from the Chrome autofill suggestions With the suggestion highlighted, use the appropriate keystroke sequence to delete the Chrome suggestion:
Linux: Shift + Delete
-
-
github.com github.com
-
Use a node-style require() to organize your browser code and load modules installed by npm.
-
-
github.com github.com
-
browserify is a tool for compiling node-flavored commonjs modules for the browser.
-
-
-
Think of JavaScript. In the browser you don't have direct access to the file system. In Node.js you have. Same programming language. Different APIs.
-
-
github.com github.com
-
import page from "//unpkg.com/page/page.mjs";
-
Or with modules, in modern browsers
-
-
stackoverflow.com stackoverflow.com
-
Node.js code must be run by the node process, not the browser (the code must run in the server).
-
- Sep 2020
-
medium.com medium.com
-
Modules using code that doesn’t exist in browsers such as process.env.NODE_ENV and forcing you to convert or polyfill it.
-
-
rollupjs.org rollupjs.orgRollup1
-
Some modules, like events or util, are built in to Node.js. If you want to include those (for example, so that your bundle runs in the browser), you may need to include rollup-plugin-node-polyfills.
-
-
mdn-web-dna.s3-us-west-2.amazonaws.com mdn-web-dna.s3-us-west-2.amazonaws.com
-
react-spectrum.adobe.com react-spectrum.adobe.com
-
There are very few built-in UI controls in the browser, and those that do exist are very hard to style.
-
-
exploringjs.com exploringjs.com
-
Ways of delivering JavaScript source code
-
-
kwokchain.com kwokchain.com
-
Figma is browser-first, which was made possible (and more importantly performant) by their understanding and usage of new technologies like WebGL, Operational Transforms, and CRDTs. From a user’s perspective, there are no files and no syncing that needs to be done with others editing a design. The actual *experience* of designing in Figma is native to the internet. Even today, competitors often talk about cloud, but are torn over how *much* of the experience to port over to the internet. Hint: “all of it” is the correct answer that they all eventually will converge on.
Company's struggle to figure out how much of their experience they should port over to the cloud. Figma pioneered the idea of porting all of it and call it a "browser first" application.
For the Figma user there are no versioned files and there is no syncing.
Kwok claims all companies will converge to having all of their experience be "internet native".
-
- Jul 2020
-
www.w3.org www.w3.org
-
As a result, web browsers can provide only minimal assistance to humans in parsing and processing web pages: browsers only see presentation information.
-
- Jun 2020
-
forums.phpfreaks.com forums.phpfreaks.com
-
How do I change my cookie settings? Most web browsers allow some control of most cookies through the browser settings. To find out more about cookies, including how to see what cookies have been set and how to manage and delete them, visit www.aboutcookies.org or www.allaboutcookies.org.
-
- May 2020
-
stackoverflow.com stackoverflow.com
-
1. Disabling concrete extension update. That's what I wanted! You can do this by editing the extensions manifest json-file on Windows: C:\Users\<USERNAME>\AppData\Local\Google\Chrome\User Data\Default\Extensions\<EXTENSION-ID>\<VERSION>\manifest.json (find out the extensions ID by enabling developer mode in the extension settings page) on Ubuntu for Chromium: ${HOME}/.config/chromium/Default/Preferences In this file set "update_url" property to something invalid like "https://localhost" for example. For now according to given url updating of that extension is simply impossible.
-
-
-
Most web browsers are set by default to protect your privacy unless you opt for tracking yourself. For example, Internet Explorer automatically enables its “Do Not Track” option and Google Chrome blocks any 3rd-party cookies by default.
-
-
www.addictivetips.com www.addictivetips.com
-
The context menu will have three options; Normal Reload, Hard Reload, and Empty Cache and Hard Reload. The third option is what you’re looking for. Click ‘Empty Cache and Hard Reload’ to clear the cache for a particular website.
-
-
superuser.com superuser.com
-
After opening up the developer tools (usually by pressing F12) Click + Hold on the "Reload Page" button. From the popup list, choose "Empty Cache and Hard Reload".
-
-
complianz.io complianz.io
-
The mix of a fingerprint and first-party cookies is pervasive as Google can give a very high level of entropy when it comes to distinguishing an individual person.
-
-
developer.mozilla.org developer.mozilla.orgGecko1
-
Products using the same version of Gecko have identical support for Web standards.
-
-
github.com github.com
-
github.com github.com
-
extensionworkshop.com extensionworkshop.com
-
Add-ons that are intended for internal or private use, are only accessible to a closed user group, or for distribution testing may not be listed on AMO. Such add-ons may be uploaded for self-distribution instead.
-
-
extensionworkshop.com extensionworkshop.com
-
extensionworkshop.com extensionworkshop.com
-
Firefox is at the forefront of cross-browser compatibility.
-
cross-browser development
-
-
-
github.com github.com
-
I would love for Mozilla to make this extension irrelevant by providing the functionality natively. Language translation is a standard and yet highly differentiating feature in Chrome and Edge.
-
-
pixelprivacy.com pixelprivacy.com
-
Browser fingerprinting is a powerful method that websites use to collect information about your browser type and version, as well as your operating system, active plugins, timezone, language, screen resolution and various other active settings.
These data points might seem generic at first and don’t necessarily look tailored to identify one specific person. However, there’s a significantly small chance for another user to have 100% matching browser information. Panopticlick found that only 1 in 286,777 other browsers will share the same fingerprint as another user.
-
Browser fingerprinting is defined on Wikipedia as follows: “A device fingerprint, machine fingerprint or browser fingerprint is information collected about a remote computing device for the purpose of identification. Fingerprints can be used to fully or partially identify individual users or devices even when cookies are turned off.”
That means that, when you connect to the internet on your laptop or smartphone, your device will hand over a bunch of specific data to the receiving server about the websites you visit.
-
- Apr 2020
-
stackoverflow.com stackoverflow.com
-
So in the case of Chrome, the developers have essentially said "we will leave this to the user to decide in their preferences whether they want autocomplete to work or not. If you don't want it, don't enable it in your browser". However, it appears that this is a little over-zealous on their part for my liking, but it is the way it is.
-
-
-
If you are signed in to Chrome with the a Google account and try to sign it to that Google account on a web page, Chrome will not offer to save that password.
You have to "disconnect" your Google Account from Chrome, which to me is an unfortunate workarounds.
They should just give the option to people who want to both have the accounts connected and save that password.
Tags
Annotators
URL
-
-
panopticlick.eff.org panopticlick.eff.org
-
Browser fingerprinting is quite a powerful method of tracking users around the Internet. There are some defensive measures that can be taken with existing browsers, but none of them are ideal. In practice, the most realistic protection is using the Tor Browser, which has put a lot of effort into reducing browser fingerprintability. For day-to-day use, the best options are to run tools like Privacy Badger or Disconnect that will block some (but unfortunately not all) of the domains that try to perform fingerprinting, and/or to use a tool like NoScript for Firefox, which greatly reduces the amount of data available to fingerprinters.
-
Browser fingerprinting is both difficult to detect and and extremely difficult to thwart.
-
“Browser fingerprinting” is a method of tracking web browsers by the configuration and settings information they make visible to websites, rather than traditional tracking methods such as IP addresses and unique cookies.
-
When you visit a website, you are allowing that site to access a lot of information about your computer's configuration. Combined, this information can create a kind of fingerprint — a signature that could be used to identify you and your computer. Some companies use this technology to try to identify individual computers.
-
-
-
since mobile Chrome still doesn't support extensions (Google plz)
-
-
keepass.info keepass.info
-
The user's computer stores and transmits cookies. Therefore, you as a user also have full control over the use of cookies. You can deactivate or restrict the transmission of cookies by changing the settings in your browser. Cookies that have already been saved can be erased at any time. This can also be done automatically. Please consult the documentation of your browser. Links to the cookie management documentations of some popular browsers:
-
-
developer.chrome.com developer.chrome.com
-
stackoverflow.com stackoverflow.com
-
I usually write example code that is for both Chrome and Firefox WebExtensions.
-
-
-
stackoverflow.com stackoverflow.com
-
developer.chrome.com developer.chrome.com
- Mar 2020
-
-
one interesting thing to note is that they write in their cookie policy all information needed for the user to allow or block cookies via the web browser settings
-
this website claims the cookie stuff will be a responsibility of the browser, not the website, which would make live easier for web devs.
-
-
www.iubenda.com www.iubenda.com
-
Our solution goes a bit further than this by pointing to the browser options, third-party tools and by linking to the third party providers, who are ultimately responsible for managing the opt-out for their own tracking tools.
-
the Cookie Law does not require that you provide users with the means to toggle cookie preferences directly on your site/app
-
This means or mechanism does not have to be hosted directly by you. In most cases under member state law, browser settings are considered to be an acceptable means of withdrawing consent.
-
-
www.privacypolicies.com www.privacypolicies.com
-
provide users with information regarding how to update their browser settings. Many sites provide detailed information for most browsers. You could either link to one of these sites, or create a similar guide of your own. Your guide can either appear in a pop up after a user declines consent, or it can be part of your Privacy Policy, Cookie Information page, or its own separate page.
-
-
support.google.com support.google.com
-
You can also turn off personalization for your browser by installing the Interest-Based Ads Opt Out extension.
-
-
techcrunch.com techcrunch.com
-
open source browser extension that can automatically answer pop-ups based on user-customizable preferences.It’s called Consent-o-Matic — and there are versions available for Firefox and Chrome.
-
-
policies.google.com policies.google.com
-
You can view and manage cookies in your browser (though browsers for mobile devices may not offer this visibility).
-
-
policies.google.com policies.google.com
-
Some people prefer not to allow cookies, which is why most browsers give you the ability to manage cookies to suit you.Some browsers limit or delete cookies, so you may want to review your cookie settings and ads settings. In some browsers you can set up rules to manage cookies on a site-by-site basis, giving you more fine-grained control over your privacy. What this means is that you can disallow cookies from all sites except those that you trust.In the Google Chrome browser, the Tools menu contains an option to Clear Browsing Data. You can use this option to delete cookies and other site and plug-in data, including data stored on your device by the Adobe Flash Player (commonly known as Flash cookies). See our instructions for managing cookies in Chrome.
-
- Jan 2020
- Dec 2019
-
justread.link justread.link
-
github.com github.com
-
One thing that matters is if code uses browser-specific (example: Dom) or server-specific (example: filesystem) features.
-
-
github.com github.com
-
browser
-
-
2ality.com 2ality.com
-
browser: points to browser-specific untranspiled code
-
-
github.com github.com
-
This is a browser execution environment. It may provide additional built in objects exposed in the global namespace. It is a specialized execution environment which provides builtin capabilities beyond the base javascript language spec.
-
Using the browser field in package.json allows a module author to clearly articulate which files are innapropriate for client use and provide alternatives.
-
It allows the module code (and subsequently dependants on the module) to not use preprocessor hacks, source code changes, or runtime detection hacks to identify which code is appropriate when creating a client bound package.
-
Consider that the client environment as the special case as it exposes objects into the global space to provide certain features and limits others.
Doesn't the server ever expose objects into the global space??
-
The browser field is where the module author can hint to the bundler which elements (other modules or source files) need to be replaced when packaging.
-
When a javascript module is prepared for use on a client there are two major concerns: certain features are already provided by the client, and certain features are not available. Features provided by a client can include http requests, websockets, dom manipulation. Features not available would include tcp sockets, system disk IO.
-
You can simply prevent a module or file from being loaded into a bundle by specifying a value of false for any of the keys. This is useful if you know certain codepaths will not be executed client side but find it awkward to split up or change the code structure.
-