Forem: Amir Meimari

Boost Your Productivity as a Developer with Obsidian

Amir Meimari — Mon, 06 Mar 2023 18:03:29 +0000

Are you a developer who struggles to keep track of all your notes and ideas? Do you find yourself drowning in a sea of digital clutter? Well, fear not my tech-savvy friends, because Obsidian is here to help! 🎉

Obsidian is a productivity tool that's been gaining popularity in the developer community. It's a note-taking app that uses a concept called "networked thought" to connect your notes and ideas in a more meaningful way. And let me tell you, it's a game-changer! 🚀

So, how can Obsidian improve productivity for a developer? Let's dive into some tips and tricks. 🤓

Organize Your Thoughts: Obsidian allows you to organize your notes in a way that makes sense to you. Use tags, links, and folders to create a network of information that's easy to navigate. Whether you're working on a specific project or just trying to keep your thoughts in order, Obsidian can help.
Create a Knowledge Base: Obsidian is great for creating a personal knowledge base. You can use it to store information like coding snippets, links to helpful resources, and documentation for projects. With Obsidian, you'll have all the information you need at your fingertips, organized and ready to use.
Stay Focused: Obsidian allows you to create focused workspaces, which can help you stay on task and reduce distractions. Whether you're working on a complex project or just trying to stay focused during a busy day, Obsidian can help you get things done.
Collaborate with Others: Obsidian makes it easy to collaborate with others. You can share your notes and ideas with colleagues, and work together to create a network of information that's useful for everyone. With Obsidian, you can stay connected and collaborate from anywhere.
Stay on Top of Your Tasks: Obsidian has a built-in task manager that allows you to keep track of your to-do list. You can set due dates, create recurring tasks, and mark tasks as complete when you're done. With Obsidian, you'll never forget an important task again.

Obsidian functions like a reliable personal assistant that never forgets anything, resembling a brain that is always active without the need for a caffeine addiction, and is similar to a secret weapon in your productivity arsenal. With Obsidian, becoming a productivity ninja is achievable in no time. 💪

To sum up, Obsidian is a potent tool that can aid developers in remaining organized, focused, and successful. Whether you're working on a challenging project or attempting to keep track of your daily tasks, Obsidian can be beneficial in completing your to-do list. So, why not give it a shot and witness how it can enhance your productivity? You won't be disappointed! 🙌

And if you want more productivity tips and tech insights, be sure to follow me on Twitter at @amirmeimari. Happy note-taking!

10 YouTube Channels That Make You A Better Developer [2020]

Amir Meimari — Fri, 24 Jul 2020 10:03:26 +0000

I'm a self-thought developer and my favorite way of learning is watching video tutorials. It is easier for me to watch somebody code and explains code line by line and youtube is one of the best places to find such content. I've listed my favorite content creators/developers channels in this blog post. this is NOT based on subscribers and views. I hope you enjoy their content as well as I do! 😊
Also if you have a youtube channel you want to share, please drop the link in the comment section.

10. Google Chrome Developers

Wanna know what is included in every update of chrome? quality videos from the chrome team, lots of tips, and tricks!

9. Code Bullet

I've recently come across this channel. If you want a mix between nerdy and awesome then look no further, because Code Bullet has plenty of both.

8. Hitesh Choudhary

One of the first channels that I came across was Hitesh's channel. a great resource for learning web, iOS, android development, and so on...

7. LevelUpTuts

Do you listen to Syntax podcast? well Scott Tolinski is one of the hosts of the syntax and he also create toturials on LevelUpTuts. easy to follow and accesible tutorials.

6. Jabrils

Do you like matching learning and AI? Jabrils's channel is all about the fun projects focused on those subjects!

5. Fireship

Well expanded and detailed subject in short and long videos. High-intensity ⚡ code tutorials to help you build & ship your app faster.

4. The Coding Train

Video tutorials on subjects ranging from the basics of programming languages like JavaScript to algorithmic art, machine learning, simulation, generative poetry, and more...

3. The Net Ninja

