What is Svelte?

Svelte is a new way to build web applications. It's a compiler that takes your declarative components and converts them into efficient JavaScript that surgically updates the DOM.

Learn more at the Svelte website, or stop by the Discord chatroom.

Supporting Svelte

Svelte is an MIT-licensed open source project with its ongoing development made possible entirely by fantastic volunteers. If you'd like to support their efforts, please consider:

• Becoming a backer on Open Collective.

Funds donated via Open Collective will be used for compensating expenses related to Svelte's development such as hosting costs. If sufficient donations are received, funds may also be used to support Svelte's development more directly.

Development

Pull requests are encouraged and always welcome. Pick an issue and help us out!

To install and work on Svelte locally:

git clone https://github.com/sveltejs/svelte.git
cd svelte
npm install

Do not use Yarn to install…

Headless Recorder

🎥 Headless recorder is a Chrome extension that records your browser interactions and generates a Playwright/Puppeteer script.

👀 Overview

Headless recorder is a Chrome extension that records your browser interactions and generates a Playwright or Puppeteer script. Install it from the Chrome Webstore to get started!

This project builds on existing open source projects (see Credits) but adds extensibility, configurability and a smoother UI. For more information, please check our documentation.

🤔 Do you want to learn more about Puppeteer and Playwright? Check our open Headless Guides

🏗️ What you can do?

• Records clicks and type events.
• Add waitForNavigation, setViewPort and other useful clauses.
• Generates a Playwright & Puppeteer script.
• Preview CSS selectors of HTML elements.
• Take full page and element screenshots.
• Pause, resume and restart recording.
• Persist latest script in your browser
• Copy to clipboard.
• Run generated scripts directly on Checkly
• Flexible configuration options and…

dragmove.js

A super tiny Javascript library to make DOM elements draggable and movable. Has touch screen support. Zero dependencies and 500 bytes Gzipped. Demo here.

Usage

Node

npm install @knadh/dragmove

import { dragmove } from @knadh/dragmove;

// (target, handler, onStart(target, x, y), onEnd(target, x, y)).
// onStart and onEnd are optional callbacks that receive target element, and x, y coordinates.

dragmove(document.querySelector("#box"), document.querySelector("#box .drag-handle"));

ES6 module

Check this example to include dragmove.js as a <script> directly on an HTML page.

Licensed under the MIT License.

The Easiest Way to Adopt Serverless

Official Website | Docs

Getting started

To get started with Webiny, simply follow this link 🚀

Webiny is the easiest way to adopt serverless!

Want to build an API? A React app? A full administration app for your product, website or mobile app? With Webiny you can do all that and then some! Your project will be bootstrapped and prepared for development of your next project in just a few moments. With the tools that come out of the box you'll be able to immediately deploy your project to the cloud (for now only AWS).

Our plugin-based approach to the whole system will make it easy for you to override, upgrade and tweak the system to fit your needs.

GraphQL API

Our API layer works as a collection of plugins that process your GraphQL queries. Apps provided by Webiny are deployed as a monolith…

Get Started • Docs • Community • Tutorials • Events • Youtube • Discord • Templates

Turn any datasource into an internal app in minutes. Appsmith lets you drag-and-drop components to build dashboards, write logic with JavaScript objects and connect to any API, database or GraphQL source

Quick Start

The fastest way to start with Appsmith is the cloud-hosted version. When you're ready, you can also host it yourself.

• Start building apps immediately with Appsmith Cloud
• Install locally or on a private instance with Docker (Recommended)
• Deploy on a Kubernetes cluster
• Deploy to AWS with an AMI on the marketplace
• One-click deploy to Heroku

Features

Use ready components to build workflows in record time. Drag common elements like tables, charts, forms and more right into your app.

Includes text, forms, inputs, buttons, tables, images, charts, checkboxes, switches, radio buttons, datepickers, dropdowns, filepickers, containers, maps, modals, rich text editors, tabs &…

AdminJS

AdminJS is An automatic admin interface which can be plugged into your application. You, as a developer, provide database models (like posts, comments, stores, products or whatever else your application uses), and AdminJS generates UI which allows you (or other trusted users) to manage content.

Inspired by: django admin, rails admin and active admin.

How it looks

Example application

Check out the example application with mongodb and postgres models here:

• login: test@example.com
• password: password

https://demo.adminjs.co/admin

Getting Started

• Check out the documentation
• Try the live demo as mentioned above

OpenSource SoftwareBrothers community

• Join the community to get help and be inspired.
• subscribe to our newsletter

What kind of problems it solves

So you have a working service built in Node.js. It uses (for example) Hapi.js for rendering a couple of REST routes and mongoose as the connector to the database.

Everything works fine, but now you would like…

WEBSITE DIRECTORY: Available here.

📚 Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file.

🤔 Why Awesome-Cheatsheets?

I usually make a cheat sheet when I want to improve my skills in a programming language, a framework or a development tool. I started doing these kinds of things a long time ago on Gist. To better keep track of the history and to let people contribute, I reorganized all of them into this single repository. Most of the content is coming from official documentation and some books I have read.

Feel free to take a look. You might learn new things. They have been designed to provide a quick way to assess your knowledge and to save you time.

📚 Table of Contents

📃 Languages

Call for translators! We're looking for translators to help translate this spec for everyone!

This is a specification for recognizing contributors to an open source project in a way that rewards each and every contribution, not just code.

The basic idea is this:

Use the project README (or another prominent public documentation page in the project) to recognize the contributions of members of the project community.

People are giving themselves and their free time to contribute to open source projects in so many ways, so we believe everyone should be praised for their contributions (code or not).

The All Contributors Table

Below is an example of how using the all-contributors spec table can recognize all contributors

You can use the @all-contributors bot 🤖 to automate acknowledging contributors to your…

PixiJS — The HTML5 Creation Engine

The aim of this project is to provide a fast lightweight 2D library that works across all devices. The PixiJS renderer allows everyone to enjoy the power of hardware acceleration without prior knowledge of WebGL. Also, it's fast. Really fast.

If you want to keep up to date with the latest PixiJS news then feel free to follow us on twitter (@doormat23, @rolnaaba, @bigtimebuddy, @ivanpopelyshev) and we will keep you posted! You can also check back on our site as any breakthroughs will be posted up there too!

We are now a part of the Open Collective and with your support you can help us make PixiJS even better. To make a donation, simply click the button below and we'll love you forever!

What to Use PixiJS for and When to Use It

PixiJS is a rendering library that…

Froala Editor V4

Froala WYSIWYG HTML Editor is one of the most powerful JavaScript rich text editors ever.

• Slim - only add the plugins that you need (30+ official plugins)
• Client frameworks integrations
• Server side SDKs for PHP, Node.JS, .NET, Java, and Python
• Code is well commented
• Online documentation up to date
• Simple to extend - the plugins are all well commented and simple to use as a basis for your own plugins
• Well maintained - frequent releases
• Great support - Help Center
• Awesome new features ​

Demos

• Basic demo: https://www.froala.com/wysiwyg-editor
• Inline demo: https://www.froala.com/wysiwyg-editor/inline
• Full list: https://www.froala.com/wysiwyg-editor/examples

Download and Install Froala Editor

Install from npm

npm install froala-editor

Install from bower

bower install froala-wysiwyg-editor

Load from CDN

Using Froala Editor from CDN is the easiest way to install it and we recommend using the jsDeliver CDN as it mirrors the NPM…