This has been reported several times:
As of november 2023, I found a workaround: type this in your browser console:
window.$.Redactor.prototype.paste = () => ({})
I do not fully understand the underlying problem, but I found out that itch.io uses the Redactor rich text editor, and this line of code disables all the convoluted clipboard-pasting management that this Javascript library does.
You can configure your browser to run this JS code line on every visit on a itch.io game page by using a GreaseMonkey or ViolentMonkey script like this:
// ==UserScript==
// @name itch.io-clipboard-paste-fix
// @namespace Violentmonkey Scripts
// @match https://*.itch.io/*
// @grant none
// @version 1.0
// @author Lucas Cimon
// @description Enable clipboard pasting in itch.io review forms
// ==/UserScript==
window.$.Redactor.prototype.paste = () => ({})
Youtube generates revenue from user ad views, and it’s logical for the platform to implement restrictions to prevent people from downloading videos or even watching them on an unofficial client like YouTube Vanced. In this article, I will explain the technical details of these security mechanisms and how it’s possible to bypass them.
...
Since mid-2021, YouTube has included the query parameter
n
in the majority of file URLs. This parameter needs to be transformed using a JavaScript algorithm located in the filebase.js
, which is distributed with the web page. YouTube utilizes this parameter as a challenge to verify that the download originates from an “official” client. If the challenge is not resolved andn
is not transformed correctly, YouTube will silently apply throttling to the video download.The JavaScript algorithm is obfuscated and changes frequently, so it’s not practical to attempt reverse engineering to understand it. The solution is simply to download the JavaScript file, extract the algorithm code, and execute it by passing the
n
parameter to it.
...
Many projects currently use these techniques to circumvent the limitations put in place by YouTube in order to prevent video downloads. The most popular one is yt-dlp (a fork of youtube-dl) programmed in Python, but it includes its own custom JavaScript interpreter to transform the n parameter.
All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Today I made a small addition to a Javascript library I sometimes use to generate nonograms.
This tool can now build a solvable grid in the form of a valid QR Code that, once decoded, reveals some text:
To find more about it: Nonogram JS demo page.
Note that I've …
Bindery.js is a javascript library to create printable books with HTML and CSS.
First, content is divided across multiple pages. From there, you can set up rules to generate running headers, spreads, and footnotes, based on the content that fits on each page. Turn links into page numbers to create a table of contents or index. When you’re ready to print, configure bleed, crop marks, and booklet ordering.
Bindery relies on your browser’s PDF generation.
I recently discovered some really beautiful pieces of generative art on r/generative.
In the same spirit as a precedent article on glitch art, I want to share some of my favorites:
A really nice JS-based image glitch effect, adding a hacker / horror mood...
If anyone wants to use it, I transformed that code into a Javascript function there:
https://github.com/jacksonbenete/email_terminal/blob/master/src/glitch-img.js
It has a dependency on the p5.js lib
It's MIT-licensed, as all public CodePens code
One things that annoys me a little though, is that I often get matches for people too far away from where I live, even with the distance filter set in my Settings:
Hence I wrote some simple Javascript code that auto-pass matches for a list of given cities …
Différentes solutions et exemples pour faire des onglets, carrousels, scrolling parallax, menus, galeries, tooltips et autres sans javascript.
Accordion / Toggle, Carousel, Flip on click, Info on hover/ Popover, Image Gallery, Menu, Mobile menu off canvas, Burger menu, Modal/Popup, Parallax scrolling, Tabs, Tooltips...
Source: https://sebsauvage.net/links/
Every element I use for the basic structure of a HTML document, with explanations why.
collectibles.js is a JavaScript library for adding collectible items to your website. Once the user finds and clicks on all collectible items on your website, they will be greeted with a secret victory page with a URL of your choosing.
The source code for these demos is freely available at http://github.com/jamis/csmazes
Source: https://sebsauvage.net/links/?Wgr4pg
<link rel="stylesheet" type="text/css" href="images/enigmes/topoloku.css">
Depuis le 24 mars, avec ma compagne, nous avons décidé de partager un petit puzzle logique par jour à nos amis & familles, pour les distraire un peu en cette période difficile.
J'avais même bricolé un petit système de score, et j'en profite d'ailleurs pour féliciter ici les gagnants !
Comme aujourd'hui …
The iframe
above displays some graphs I've built last week,
in order to get some insight on some GitHub projects issues & pull requests evolution.
They are directly inspired by nf-core project activity statistics.
Avec ce tutoriel vous verez comment rendre votre site web plus rapide : de l’optimisation des requêtes, à l’affichage de la page, en passant par la génération des pages web et l’affichage correct des pages sur tous les terminaux.
The idea was to push the concept of generated favicons far and beyond and pack a thrilling retro shooter in 16×16 pixels.
Damn, I just got the very same idea today !
Well done Mathieu 'p01' Henri.
Checklist:
I participated in this year's js13kGames, a JavaScript game development competition with a file size limit of 13kb, including code, assets and everything else. My entry was Underrun, a twin stick shooter using WebGL.
Very detailed and insightful post-mortem on the winning game of the js13kGames competition !
Reminds me of Fabien Sanglard game architetcure reviews, except it's from the author himself :)
I opted to render the player character as a sprite as well, even though it needs to be freely rotated. It was far easier to produce 8 different sprites – one for each direction – than to implement a loader and renderer for complex 3D models. [...] The game never needs to rotate any geometry. [...] To make the player character rotation look convincing I build a 3D model and simply took screenshots for each of the different perspectives. I'm a total doofus when it comes to 3D modeling software, but that doesn't stop me from using the ingenious Wings3D. The result doesn't look like much, but scaled down to 16px, it doesn't matter.
List of date-fns or native functions which you can use to replace moment.js + ESLint Plugin
Here’s the full list:
tl;dr:
Using a nice trick, with html2canvas
, to get the pixel information at a particular location of a rendered HTML element
The TOAST UI Grid is a component that can display, edit, add, and delete multiple data.
You can append units to the data shown and use html to represent images and links instead of textual data.
you can use tree data to represent them in a hierarchy
pyecharts is a wrapper around echarts, a library developped by Baidu [...] the gallery, it is quite impressive.
The Python wrapper used some technics such as modules to automatically converts Python code into Javascript:javascripthon
.
Record, replay, and stub HTTP interactions.
Voici une petite dépêche que j'ai écrite sur le site LinuxFr : https://linuxfr.org/news/generateurs-de-puzzles-libres
They show dependencies between the internal modules of various well-known Python libraries.
They goal is to provide a global overview of a Python project architecture, as a map of modules & packages, the top-level code abstractions.
Note that all …
Rough.js is a light weight (~8k), Canvas based library that lets you draw in a sketchy, hand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing SVG paths.
Transpiling JS code with BabelJS & a Makefile, with integration for Flow JS static types annotations
This page contains a collection of small computer programs which implement one-player puzzle games. All of them run natively on Unix (GTK), on Windows, and on Mac OS X. They can also be played on the web, as Java or Javascript applets.
It is all distributed under the MIT licence.
Alt: https://github.com/stephenostermiller/qqwing
There are other solvers (e.g. in Python) on GitHub
My improved fork: https://github.com/Lucas-C/wordfind
Alt in JS: http://jswordsearch.sourceforge.net
Alt in Ruby: https://github.com/jamis/wordsearch
Un site que je trouve bien pratique
Source code: https://github.com/timdream/wordcloud2.js
Alt:
Relative to tweens, aliasing and release version optimizations
While developing a new project is like rolling on a green field for you, maintaining it is a potential dark twisted nightmare for someone else. Here's a list of guidelines we've found, written and gathered that (we think) works really well with most JavaScript projects here at hive. If you want to share a best practice, or think one of these guidelines should be removed, feel free to share it with us.
Found from: http://javascriptweekly.com
This site aims to provide simplest possible examples of HTML, CSS and JavaScript.
Essential cross-platform UI components for React Native https://nativebase.io
EaseJS (for canvas) + TweenJS + SoundJS + PreloadJS
PRPL is a pattern for structuring and serving Progressive Web Apps (PWAs), with an emphasis on the performance of app delivery and launch. It stands for:
- Push critical resources for the initial URL route.
- Render initial route.
- Pre-cache remaining routes.
- Lazy-load and create remaining routes on demand.
A very plausible scenario of credentials sniffer injected through npm dependency chain.
I loved the "I’d see it in your source on GitHub!" section : so scary and true.
eslint rules from airnbnb to validate ReactJS code
Checklists pour: