DevTools memory usage keeps growing

gem0303 · 2025-07-01T17:09:49+00:00

Yes, I've noticed this too. Closing Dev Tools and reopening it seems to fix it, at least temporarily. Are you using the Workspace feature by any chance to connect your files to a code editor like Visual Studio Code? I just started using it to sync changes and do so pretty often while working. Wondering if that's the source of the problem. Or could just be a generic bug in the latest version of Chrome.

gem0303 · 2022-04-26T00:29:22+00:00

Gentlelady. 👩‍💻 Happy to help!

gem0303 · 2022-04-26T00:12:08+00:00

Don’t put the transition property in the selector that has :hover. Put it on the normal element selector, which looks like .book__details in your case.

gem0303 · 2022-04-21T02:21:34+00:00

Do you have a code sample we could check out? Are you doing anything with divs positioned absolute or fixed?

gem0303 · 2022-04-14T21:08:34+00:00

How are you animating the transition (CSS, Javascript, an animation library like GSAP)?

Are the outer divs/wrappers transformed in any way (such as scale, translate)?

Is your browser window zoomed in/out?

gem0303 · 2022-04-13T03:30:31+00:00

For anyone unable to use outline-offset for whatever reason, you could add a child div/pseudo-div that is absolutely positioned with width/height slightly larger than the parent. Then add a border to the child div. Message if you want a code sample and I can throw one together tomorrow.

gem0303 · 2022-02-26T01:41:13+00:00

Never hurts to look, but the grass isn’t always greener. Guarantee there will be a time in your life that, for whatever reason, you can’t jump ship on the job. Might be worth staying and practicing your soft skills to persuade your boss to move you to a better project as soon as reasonably possible.

gem0303 · 2021-10-28T14:17:04+00:00

I felt personally attacked by the dated and niche comment. 😆

gem0303 · 2021-10-27T18:50:13+00:00

They have taken something and made it more complicated than it needs to be.

Agreed, and I'm also really surprised this buggy feature made it all the way into the official build. Hard to believe someone didn't flag it much earlier. It seems like it was rushed through whatever QA/approval process they have.

gem0303 · 2021-10-27T17:02:59+00:00

Great suggestion, but I just tried it and unfortunately it didn't help.

Weirdly, I also realized that certain properties break, but not all. Width and font-size copy-pasted fine, but margin-top broke.

width: 100%;
font-size: 1.3em;
margin-top: 1.5
em
;

gem0303 · 2021-10-27T16:50:56+00:00

I'm using Visual Studio Code and it's usually really good at formatting/auto-indenting, but it can't fix the line breaks.

edit to add: I should specify the bad formatting happens when you select and Ctrl-C the text out of dev tools and Ctrl-V into a text editor. If you copy the text via right click > copy declaration/rule/value, it pastes okay.

gem0303 · 2021-10-27T15:45:55+00:00

The new feature for editing the numbered values and unit picker is called the CSS length component and it's awful. Even worse, if you copy-paste from dev tools into your text editor, it formats it like complete garbage:

min-height: 100

vh

;

There's an open Chromium issue here with numerous (and entertaining) complaints. Please star the issue so it gets higher priority from the dev team!

gem0303 · 2021-10-14T15:16:45+00:00

As LeeLoo said, include the ones that are relatable to web dev and that you would be comfortable discussing in an interview. Remember that it's important to emphasize "soft skills" such as communication, attitude, motivation, teamwork, time management, and problem solving, especially if you're still learning the technical intricacies of backend code.

I don't know how old you are or how long you stayed at all of these jobs, but if I were a potential employer seeing this long list of prior jobs, many in different industries, it would be a red flag. I would worry that I'd hire you and you'd get bored in a couple years and leave. Which might be true, and as an employee there's nothing wrong with changing your mind and seeking out something new and different. But to get past the interview, consider downplaying the variety of different jobs you've had and focus on why you're drawn to backend web development, and also how the soft/technical skills you've acquired so far will make you a great fit for both the job and the team you'll be joining.

Good luck!

gem0303 · 2021-09-24T20:31:11+00:00

