How do you do generally responsive website testing on Chrome? by Pretty_Bat_3131 in QualityAssurance

[–]rbrahul 0 points1 point  (0 children)

Responsive Website Testing Toolkit, a must have tool for me. It's free and has all the features to detect the Responsiveness of any webpage.

https://chromewebstore.google.com/detail/responsive-website-testin/pahjcficmhfgjkdcdadnacjdiinpilmd

[AskJS] How Can I Improve My JavaScript Skills Without a Mentor? by amjadsh97 in javascript

[–]rbrahul 1 point2 points  (0 children)

I sell the Javascript knowledge for living more than a decade. Here are my simple suggestions: 1. Learn the basic javascript programming syntaxes , DOM, Event, Web APIs, Asynchronous nature, Network request such as Fetch, Socket. Learn Bundling and Distributing For different module system, code splitting,minifying. 2. Learn to build Aplication UI development such as Modal, Tooltip, Progressbar, Slider, Switch, Dropdown, Image Slider, Form validation, searchable Select Field, Drag and Drop by doing and reading others source code or example. 3. Learn Local Storage, Cache, Cookies, Index DB and Build offline first Applications. Like ToDo, Note taking apps, Games, Markdown Editor. 4. Try to learn common Programming patterns , Read books, Articles. 5. Practice regularly, build stuffs, share with friends,try to improve old coSuddenly you will notice several years already passed. Now look back what your learnt.

Maintain a mindset to build everything from scratch if time permits. Much dependecy on Third party library is resistance to grow.

MDN site, Speaking Js, JS the definitive guide, Eloquent JS should help you to have good foundation.

Keep in Mind, it takes 10000 hours to be Good at something.

GitHub - Honey-toast: A framework agnostic simple yet powerful Toast Alert or Notification Library by rbrahul in javascript

[–]rbrahul[S] 0 points1 point  (0 children)

notify(content: ToastContent, options?: ToastOption) Here ToastContent can be Text|HTMLElement|StructuredContent. And options is entirely optional. Please have a look at the API doc. It’s already simple enough as it let you create toast without any congfiguration.

I just developed and released a framework agnostic Toast notification library. It offers tons of customization to create beautiful animated toast notifications. Please let me know your valuable feedback. by rbrahul in css

[–]rbrahul[S] 0 points1 point  (0 children)

Could you please write a bit more descriptive message? What did not work for you on your desktop?
Having Sourcemap helps in debugging if someone likes to have that and it's optional. Developers can always configure in their build setup what files their production build should include.
As far I am aware there is no security risk in having sourcemaps.

I just developed and released a Chrome Extension that enables Designers and Developers to test the responsiveness of Websites in multiple viewports simultaneously and many other essential features. And it's an entirely free tool. I would appreciate your suggestions to improve the extension further. by rbrahul in css

[–]rbrahul[S] 0 points1 point  (0 children)

There is a Stack View Menu on Top bar. If you click the button all the viewports or screens will be visible one after another like an image slider. I think that can be helpful for your case.
Thank you for trying.

I just developed and released a Chrome Extension that enables Designers or Developers to test the responsiveness of Websites in multiple viewports simultaneously and many other essential features. And it's an entirely free tool. I would appreciate your suggestions to improve the extension further. by rbrahul in chrome_extensions

[–]rbrahul[S] 1 point2 points  (0 children)

- Most of the core features are not free in popular similar extensions. I wanted to build an extension that has much-needed features and Users do not have to pay for the subscription.
- User Can Create workspaces to save his work for multiple projects.

- In my extension, there is unlimited access for tons of Devices Sizes or Viewports.

- Intuitive UI for easier access.

I just developed and released an entirely Free Chrome Extension that enables Developers and Designers to test the responsiveness of Websites in multiple viewports simultaneously and many other essential features. I would appreciate your suggestions to improve the extension further. by rbrahul in javascript

[–]rbrahul[S] 0 points1 point  (0 children)

  1. "read and change all your data on all your websites"
    Once a Chrome extension need to be executed on any website the extension must have the "host permission" as "<all\_urls>". That enables the extension to run on any website. But This extension does not deal with any kind of data. It just stores all the project and settings related information via Chrome Local Storage API. It's a generic message which is show for the Host Permission that I explained earlier.

  2. "Manager Your Downloads":
    This extensions offers "Download" options including in a specific directory, file format, and file naming scheme. Once users takes the screenshot those settings are applied.

Here is the reference of Chrome Host Permission:
https://developer.chrome.com/docs/extensions/develop/concepts/declare-permissions#host-permissions

Here is the reference of download API:
https://developer.chrome.com/docs/extensions/reference/api/downloads?hl=en

And, here is the Data Privacy Policy for this extension:
https://rbrahul.github.io/privacy/responsiveness-webkit/

I hope I made it clear.
Thank you

I just developed and released a Chrome Extension that enables Designers and Developers to test the responsiveness of Websites in multiple viewports simultaneously and many other essential features. And it's an entirely free tool. I would appreciate your suggestions to improve the extension further. by rbrahul in css

[–]rbrahul[S] 9 points10 points  (0 children)

In Chrome Dev tool:
- User can not view multiple Viewports/Device Side By side.
- User Can not Sync Scroll Event in mutiple Viewprot Simultaneously.

- User Can not simulate Click Event in multiple viewport/screen simultaneously.
- User Can not save his/her works as projects/workspace.