STYLE SWITCHER

Pika – Universal JavaScript is here

Pika – Universal JavaScript is here

Pika is a new kind of package registry for the modern web. 100% ESM. Write once, run natively on every platform.

A new take on package management.

Pika handles formatting, configuring, building and publishing every package on the registry, so that individual authors don't have to.

A registry that understands your source code is able to perfectly-configure your package for you. Pika builds your package to run everywhere, and you spend less time messing with boilerplate tooling. Win win!

Universal JavaScript needs a universal editor.

For this new ecosystem to work, we needed a consistent, universal dev experience for every package on the registry. A universal package editor guarantees your package can't import or do anything Node.js specific that would require a bundler/tooling to use in the browser.

So we created Pika Code. Pika Code is a package code editor that gives you a hosted, easy-to-use, zero-config dev experience for every package on the registry. It takes care of all of your tooling for you, and connects directly with the registry for easy publishing.

Pika? NPM? Why not both.

Every Pika package is automatically published to npm. Your users can install your latest releases from npm, or import them directly from our global registry CDN.

Our CDN lets you build powerful web apps without a bundler. Just load your dependencies directly in the browser using ESM JavaScript imports. Because everything on the registry supports ESM, there are no legacy dependencies to worry about. Our packages even run on Deno.

A more secure registry.

No matter how well you secure your own codebase, external dependencies pose a security threat to everyone.

Pika protects the safety of the entire ecosystem by controlling the publish step. Pika publishes each package directly from source, so malicious or hacked authors can't skip code review or sneak malicious code unnoticed into the registry.

Website
More
Create precise animations with animista.net

Create precise animations with animista.net

CSS animations on demand. Build animations with real time testing.

animista.net helps you to test and create animations without having to waste time writing code, saving it and then refresh browser. The code created by this online tool is versatile and includes support for older browser versions. Although some ninja coders prefer to avoid online code generators such as animista.net, the savings in time cannot be ignored. The number of options offered by this code generator to customize your animation will leave you speechless.

Open Animista
More
ngx-bootstrap: Exclude element in heading from closing an accordion item

ngx-bootstrap: Exclude element in heading from closing an accordion item

<span (click)="$event.stopPropagation()">This should not close it</span>
More
ScreenToGif – Screen recorder

ScreenToGif – Screen recorder

Screen, webcam and sketchboard recorder with an integrated editor.

The application lets you record a screen cast for demos and documentation. This highly useful widget lets you capture the part of screen that you need to record for the purpose of explaining a new feature or demonstration. The app also lets you record a drawing and export the drawing as an GIF. This results in no lag between subsequent strokes.

Go to App
More
Enable nested comments in WordPress Theme👇

Enable nested comments in WordPress Theme👇

In the Settings >> Discussion Screen, there is a options tick box, 'Enable threaded (nested) comments [X] levels deep'. From there you can tick to activate threaded comments and set how many levels deep to a maximum of 10.

You should also check if your theme has the following piece of code, should normally be in the functions.php template of your theme.

wp_enqueue_script('comment-reply')
More