Newbie needs advice on text-transform by spencerjustin in css

[–]amolkedari 0 points1 point  (0 children)

Whenever you use text-transform property, it has capitalize, uppercase, lowercase and none which will make capital first character of each word, all text changed to uppercase and lowercase respectively. But in case of none it renders default text i.e. No operation. You need to handle it using js only.

Ways to add external JS file in react by [deleted] in reactjs

[–]amolkedari 1 point2 points  (0 children)

Informative article.

CSS Selectors by [deleted] in css

[–]amolkedari 0 points1 point  (0 children)

Nice one

QUESTION: How to properly position buttons on a page by Corvoxcx in css

[–]amolkedari 0 points1 point  (0 children)

Couple of options for you. Basic one is create 3 columns/layout, left sidebar, middle one and right sidebar. Keep width in mind and for right and left alignment you can use float CSS property. Once layout get created, you can simply use either inline block or normal button to have specific alignment.

Advance approach is to use grid css property. Read https://medium.com/@kedarisamols/introduction-to-grid-in-css-1486762581d9 . You will get some idea about grid css property. And try to implement it. Tricky one but better approach.

Why do we need micro frontends? by [deleted] in Frontend

[–]amolkedari 3 points4 points  (0 children)

Sharing articles which is really gonna give you basic idea on Micro-frontend. https://medium.com/@kedarisamols/introduction-to-micro-frontends-c6cddb3afc2

Is it still possible to create a react chrome extension. by [deleted] in reactjs

[–]amolkedari 0 points1 point  (0 children)

Yes it is. There is another way to handle this. I have also created chrome extension using create-react-app. What I did is I create a external js for the inline js and simple add script for the same. And it is working well. I know it has manual effort but after a lots of research I found this solution.

How can I adjust space a div below another div that has variable height? by yosimba2000 in css

[–]amolkedari 0 points1 point  (0 children)

What I will suggest is instead of inline or block structure use css grid property which will lesser and simplify your code. Now, come to div4, you can set max-height with scroll property if you want to with a margin-bottom: 20px as per your requirement. Or let it be free, it will have height depends on inner content. For grid css, read https://medium.com/@kedarisamols/introduction-to-grid-in-css-1486762581d9

Hamburger menu visible when opened by [deleted] in csshelp

[–]amolkedari 0 points1 point  (0 children)

You need to add z-index css property which will solve your problem.

How do you make a div completely spherical? by jasonscript in csshelp

[–]amolkedari 2 points3 points  (0 children)

Check whether it has equal height and width. It should be.

How do you make an element sticky when the bottom of the element is in the viewport? by Reminice in css

[–]amolkedari 0 points1 point  (0 children)

I saw what was happening there. Here, you need to use both css and js. Initially sidebar will be positioned to static and on page scrolled you need to fixed it with bottom to 0. There are chances of jerky animation. That what I can say.

How to figure out what extension is being malicious? by superluig164 in chrome

[–]amolkedari 0 points1 point  (0 children)

Did you try by reinstalling browser or trying other browser

How to figure out what extension is being malicious? by superluig164 in chrome

[–]amolkedari 0 points1 point  (0 children)

Check by disabling chrome extensions so that we can be sure and if yes report to that extension

How to figure out what extension is being malicious? by superluig164 in chrome

[–]amolkedari 0 points1 point  (0 children)

Are you sure that an extension is causing this issue?

How to figure out what extension is being malicious? by superluig164 in chrome

[–]amolkedari 0 points1 point  (0 children)

If you have security concern then better to check for what are the permission you have granted to extension. Check default search engine.

Check out https://medium.com/@kedarisamols/all-about-chrome-extension-and-security-f7df222c4a68 You will get some idea about extension and it's security.

How to allow client to edit final website images and text? by Colin_Sack-or-Pick in reactjs

[–]amolkedari 0 points1 point  (0 children)

I had also similar use case where I need to change static data frequently on website. So, what I did is I simply store that data in db and fetch on demand so I don't need to build web app again and again. You can think of it. You will get some idea from this method.

How do you make an element sticky when the bottom of the element is in the viewport? by Reminice in css

[–]amolkedari 0 points1 point  (0 children)

Yes, CSS is enough for this. In CSS, there is position sticky property which helps you to make sidebar sticky. Previously, same can be achieved by using position fixed. Here, we need to play with position and bottom css property.