One of the best and organized YouTubers out there!
The Net Ninja covers lot sort of topics including:

Modern JavaScript (beginner to advanced)
Node.js
React
Vue.js
Firebase
MongoDB
HTML & CSS
Plus loads more...

2. Academind

There's always something to learn!
Whether you want to have look at Angular Tutorials or Guides, Vue.js, other Frontend Development Content or Data Science Topics, or anything else - you're probably right!

1. Traversy Media

Traversy Media features the best online web development and programming tutorials for all of the latest web technologies including Node.js, Angular, React.js, PHP, Rails, HTML, CSS and much more!

Honorable mentions

And the list goes on... 😁 This channels are really good and also worth mentioning. I’m not gonna cover them one by one but they are also popular and very useful to me as well.

Hey, you made it to the end 🥳 Thanks for reading this blog post! you can follow me on Twitter. I'm posting whatever I learn and a bunch of cool stuff there. cheers 👋😅

25 Chrome/Firefox Extensions That Makes Your Life Easier [2020]

Amir Meimari — Fri, 10 Jul 2020 18:26:46 +0000

Being a web developer and work in the web industry is great. Our biggest tool besides text editor is our beloved browsers! We spend quite the amount of time reading docs, going trough Github, checking website functionalities, and so on… in this article, I’m going to tell you how these extensions made my life easier as a developer!

😎 First Let’s talk Github!

Let’s be honest Github's default features are not perfect! There is no dark theme, no file tree-like structure that we used to see in our editors, no file icons, and so on… well no more!

1. Octotree

Octotree is loaded with features that bring your productivity on GitHub to the next level!

Some of Octotree features:

Navigate Github code with ease
Dark themes and code fonts
Supercharged code review
Multiple tabs support
And many more

⚡ Get it for chrome and firefox.

2. Refined GitHub

Simply simplifies the GitHub interface and adds useful features.

Some of Refined GitHub features:

Mark issues and pulls requests as unread
Tabs in code are shown as 4 spaces instead of 8 spaces
Fix merge conflicts in a click
Reaction avatars showing who reacted to a comment
Clickable references to issues and pull requests
View linked gists inline in comments
and much more...

⚡ Get it for chrome and firefox.

3. File Icon for GitHub and GitLab

An Extension that gives different filetypes different icons to GitHub, GitLab, gitea and gogs.

⚡ Get it for chrome and firefox.

4. OctoLinker

Navigate through projects on GitHub.com efficiently with OctoLinker. OctoLinker turns language-specific statements like include requires or import into links.

⚡ Get it for chrome and firefox.

5. Sourcegraph

Adds code intelligence to GitHub: hovers, definitions, references. Supports 20+ languages and other popular code hosts, too.

⚡ Get it for chrome and firefox.

NOTE: The Firefox extension may need to be manually enabled from about:addons, you can find more information in Firefox add-on security.

6. GitHub Hovercard

GitHub Hovercard provides neat hovercards for GitHub.
It brings you instant access to user/repo/issue/commit information from anywhere on GitHub.

⚡ Get it for chrome and firefox.

7. GitHub Repository Size

Automatically adds repository size to GitHub's repository summary

⚡ Get it for chrome and firefox.

👩‍💻👨‍💻 Developers Developers Developers!

This section is all about the best extensions that I've used for developing purposes.

8. Accessibility Insights for Web

Accessibility Insights for Web helps developers quickly find and fix accessibility issues.

