DEV Community: Priyanshu

Top 7 CSS Generators

Priyanshu — Fri, 10 Dec 2021 15:46:06 +0000

In this post I am going to list some of the CSS Generators that can help improving your productivity and make development a lot easier.

1. CSS Flexbox Generator (Link)

This generator can help you generate flex box templates and can make work a lot more easier.

2. Neumorphism Generator (Link)

This generator can help you generate Neumorphism UI's and can make work a lot more easier.

3. Glassmorphism Generator (Link)

This generator can help you generate Glassmorphism UI's and can make work a lot more easier.

4. Fancy Border Radius Generator (Link)

This generator can help you generate Stylish Border Radius templates and can make work a lot more easier and save a lot of time.

5. CSS Grid Generator (Link)

This CSS Generator you can easily generate Grid templates that can save a lot of time.

6. Text Shadow Generator (Link)

This CSS generator helps to generate text shadows within no time.

7. Gradient Button Generator (Link)

This generator helps to generate gradient hover buttons within no time and saves a lot of time.

I hope this blog helped you in your development journey, all these generators really helps to make work more faster and reduces development time.

MongoDB Cheat Sheet(Beginners).

Priyanshu — Sat, 23 Jan 2021 12:20:43 +0000

This blog contains a very basic cheat sheet for MongoDB. This blog might be helpful if you are looking for a cheat sheet.

show dbs -> to show databases

use {database name} -> To create & use a database

db.createCollection("collection name") -> To create a collection

db -> To check current database

db.dropDatabase() -> To delete/drop a database

db.[collection-name].drop() -> To delete/drop a collection

show collections -> To show collections

db.[collection-name].insertOne({key:value}) -> To insert one

db.[collection-name].insertMany([{key:value}, {key:value}]) -> To insert many

db.[collection-name].find(query(optional), projection(optional))-> To find data

db.[collection-name].find(query(optional), projection(optional)).pretty() -> To find data and prettify it

db.[collection-name].find().count() -> To count the number of data in a collection

db.[collection-name].find().sort({value:1}) -> To sort the values : -1 : Descending, 1 : Ascending

db.[collection-name].find().limit(value) -> To limit the data show

db.[collection-name].updateOne({_id:1}, {$set: {age:21}}) -> To update one set of value

db.[collection-name].updateMany({_id:1}, {$set: {age:21}}) -> To update many set of value

db.[collection-name].deleteOne({_id:1}) -> To delete

I made this basic cheat sheet when I was learning MongoDB. I thought of sharing it as it might help many beginners. If I made any mistake while writing this, you can write this in the comment's and let me know.

Best Light Weight Code Editor's For Developer's.

Priyanshu — Sat, 28 Nov 2020 16:27:20 +0000

Many of us loves to use light weight code editors rather than using heavy weight IDE's. Light weight code editors are really useful for beginners and also for those who have a low end PC but want to code.

How will this post help you??

If you have a low end pc or you don't want to use any IDE & looking for a good code editor then this blog can help you, in here I'll be telling you about some good code editors you can use.

1. Sublime Text

Sublime Text is one of the best code editor's that I would recommend you if you even have a really slow PC than also Sublime Text will work super smoothly without any lag, Sublime Text has a huge support for packages to install + it support's multiple coding language's such as Java, JavaScript, Python, C/C++, and many more, the list is big.

Download Sublime Text

2. Visual Studio Code

VS Code is a open source code editor developed by Microsoft. It is a free code editor with support for multiple languages, you just need to download extension for it and you are good to go. VS Code has it's own market place where you can get multiple extensions like Flutter, Dart, Python, etc. It's also a favorite code editor of many developers. It's an code editor with features of an IDE.

Download VS Code

3. Notepad++

As I told this blog contains some best Code Editor's, So here's another one and it's the best one for low end/slow pc's. Notepad++ is a free source code editor and Notepad replacement that supports several languages. Running in the MS Windows environment, its use is governed by GNU General Public License. This editor is written in C++ and this also ensures you have a good executing speed & and also uses very low CPU power.

Download Notepad ++

4. Brackets

Bracket's is a light weight open source code editor, it's made for developer's by developer's like you. You can use this code editor to do web development and it also support's live server which allows you to edit your website and see the changes live and like this it has many other awesome feature's.

Download Bracket's

My personal favorite code editor's are VS Code & Sublime Text. Those are my personal choice. They are also my recommendation.

Best VS Code extensions for Flutter Developers.

Priyanshu — Thu, 26 Nov 2020 06:15:25 +0000

As a Flutter beginner, I always used to get confused while coding in Flutter but these extensions saved my day.

Flutter & Dart are the must have extension and it's the most basic extension that you will need in VS Code to work with Flutter

1. Bracket Colorizer 2

This extension helps to match the brackets with same colors and make's the code much more easily readable and understandable. This extension becomes a life saver as it colors a pair of bracket's with same colors and makes the block of code visible.

2. Error Lens

Error Lens help's to display the error's in front of you in that line where the error has occurred and this also saves a lot of time and makes it much more easier for you to code

3. Pubspec Assist

Pubspec assists help's you to get the latest version of packages.It searches for the packages directly from the VS Code and adds it to pubspec.yaml and let's you not to visit pub.dev to check for the package and saves a lot of time

4. Awesome Flutter Snippets

Awesome Flutter Snippets is a collection of commonly used Flutter classes and methods. It increases your speed of development by eliminating most of the boilerplate code associated with creating a widget. Widgets such as StreamBuilder and SingleChildScrollView can be created by typing the shortcut streamBldr and singleChildSV respectively.

5. Image Preview

Image Preview help's to preview images that are loaded on the script. This make's it easy to preview the image.

IF YOU LIKED MY CONTENT & I WILL BE UPLOAING MORE BUT IF YOU LIKE TO SUPPORT ME SUBSCRIBE MY CHANNEL.
Link: https://youtube.com/c/CodersLane