Snippets4Dummies is an easy to use Visual Code Extension which is used for building beautiful layouts as fast as your crush rejects you!

Overview

Why Snippets4Dummies?

Snippets4Dummies is an easy to use Visual Code Extension which is used for building beautiful layouts as fast as your crush rejects you!

Features

  • A navbar which is simple yet elegent(available in HTML,CSS, Javascript)!
  • A footer which is classical (available in HTML,CSS)!
  • An if-else generator and a "for-each" block in Javascript.
  • Basic nextjs middleware route generator.
  • Basic react component generator.
  • Basic react component generator(in typescript).

How to use?

  • Make a HTML,CSS, and Javascript file and use the command !elnav in all of the files for the proper functioning of the navbar!
  • Make a HTML and CSS file and use the command !elfooter in all of the files for the proper functioning of the footer!
  • !ifelse and !foreach command in javascript for proper functioning of the respective snippets.
  • !nextmid command to generate basic nextjs middleware route.
  • !reactjs command to generate basic react component.
  • !reactts command to generate basic react component in typescript.

Requirements

If you have any requirements or dependencies, add a section describing those and how to install and configure them.

Extension Settings

Include if your extension adds any VS Code settings through the contributes.configuration extension point.

For example:

This extension contributes the following settings:

  • myExtension.enable: Enable/disable this extension.
  • myExtension.thing: Set to blah to do something.

Known Issues

Calling out known issues can help limit users opening duplicate issues against your extension.

Release Notes

Users appreciate release notes as you update your extension.

1.0.0

Initial release of ...

1.0.1

Fixed issue #.

1.1.0

Added features X, Y, and Z.


Working with Markdown

You can author your README using Visual Studio Code. Here are some useful editor keyboard shortcuts:

  • Split the editor (Cmd+\ on macOS or Ctrl+\ on Windows and Linux)
  • Toggle preview (Shift+Cmd+V on macOS or Shift+Ctrl+V on Windows and Linux)
  • Press Ctrl+Space (Windows, Linux, macOS) to see a list of Markdown snippets

For more information

You might also like...

QB64 Extension for Visual Studio Code.

QB64 for Visual Studio Code A VSCode extension that adds support for QB64. DISCLAIMER: This is very rough and still needs a lot of work. Features Util

Nov 20, 2022

Visual Studio Code extension for supporting jaksel-language

Visual Studio Code extension for supporting jaksel-language

jaksel-language-support for Visual Studio Code Visual Studio Code extension for supporting jaksel-language coding experience. Features Syntax Highligh

Oct 23, 2022

Flutter makes it easy and fast to build beautiful apps for mobile and beyond

Flutter makes it easy and fast to build beautiful apps for mobile and beyond

Flutter is Google's SDK for crafting beautiful, fast user experiences for mobile, web, and desktop from a single codebase. Flutter works with existing

Jan 7, 2023

A VS Code extension to practice and improve your typing speed right inside your code editor. Practice with simple words or code snippets.

A VS Code extension to practice and improve your typing speed right inside your code editor. Practice with simple words or code snippets.

Warm Up 🔥 👨‍💻 A VS Code extension to practice and improve your typing speed right inside your code editor. Practice with simple words or code snipp

Dec 12, 2022

A refined tool for exploring open-source projects on GitHub with a file tree, rich Markdown and image previews, multi-pane multi-tab layouts and first-class support for Ink syntax highlighting.

A refined tool for exploring open-source projects on GitHub with a file tree, rich Markdown and image previews, multi-pane multi-tab layouts and first-class support for Ink syntax highlighting.

Ink codebase browser, "Kin" 🔍 The Ink codebase browser is a tool to explore open-source code on GitHub, especially my side projects written in the In

Oct 30, 2022

Lit + File Based Routing + Nested Layouts

Lit File Based Routing Lit router for nested layouts and file based routing. Similar to https://remix.run/ but at client side. Demo Package Archived i

Jan 14, 2022

Style definitions for nice terminal layouts 👄