⚡ Get it for chrome. unfortunately this extensions is not available for firefox :(

9. ColorZilla

Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies

⚡ Get it for chrome and firefox.

10. Web Developer

The Web Developer extension adds a toolbar button to the browser with various web developer tools.

⚡ Get it for chrome and firefox.

11. Dimensions

This extension measures the dimensions from your mouse pointer up/down and left/right until it hits a border. So if you want to measure distances between elements on a website this is perfect.

⚡ Get it for chrome and firefox.

12. Wappalyzer

Wappalyzer is a utility that uncovers the technologies used on websites. It detects content management systems, ecommerce platforms, web frameworks, server software, analytics tools and many more.

⚡ Get it for chrome and firefox.

13. svg-grabber - get all the svg's from a site

svg-grabber lets you preview, download and copy the code all SVG icons and illustrations in a website.

⚡ Get it for chrome. unfortunately this extensions is not available for firefox :(

14. VisBug

Open source web design debug tools built with JavaScript: a FireBug for designers.

Some of VisBug's features:

Point, click & tinker
Edit or style any page, in any state, like it's an artboard
Inspect styles, spacing, distance, accessibility and alignment
Nitpick layouts & content, in the real end environment, at any device size
Leverage adobe/sketch skills
Edit text, replace images
and much more...

⚡ Get it for chrome. VisBug for firefox is coming soon! check here for more details.

15. EditThisCookie

EditThisCookie is a cookie manager. You can add, delete, edit, search, protect and block cookies!

⚡ Get it for chrome. unfortunately this extensions is not available for firefox :(

16. Vue.js devtools

Chrome and Firefox DevTools extension for debugging Vue.js applications.

⚡ Get it for chrome and firefox.

17. React Developer Tools

React Developer Tools is an extension for the open-source React JavaScript library.

⚡ Get it for chrome and firefox.

18. JSONView

Validate and view JSON documents.

⚡ Get it for chrome and firefox.

🤪 More General Ones!

This last section is about more general extensions that help me navigate through the web every day.

19. Dark Reader

Hello, darkness my old friend! dark mode for every website. Take care of your eyes, use dark theme for night and daily browsing.

⚡ Get it for chrome and firefox.

20. The Great Suspender

Let's be honest chrome is a ram hungry browser. and the reason behind it is open tabs. The Great Suspender is a lightweight extension that reduces chrome's memory footprint. Perfect if you have a lot of tabs open at the same time. Tabs that have not been viewed after a configurable length of time will be automagically suspended in the background, freeing up the memory and CPU being consumed by that tab.

⚡ Get it for chrome unfortunately this extensions is not available for firefox :(

21. Momentum

Replace new tab page with a personal dashboard featuring to-do, weather, and inspiration.

⚡ Get it for chrome and firefox.

22. RSS Feed Reader

Get a simple overview of your RSS and Atom feeds in the toolbar

⚡ Get it for chrome and firefox.

23. Bookmark Sidebar

Adds a toggleable sidebar with all your bookmarks at the edge of your browser window.

⚡ Get it for chrome. unfortunately this extensions is not available for firefox :(

24. Grammarly

From grammar and spelling to style and tone, Grammarly helps you eliminate writing errors and find the perfect words to express yourself.

⚡ Get it for chrome and firefox.

25. AdBlock — best ad blocker

Block ads and pop-ups on YouTube, Facebook, Twitch, and your favorite websites.

⚡ Get it for chrome and firefox.

Hey, you made it to the end 🥳 Thanks for reading this article! you can follow me on Twitter. I'm posting whatever I learn and a bunch of cool stuff there. cheers 👋😅

10 VSCode extensions that make your life easier [2020]

Amir Meimari — Sat, 27 Jun 2020 19:56:36 +0000

I’ve been using VSCode for almost 2 years now and I like it so much. I’m sure that you like it too. Extensions are a core part of VSCode that adds extra functionality to the editor. I’ve installed about +40 extensions and here is my top 10 list.

10. Bracket Pair Colorizer

This extension allows matching brackets to be identified with colors. The user can define which characters to match, and which colors to use.

9. File Utils

Creating and managing files using built-in methods can be overwhelming. This extension provides a convenient way of creating, duplicating, moving, renaming, deleting files, and directories.

8. Better Comments

The Better Comments extension will help you create more human-friendly comments in your code.
With this extension, you will be able to categorize your annotations into:

Alerts
Queries
TODOs
Highlights
Commented out code can also be styled to make it clear the code shouldn't be there
Any other comment styles you'd like can be specified in the settings

7. WakaTime

Did you ever want to check how much time you spend on a project? Or how much time did you spend coding in a specific language? Or coding in general? Well, WakaTime has got your back! It shows Metrics, insights, and time tracking automatically generated from your programming activity.
WakaTime also has a chrome extension that tracks how much you spend browsing the web.

6. change-case

Manually change cases in code can be overwhelming, wait no more! With change-case, you can change the case (camelCase, CONSTANT_CASE, snake_case, etc) of the current selection or current word in just a second!

5. Auto Rename Tag

I've been using WebStorm before VSCode and one thing I liked about it so much was auto rename tag. with this extension, you can rename a tag (HTML for example) and it will rename the closing tag for you!

4. Bookmarks

Bookmarks help you to navigate in your code, moving between important positions easily and quickly. No more need to search for code. It also supports a set of selection commands, which allows you to select bookmarked lines and regions between bookmarked lines. It's really useful for log file analysis.

Here are some of the features that Bookmarks provide:

Mark/unmark positions in your code
Mark positions in your code and gives it a name
Jump forward and backward between bookmarks
Icons in gutter and overview ruler
See a list of all Bookmarks in one file
See a list of all Bookmarks in your project
A dedicated Side Bar
Select lines with bookmarks
Select regions between bookmarks.

3. Todo Tree

Todo Tree quickly searches your workspace for comment tags like TODO and FIXME and displays them in a tree view in the explorer pane. Clicking a TODO within the tree will open the file and put the cursor on the line containing the TODO.

2. Project manager

Project manager helps you to easily access your projects, no matter where they are located. So you don't miss those important projects anymore.
You can define your Projects (also called Favorites), or choose for auto-detect Git, Mercurial or SVN repositories, VSCode folders, or any other folder.

Here are some of the features that the Project Manager provides:

Save any folder as a Project
Save any workspace as a Project
Auto-detect Git, Mercurial or SVN repositories
Open projects in the same or new window
Identify deleted/renamed projects
A Status Bar which identifies the current project
A dedicated Side Bar

1. Quokka

Quokka.js is a developer productivity tool for rapid JavaScript / TypeScript prototyping. Runtime values are updated and displayed VSCode next to your code, as you type. Quokka also has an extension for VSCode that you can use.

Honorable mentions

You have probably heard about these extensions in other blog posts. I’m not gonna cover them one by one but they are really popular and very useful to me as well.

Here are a couple more cool ones:

:emojisense: Adds suggestions and autocomplete for emoji to VS Code.
GraphQL for VSCode Syntax highlighting, validate schema and more...
Import Cost This extension will display inline in the editor the size of the imported package.
Live Server Launch a local development server with live reload feature for static & dynamic pages.
Code Spell Checker A basic spell checker that works well with camelCase code.
GitLens — Git supercharged GitLens supercharges the Git capabilities built into Visual Studio Code.
Debugger for Chrome Debug your JavaScript code running in Google Chrome from VS Code.
Live Share Visual Studio Live Share enables you to collaboratively edit and debug with others in real-time.
ES7 React/Redux/GraphQL/React-Native snippets This extension provides you JavaScript and React/Redux snippets in ES7 with Babel plugin features for VS Code.

✨ If you are interested in my theme and icon pack I’m using Night Owl by Sarah Drasner and Material Icon Theme by Philipp Kief.

Hey, you made it to the end 🥳 Thanks for reading my first blog post ever! be sure to follow me on Twitter. I'm posting whatever I learn and a bunch of cool stuff there. cheers 👋😅

As a developer, is creating content (Video, blog posts, etc...) is a wasting of time?

Amir Meimari — Mon, 01 Jun 2020 05:18:32 +0000

Hey there 😊
Everyone knows that making content and having an online presence is necessary these days. no one will value you if nobody knows you!

So I've been making some youtube videos recently and I've talked to some devs and asked them how can I make an online presence and what can I do to gain some attention in the community?
they said that I should contribute to popular projects and make a good Github account. so what about making content? is it not necessary? they said: it doesn't matter as much!

Is there any way that these two won't clash? does a developer exist that have a great Github account and make the content as well? at least I couldn't find one!