A website for developing and demonstrating HTML/CSS/JS code

I accidentally stumbled upon an interesting site called JSFIDDLE:

http://jsfiddle.net

On it, you can write HTML/CSS/JS code, perform automatic validation of JavaScript code, and immediately see the results. Additionally, you can specify the JavaScript framework being used, such as jQuery (any version), which you can use in your code, meaning you don’t have to download jQuery.js. Overall, it's very convenient. You can then save the code, show it to others, and update it.

A brief description of the project from an interview with the site developer:

One of the great code-sharing tools was pastebin. It was simple and straightforward but quickly grew out of its usefulness. That's where jsFiddle comes in. jsFiddle is a fresh tool that not only displays the code and highlights it but also executes its code within the browser for even better debugging.
...
JsFiddle is a playground for web developers, a tool that can be used in many ways. One can use it as an online editor for snippets built from HTML, CSS, and JavaScript.

The code can then be shared with others, embedded on a blog, etc. Using this approach, JavaScript developers can very easily isolate bugs. We aim to support all actively developed frameworks - it helps with testing compatibility.

Here, for example, is a subtle blinking link made using jQuery:

https://jsfiddle.net/nKFEh/1/

Comments

Post a Comment

Popular posts from this blog

How to set up a simple backup on your UGREEN NAS using rsync & cron scheduler

 As much as I love my UGREEN NAS, it doesn't come with a built-in app for backups. There's one, actually, but it only allows backups between different NASes or between your NAS and your PC. While I needed to set up a backup from one drive on my NAS to another drive on the same NAS. I tried a few Docker containers with web UI, but I wasn't able to make them work, or they didn't work as I wanted (for example one app encrypted the backups, and I wasn't able to change this. And I didn't want my files encrypted, I just needed a simple copy). So in the end, I decided to go with creating a script that runs rsync for a backup and schedule it with cron. I just needed to back up my music folder from one drive to another. Here's how I did this: 1) Log in to your NAS via SSH . 2) Run:   sudo nano /usr/local/bin/backup_music.sh 3) The Nano editor will open, paste this there (update the script to use your paths) SOURCE="/volume1/4TB_NVME/Music/" DEST="/m...
Read more

How to connect to your UGREEN NAS via SSH

Image
Here's how to connect to your UGREEN NAS via SSH: 1) Enable SSH in UGREEN NAS WEB UI -> Control Panel -> Terminal: 2) Download Putty (SSH Client) 3) I recommend setting up a hostname for your UGREEN NAS instead of using the IP address everywhere. You can do this by navigating to Control Panel > Device Connection > LAN: 4) Open PuTTY, enter the hostname or IP address of your NAS, and click "Open": 5) Keep in mind, that only admin users will be able to log in via SSH. Here's where you choose the user's role: 6) Log in using your NAS username and password. Once logged in, you can freely explore and perform actions as needed. In the example below, I briefly navigated through the NAS file system for demonstration purposes.:
Read more

Fixing low brightness (darkness) in 4K HDR movies

Image
Recently, I started watching movies in 4K HDR format more frequently. However, they often appear too dark on both my display and TV. I use the VLC player in both cases. This issue occurs because 4K HDR (High Dynamic Range) movies can look too dark on displays or players that do not fully support HDR. This happens due to the way HDR content is encoded and processed. I’ve decided to investigate why this happens and explore how I can fix it. 1.  HDR Content Is Optimized for HDR Displays HDR content is created with a specific emphasis on a wider range of brightness levels (dynamic range) and colors compared to standard dynamic range (SDR) content. HDR uses metadata to provide instructions to HDR-compatible displays about how to render the brightest highlights, darkest shadows, and vibrant colors. When viewed on an HDR-capable display, this content is mapped correctly to take advantage of the screen’s expanded capabilities, resulting in a more vivid and realistic image. 2.  Ton...
Read more