VANILLA TODO

A TeuxDeux clone in plain HTML, CSS and JavaScript (no build steps). It's fully animated and runs smoothly at 60 FPS with a total transfer size of 44KB (unminified).

Try it online →

More importantly, it's a case study showing that vanilla web development is viable in terms of maintainability and worthwhile in terms of user experience (100% faster loads and 90% less bandwidth in this case).

There's no custom framework invented here. Instead, the case study was designed to discover minimum viable patterns that are truly vanilla The result is maintainable, albeit verbose and with considerable duplication.

If anything, the case study validates the value of build steps and frameworks but also demonstrates that standard web technologies can be used effectively and there are only a few critical areas where a vanilla approach is clearly inferior (especially in browser testing).

Intermediate understanding of the web…

fullPage.js

English | Español | Français | Pусский | 中文 | 한국어

Available for Vue, React and Angular

   |   7Kb gziped   |   Created by @imac2

• Demo online | Codepen
• Wordpress plugin for Gutenberg and WordPress plugin for Elementor
• Wordpress theme
• fullpage.js Extensions
• Frequently Answered Questions

A simple and easy to use library that creates fullscreen scrolling websites (also known as single page websites or onepage sites) and adds landscape sliders inside the sections of the site.

• Introduction
• Compatibility
• License
• Usage
  • Creating links to sections or slides
  • Creating smaller or bigger sections
  • State classes added by fullpage.js
  • Lazy loading
  • Auto play/pause embedded media
  • Use extensions
• Options
• Methods
• Callbacks
• Reporting issues
• Contributing to fullpage.js
• Changelog
• Build tasks
• Resources
• Who is using fullpage.js
• Donations
• Sponsors

Introduction

Suggestion are more than welcome, not only for feature requests but also for coding style improvements Let's make this a great library to make people's…

Build Accessible React Apps with Speed ⚡️

Chakra UI provides a set of accessible, reusable, and composable React components that make it super easy to create websites and apps.

Looking for the documentation? 📝

For older versions, head over here => https://v0.chakra-ui.com

Latest version (v1) => https://chakra-ui.com

Features 🚀

• Ease of Styling: Chakra UI contains a set of layout components like Box and Stack that make it easy to style your components by passing props Learn more
• Flexible & composable: Chakra UI components are built on top of a React UI Primitive for endless composability.
• Accessible. Chakra UI components follow the WAI-ARIA guidelines specifications and have the right aria-* attributes.
• Dark Mode 😍: Most components in Chakra UI are dark mode compatible.

Support Chakra UI 💖

By donating $5 or more you can support the ongoing development of this project We'll appreciate some support. Thank you to all our…

Coding Interview University

I originally created this as a short to-do list of study topics for becoming a software engineer but it grew to the large list you see today. After going through this study plan, I got hired as a Software Development Engineer at Amazon You probably won't have to study as much as I did. Anyway, everything you need is here.

I studied about 8-12 hours a day, for several months. This is my story: Why I studied full-time for 8 months for a Google interview

The items listed here will prepare you well for a technical interview at just about any software company including the giants: Amazon, Facebook, Google, and Microsoft.

Best of luck to you!

axios

Promise based HTTP client for the browser and node.js

New axios docs website: click here

Table of Contents

• Features
• Browser Support
• Installing
• Example
• Axios API
• Request method aliases
• Concurrency (Deprecated)
• Creating an instance
• Instance methods
• Request Config
• Response Schema
• Config Defaults
  • Global axios defaults
  • Custom instance defaults
  • Config order of precedence
• Interceptors
• Handling Errors
• Cancellation
• Using application/x-www-form-urlencoded format
  • Browser
  • Node.js
    • Query string
    • Form data
• Semver
• Promises
• TypeScript
• Resources
• Credits
• License

Features

• Make XMLHttpRequests from the browser
• Make http requests from node.js
• Supports the Promise API
• Intercept request and response
• Transform request and response data
• Cancel requests
• Automatic transforms for JSON data
• Client side support for protecting against XSRF

