DEV Community: Sushmoy

Orbit by Mozilla is a great extension for summarizing web content

Sushmoy — Wed, 12 Feb 2025 05:15:49 +0000

So, Orbit is a Mozilla extension that respects your privacy and helps you summarize any web content. You can also follow up with any question to learn more.

I've been using it primarily with YouTube videos and long articles. It helps me learn about the key concepts of any content before actually diving into it. Also, when I'm short on time, it's quite helpful in summarizing the content. I know that we can do this manually by copying and pasting the content into any AI chat, but this is a one-click alternative, saving you time!

If you haven't tried it yet, I highly recommend trying it out on the Firefox browser.

Official website: https://orbitbymozilla.com/

[Boost]

Sushmoy — Wed, 15 Jan 2025 08:14:14 +0000

25 Ways to Bring in Extra Cash as a Developer 💻💰

lokesh singh tanwar ・ Aug 15 '24

#webmonetization #code #learning #beginners

Flexbox CSS: Cheatsheet

Sushmoy — Wed, 15 May 2024 07:26:28 +0000

/* Styles for the parent container */
.parent {
  /* Direction of the main axis */
  flex-direction: column;
  /* Spacing between items along the main axis */
  justify-content: space-evenly;
  /* Alignment of items along the cross axis */
  align-items: flex-start;
  /* How items should wrap if they exceed the container */
  flex-wrap: wrap;
  /* Alignment of wrapped lines along the cross axis */
  align-content: flex-start;
  /* Spacing between child elements */
  gap: 1em;
}

/* Styles for the child items */
.child {
  /* Ability of a flex item to grow */
  flex-grow: 1;
  /* Ability of a flex item to shrink */
  flex-shrink: 0;
  /* Initial size of a flex item */
  flex-basis: 0;
  /* Shorthand for flex-grow, flex-shrink, and flex-basis */
  flex: 1;
  /* Alignment of a single item along the cross axis */
  align-self: baseline;
  /* Order of appearance */
  order: -1;
}

Basic concepts of flexbox - CSS: Cascading Style Sheets | MDN

Arc Shortcuts: Windows

Sushmoy — Wed, 15 May 2024 06:00:48 +0000

Here are some helpful Arc Shortcuts for the Windows version that I've found useful. Feel free to try them out and let me know if there are any others worth adding to the list! :)

Names	Command
New Tab	Ctrl + L
Archive Tab	Ctrl + W
Last Tab	Ctrl + Shift + T
Switch Between Tabs	Ctrl + Alt + [Up/Down Arrow Keys], Ctrl + [Numbers]
Pin/Unpin Tab	Ctrl + D
Switch Spaces	Ctrl + Alt + [Left/Right Arrow Keys]
Split Tab	Ctrl + Shift + =
Find text on the page	Ctrl + F
Find Next Matching Result	Ctrl + G
Find Previous Matching Result	Ctrl + Shift + G
Inspect Elements	Ctrl + Shift + I
Copy the current page URL	Ctrl + Shift + C
Copy the current page URL as Markdown	Ctrl + Shift + ALT + C
New Browser Window	Ctrl + N
History	Ctrl + H
Clear Today's Tabs	Ctrl + Alt + K
Edit Current URL	Ctrl + L
Show/Hide Sidebar	Ctrl + S

Web Storage API: One Byte Explainer ✍️

Sushmoy — Mon, 25 Mar 2024 06:40:56 +0000

This is a submission for DEV Challenge v24.03.20, One Byte Explainer: Browser API or Feature.

Explainer

Web Storage API stores data locally in the browser using sessionStorage or localStorage. Use localStorage.setItem() to save and localStorage.getItem() to retrieve. sessionStorage lasts one session; localStorage persists. Handy for quick, local data access.

Additional Context

Learn more about Web Storage API

CSS Burger Delight

Sushmoy — Sun, 24 Mar 2024 12:14:21 +0000

This is a submission for DEV Challenge v24.03.20, CSS Art: Favorite Snack.

Inspiration

The inspiration for this CSS art piece comes from the classic burger.

Demo

View Public Code

Journey

During the development of CSS Burger Delight, I encountered and learned the following key lessons:

Creating Shadow Effects: Utilizing box-shadow to generate shadow effects inside an element.
Texture Creation: Employing CSS gradients to create texture for objects, enhancing the realism of the burger.

License

This project is licensed under the MIT License.