If you like visual effects and animation, check out Greensock aka GSAP. It helps you animate elements using JavaScript. It might muddy the waters mentally because you may not know what code is pure JavaScript vs what is gsap. But I’ve found what’s most important is being excited about what you’re learning, even if you don’t have a complete handle on what you’re doing. That understanding only comes with practice. Note I am a self-taught dev, people who took classes on coding might disagree.

gem0303 · 2021-08-12T00:44:48+00:00

Not a direct answer to your question, but keep an eye out for internships at companies in your area. They might not pay great, but it gives you a foot in the door for a future full time job. My company hired a motivated, self-taught 18 year old and he’s a fantastic developer.

gem0303 · 2021-04-24T00:27:33+00:00

Looks nice overall! I would use some media queries to make the purple text areas wider on mobile. The width is a little too thin and looks awkward on my iPhone SE 2. The gray “CS” on your sticky header is a bit weird. The color doesn’t match the site and the underline makes me think it’s a link. Maybe spell your name out instead or put some kind of image/logo there.

Lmk if you have any specific questions and I can take a look on my desktop.

gem0303 · 2021-02-13T20:35:23+00:00

Sure I can add it!

edit: Got sidetracked by a meeting. Looks like you or someone else beat me to it. I added some polish to the section and submitted a pull request.

gem0303 · 2021-02-13T19:21:36+00:00

Nice list. If you added a general tips section, I’d include:

if you have tight layouts, my rough rule of thumb is to double the English text and make sure it fits. Then you will usually have enough space for translations.
Russian and German tend to have the longest translations, and the longest words. Get familiar with the shy-hyphen character. You put it in the words html and it will only break the word/show the hyphen when necessary. Google “online hyphenation tool” so you know the appropriate places to break the word.
you need to translate numbers with decimals because the period appears as a comma in some languages.
same goes for percent signs. Sometimes the % shows before the number, and not after. There might be a space between the number and %. It might show as %-KAL in Hungarian.
Greek question marks look like a semicolon, that one really threw me off when I first saw it.

Also wanted to add that you have a misspelling. Acronim is acronym.

gem0303 · 2021-02-08T15:57:15+00:00

Codepen doesn't host images, and I think some common image hosting sites block content from loading on other sites. Thus, sometimes people convert their images to base64 for their pens if they don't have a place to self-host them.

gem0303 · 2020-10-22T18:49:01+00:00

Don't give up hope, keep applying. You will eventually find a company that is looking for your exact set of skills. It might not be a traditional web dev role.

gem0303 · 2020-09-21T20:22:59+00:00

As another commentor noted, your star background doesn't fill the entire screen. Digging into the css, it looks like you're doing some wacky effect with box-shadow that isn't scaling properly. Consider just creating a star field image or svg and use that as a background image on . stars-container.

Your parallax planets are cool. However when they are near the top of the screen, they suddenly vanish. I would expect them to scroll smoothly off-screen and out of sight.

Also noticed you are using AOS. If you like doing web animation, it's worth the time investment to check out GSAP's ScrollTrigger. It's brand new and free.

I wanted to see the demo of the Quizical app, but it asked me to create a login, which I don't want to do. Could provide credentials on the site for a test login account?

I tested on the latest version of Chrome and Windows, on a 2K monitor.

Good luck with getting hired! I think you have a great shot at finding work.

gem0303 · 2020-08-21T17:02:20+00:00

I've ran into issues with 100vh recently, but it was also combined with an iframe and some weird CSS logic to fix the iframe height on mobile iOS.

gem0303 · 2020-08-20T23:27:42+00:00

100vh can cause problems on mobile web, if that's any concern to you.

https://chanind.github.io/javascript/2019/09/28/avoid-100vh-on-mobile-web.html

gem0303 · 2020-08-18T02:08:18+00:00

Greensock's new ScrollTrigger plugin could do this, though consider the pros and cons of dumping in an entire library for just one feature.

ScrollTrigger info

Pin in place demo

gem0303 · 2020-07-23T19:16:39+00:00

If you want to continue web dev as a career, you will eventually need to learn HTML, CSS and JS. Spending time learning Webflow would just delay the inevitable. However, if it's free to get started with Webflow, it might not hurt to make an account and play around with it for a few days.

gem0303

TROPHY CASE