-
6 votes
-
Fixing memory leaks in web applications
6 votes -
Why JavaScript is eating HTML
33 votes -
TSLint will be deprecated by the end of 2020 in favor of ESLint
7 votes -
Animated particle constellations - 42 lines of pure JavaScript
4 votes -
Smaller HTML Payloads with Service Workers
7 votes -
Wanna wholla lotta curves? - abstract animation in 50 lines of pure JavaScript
8 votes -
The Mysterious Double Tilde (~~) Operation
12 votes -
Firefox UI is now built with Web Components
21 votes -
Build your own React
7 votes -
Morphing text particles in vanilla JavaScript
3 votes -
Dissecting A Dweet: Shattered Tunnel - How to make a 3D tunnel in 140 bytes of JavaScript!
8 votes -
3d stereogram in zero lines of pure JS
4 votes -
NPM CEO Bryan Bogensberger Resigned
6 votes -
Ember.js, Dr. Carvers Shave Butter, and disappearing products
10 votes -
Lezer (the parser used in CodeMirror 6)
3 votes -
QuickJS: A new JS interpreter/compiler by Fabrice Bellard
11 votes -
The Baseline Interpreter: a faster JS interpreter in Firefox 70
13 votes -
All the New ES2019 Tips and Tricks
7 votes -
Turtle graphics in JavaScript the goofball way
5 votes -
StandardJS, a Javacript linter config with 3 million downloads/month starts showing advertisements in users terminals
20 votes -
Dissecting A Dweet: Parallax Mountains (Analyzing a 140 byte JavaScript demo)
3 votes -
A Simple Intro To Svelte
4 votes -
Dissecting A Dweet: Breaking Broke
6 votes -
Why is modern web development so complicated?
17 votes -
Dissecting a Dweet: Strange Attractor (a tiny 3D Lorenz system in javascript)
9 votes -
JavaScript: What’s new in ES2019
13 votes -
Dissecting A Dweet: Ring Weave ~ a 140 byte javascript animation
9 votes -
Dissecting A Dweet: Mini Black Hole
6 votes -
Falling sand - image transition effect in 16 lines of pure JavaScript
5 votes -
Dissecting A Dweet ~ Spirograph Design Generator
6 votes -
Dissecting A Dweet ~ Spiral Javascript Quine Explained
12 votes -
Yin Yang with a twist - 4 circles and 20 lines of pure JavaScript
6 votes -
Need a simple way to password protect a webpage
Hey Tildes! I've got a static, basic website, HTML and CSS. It's one page only. But I'd like to create a second page with some more private content that is password protected. I know that I can...
Hey Tildes!
I've got a static, basic website, HTML and CSS. It's one page only. But I'd like to create a second page with some more private content that is password protected.
I know that I can accomplish this via .htaccess but what I don't like about this method is that when the user navigates to the page, they get a pop up asking for a username and password. What I would like is having the user navigate to the page, and then they are met with a simple form asking for just a password (no username). After they enter the password, the "veil" lifts or the page forwards and they get the private content.
Here's the thing... the content really only needs to seem private. It's not super secret, personal information. I don't want it indexed by search engines (nofollow), and I want it basically hidden, but the password is only there to make the user feel exclusive. If some tech-minded person encountered this page and jumped through a bunch of hoops to get in without the password, it's not a big deal to me. In reality, 99.9% of people accessing this page will not be able to bypass the password.
I'm guessing this can be accomplished easily in Javascript, but I don't really know much Javascript apart from finding code snippets and plunking them in. I also want to be able to fully design the password entry page so that it looks branded, so a code snippet plunked down into my HTML doc would be great for this.
If there is an easy way to actually protect the content behind the password, that would be excellent. In this case, I imagine it would be much like a news site with an ad-blocker-blocker. Just some kind of pop-up that blocks all the content. Enter the password, and you're in.
Anyhow, I hope I've described what I'm looking for accurately enough. Anybody have any easy and quick ways to accomplish this?
14 votes -
Hacking thousands of websites via third-party JavaScript libraries
5 votes -
A silly contraption using a JavaScript physics engine
10 votes -
Tail Call Optimization: The Musical
5 votes -
I’m harvesting credit card numbers and passwords from your site. Here’s how.
17 votes -
WebAssembly at eBay: A Real-World Use Case
9 votes -
Structure and Interpretation of Computer Programs, JavaScript Adaptation
3 votes -
I made 7 1k javascript demos in 2 weeks for JS1k! - My Epic Post-Mortem
6 votes -
Clever JavaScript does not mean simple or readable
8 votes -
Standardizing WASI: A system interface to run WebAssembly outside the web
8 votes -
Native File System API
6 votes -
A JavaScript-Free Frontend
16 votes -
How many dots can you see? Optical illusion in 18 lines of pure JavaScript - easy tutorial
6 votes -
Bootstrap 5 will remove jQuery as a dependency
27 votes -
Building a modern carousel with CSS scroll snap, smooth scrolling, and pinch-zoom
4 votes -
Scams, American Express, and obfuscated Javascript
10 votes -
Inrupt releases React SDK for Solid
6 votes