Browser Support

Latest ✔	Latest ✔	Latest ✔	Latest ✔	Latest ✔	11 ✔

Installing

Using npm:

$ npm install axios

Using bower:

$ bower install axios

Using yarn:

$ yarn add axios

Using jsDelivr CDN:

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js

📦 webpack Boilerplate

Sensible webpack 5 boilerplate using Babel, PostCSS and Sass with a hot dev server and an optimized production build.

Installation

Clone this repo and npm install.

npm i

Usage

Development server

npm start

You can view the development server at localhost:8080.

Production build

npm run build

Note: Install http-server globally to deploy a simple server.

npm i -g http-server

You can view the deploy by creating a server in dist.

cd dist && http-server

Features

• webpack
• Babel
• Sass
• PostCSS

Dependencies

webpack

• webpack - Module and asset bundler.
• webpack-cli - Command line interface for webpack
• webpack-dev-server - Development server for webpack
• webpack-merge - Simplify development/production configuration
• cross-env - Cross platform configuration

Babel

• @babel/core - Transpile ES6+ to backwards compatible JavaScript
• @babel/plugin-proposal-class-properties - Use properties directly on a class (an example Babel config)
• @babel/preset-env - Smart defaults for Babel

Loaders

• babel-loader - Transpile files with Babel and…

NEW: pure sh bible (📖 A collection of pure POSIX sh alternatives to external processes).

pure bash bible

A collection of pure bash alternatives to external processes.

The goal of this book is to document commonly-known and lesser-known methods of doing various tasks using only built-in bash features. Using the snippets from this bible can help remove unneeded dependencies from scripts and in most cases make them faster. I came across these tips and discovered a few while developing neofetch, pxltrm and other smaller projects.

The snippets below are linted using shellcheck and tests have been written where applicable. Want to contribute? Read the CONTRIBUTING.md. It outlines how the unit tests work and what is required when adding snippets to the bible.

See something incorrectly described, buggy or outright wrong? Open an issue or send a pull request. If the bible is missing something, open an issue…

Features

• Built-in Process Management
• Plugin System
• Framework Customization
• Lots of plugins

Quickstart

Follow the commands listed below.

$ mkdir showcase && cd showcase
$ npm init egg --type=simple
$ npm install
$ npm run dev
$ open http://localhost:7001

Node.js >= 8.0.0 required.

Documentations

• Documentations
• Plugins
• Frameworks
• Examples

Contributors

How to Contribute

Please let us know how can we help. Do check out issues for bug reports or suggestions first.

To become a contributor, please follow our contributing guide.

Sponsors and Backers

License

MIT

Recipes

This repo contains various recipes for testing common scenarios using Cypress: Fundamentals, Testing the DOM, Logging in, Preprocessors, Blogs, Stubbing and spying, Unit Testing, Server Communication, Other Cypress Recipes, Community Recipes

Fundamentals

Apache ECharts

Apache ECharts is a free, powerful charting and visualization library offering an easy way of adding intuitive, interactive, and highly customizable charts to your commercial products. It is written in pure JavaScript and based on zrender, which is a whole new lightweight canvas library.

中文官网 | ENGLISH HOMEPAGE

Get Apache ECharts

You may choose one of the following methods:

• Download from the official website in 中文下载页
• Download from the official website in English
• npm install echarts --save
• CDN: jsDelivr CDN

Docs

• Tutorial

  • 中文
  • English

• API

  • 中文
  • English

• Option Manual

  • 中文
  • English

Get Help

• GitHub Issues for bug report and feature requests
• Email dev@echarts.apache.org for general questions
• Subscribe to the mailing list to get updated with the project

Build

Build echarts source code:

Execute the instructions in the root directory of the echarts (Node.js is required)

# Install the dependencies from NPM:
npm install
# Rebuild source