Style definitions for nice terminal layouts 👄

blipgloss Style definitions for nice terminal layouts. Powered by lipgloss and bun:ffi. Install bun add blipgloss Usage Blipgloss takes an expressive,

Dec 31, 2022

Remix enables you to build fantastic user experiences for the web and feel happy with the code that got you there. In this workshop, we'll look at some more advanced use cases when building Remix applications.

💿 Advanced Remix Workshop Remix enables you to build fantastic user experiences for the web and feel happy with the code that got you there. In this

Dec 9, 2022

Visual scraper interface, exports to puppeteer script which you can run anywhere.

Jawa - Visual Scraper Visual scraper interface, exports to puppeteer script which you can run anywhere. You can try it out here https://jawa.kickass.c

Nov 16, 2022
Comments
  • contributing.md file missing

    contributing.md file missing

    According to hacktoberfest guidelines a contributing.md file should be there for projects which are participating in hacktoberfest. Please assign this issue to me...

    hacktoberfest-accepted 
    opened by nileshlad09 3
  • Improve the documentation.

    Improve the documentation.

    I need someone to go through the snippet code and update the README.md file with the documentation accordingly. Please reach out to me if anyone wants to be assigned to this issue

    good first issue 
    opened by SCHW18TZ 3
  • Footer snippet Bug

    Footer snippet Bug

    There is a small bug in !elfooter snippet , the snippet for navbar !elnav refers to both navbar and footer at the same time

    Problem

    elfooterProblem

    I can work on this bug , you can assign me.

    opened by Satyapriyo 2
  • feat: add ava unit testing snippets

    feat: add ava unit testing snippets

    Hello there 👋

    I've added a few snippets related to Unit Testing using the Ava test runner framework

    Why? Because I believe unit testing is a super-important part of your code and helps you to figure and assert whether your code works as expected. Also, I used Ava because it seems to be what people prefer to use nowadays and is in use across thousands of NodeJS projects. In case you wish to check why Ava is a better alternative, please read this.

    Cheers, Skyascii

    opened by savioxavier 1
Owner
SCHWITZ
💻15/yo Self learned Developer
SCHWITZ
Adds promise support (rejects(), doesNotReject()) to tape by decorating it using tape-promise.

Tape With Promises Adds promise support (rejects(), doesNotReject()) to tape by decorating it using tape-promise. Install npm install --save-dev @smal

Small Technology Foundation 3 Mar 21, 2022
Rainbow Table attack to break zkcrush.xyz and reveal your crush.

ZK-Crush-Break Rainbow Table attack to break zkcrush.xyz and reveal your crush. Background Amir released a project called zkcrush.xyz that allowed a u

Verumlotus 4 Jul 1, 2022
Simple shopping cart prototype which shows how React components and Redux can be used to build a friendly user experience with instant visual updates and scalable code in e-commerce applications.

This simple shopping cart prototype shows how React components and Redux can be used to build a friendly user experience with instant visual updates a

Ivan Kuznietsov 3 Feb 8, 2022
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
Freewall is a cross-browser and responsive jQuery plugin to help you create grid, image and masonry layouts for desktop, mobile, and tablet...

Freewall Freewall is a cross-browser and responsive jQuery plugin to help you create many types of grid layouts: flexible layouts, images layouts, nes

Minh Nguyen 1.9k Dec 27, 2022
A Secure Web Proxy. Which is fast, secure, and easy to use.

Socratex A Secure Web Proxy. Which is fast, secure, and easy to use. This project is under active development. Everything may change soon. Socratex ex

Leask Wong 220 Dec 15, 2022
Visual Studio Code extension for formatting and linting Django/Jinja HTML templates using djLint

Visual Studio Code extension for formatting and linting Django/Jinja HTML templates using djLint

Almaz 25 Dec 15, 2022
A Visual Studio Code extension to help working with test files.

spec-utils This extension adds a set of commands to aid the work with test files. Suport Javascript / Typescript files: Jest, Cypress and mocha identi

Douglas Rocha 6 Aug 22, 2022