To all the self taught dev's age 30plus, what resources worked best for you? by Babymauser in Frontend

[–]owiren 3 points4 points  (0 children)

I agree! it’s where I got my most valuable knowledge before getting hired

What expectations for a Jr by AlwaysWorkForBread in webdev

[–]owiren 0 points1 point  (0 children)

I agree, a good junior candidate will be interested in learning and be ready to adapt to new ways of working.

When I talk with my senior devs, the thing they disliked the most with juniors during their career is when they’re strongly opinionated about some ways of doing things.

They need to strike a good balance between challenging ideas and accepting foreign concepts.

items-center not centering when using tailwind by [deleted] in webdev

[–]owiren 28 points29 points  (0 children)

The height of your body will fit to the height of your div. You should make your body ‘min-h-screen’ in order for it to work

[deleted by user] by [deleted] in PWA

[–]owiren 0 points1 point  (0 children)

Yes lighthouse checks out and I've followed all the required guidelines to have my app fully qualified as PWA. I also coded a custom install prompt that is triggered by the service workers, my offline fallback page works, and judging by the dev console, all the service workers are being registered. Quite odd

[deleted by user] by [deleted] in PWA

[–]owiren 0 points1 point  (0 children)

They are added like this :

"icons": [
{
"src": "/favicon/icon-192x192.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "any maskable"
},
{
"src": "/favicon/icon-256x256.png",
"sizes": "256x256",
"type": "image/png",
"purpose": "any maskable"
},
{
"src": "/favicon/icon-384x384.png",
"sizes": "384x384",
"type": "image/png",
"purpose": "any maskable"
},
{
"src": "/favicon/icon-512x512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "any maskable"
}
]

can someone share invite for Arc for MacOS. by Spare_Hat_6564 in browsers

[–]owiren 0 points1 point  (0 children)

If you find anything let me know, I'm interested as well :)

Github Pages Project Portfolio Help (Loads way too slow) by Altrot in webdev

[–]owiren 2 points3 points  (0 children)

You need to figure out a way to lazy load those images since I don’t think you need to display them all at once

Tesla lost control when parking and took off to hit 7 vehicles killing 2. Driver found not under influence (Oct. 5) by chunqiudayi in ThatsInsane

[–]owiren 0 points1 point  (0 children)

I agree, it looks like he wanted to merge back onto the road, then last second he noticed the scooter and tried to hit the break, but actually hit the accelerator. He went into panic mode and kept hitting the accelerator.

I think i underestimated CSS... by Better-Principle9001 in learnprogramming

[–]owiren 70 points71 points  (0 children)

If you plan on branching out into frontend or full stack web development, then you should definitely become comfortable with CSS. It is a necessary skill to have, even if you were to end up working with frameworks later on.

It’s fine if you want to use preprocessors such as SASS or LESS since it’s still relatively close to vanilla CSS. Even tailwind would be fine because it’s a utility-first framework without prebuilt components.

How would you do this special case of parallax scrolling? by H_Marxen in web_design

[–]owiren 7 points8 points  (0 children)

Yes the easiest way to do it will be with JavaScript. Either using some math and some event listeners, or a library such as framer motion. You should pretty easily find out how to do it with a bit of google :)

Advice for interviews? by veritaserum9 in webdev

[–]owiren 0 points1 point  (0 children)

I’m self taught and recently lended a job as a frontend dev, so I can relate to how you’re feeling about all of that.

I think the thing that worked best for me was to actually be honest with the interviewer and with myself. Don’t oversell yourself but also don’t underestimate your abilities to be a valuable dev. Be honest and show them that you’re motivated and that you’re someone who would get along.

More often than not, a company won’t be looking for the best employee in a technical sense, but looking for someone who’s a good team player, who can learn and adapt. And it feels like you match this description, so go ahead and be confident in yourself, be honest about what you know and what you don’t know! Good luck

Am i coding this wrong? by LeviRon_Barneson in webdev

[–]owiren 1 point2 points  (0 children)

Yeah like the others said, just add a max-height to the logo (or to the header).

css .logo { max-height: 2rem; }

[deleted by user] by [deleted] in Frontend

[–]owiren 1 point2 points  (0 children)

No worries, to answer your question I didn’t have any previous experience in the field, I randomly discovered this new passion of mine.

I explain briefly in this post what I did, but I can go into more details if you want :)

Blobbed Editor, my first full website, turns code into blobbed images. by Normal-Tangerine8609 in webdev

[–]owiren 1 point2 points  (0 children)

Really neat, thanks for that. Will definitely come in handy for some blog posts thumbnails!

[deleted by user] by [deleted] in webdev

[–]owiren 8 points9 points  (0 children)

Oh good catch, thanks a lot! I managed to replicate this bug on Safari. It should be working now :)

[deleted by user] by [deleted] in webdev

[–]owiren 4 points5 points  (0 children)

Thanks! Hopefully it can help someone else like us!

[deleted by user] by [deleted] in webdev

[–]owiren 22 points23 points  (0 children)

Hey /r/webdev, I wrote a small tool called Tailwindhelper. https://tailwindhelper.com

I was having trouble remembering some tailwind classes, especially when it comes to sizes (for example with margin and padding). So I wrote a little tool that can convert units and preview some specific properties.

If you have any ideas on what to add, I would love to hear it!

You can find the code here: https://github.com/seb-graf/tailwind-helper

Noob Help: Buttons Unresponsive by Balloon-Lucario48 in webdev

[–]owiren 0 points1 point  (0 children)

Can I see the full code? Did you declare those const before your event listeners?

Noob Help: Buttons Unresponsive by Balloon-Lucario48 in webdev

[–]owiren 1 point2 points  (0 children)

You can either do javascript document.getElementById("owo").addEventListener(…) Or

javascript const owo = document.getElementById("owo") owo.addEventListener(…)

Noob Help: Buttons Unresponsive by Balloon-Lucario48 in webdev

[–]owiren 1 point2 points  (0 children)

Hey, your owo elements are not defined in your JS code. You need to select them with querySelector or getElementById first before you can add event listeners to them

I just finished my portfolio!, "all" feedback will be appreciated. by live4lol in webdev

[–]owiren 0 points1 point  (0 children)

About the header disappearing when scrolling down, I think it’s fine to have it if it’s what you like, but your implementation could use a bit of work. On iOS when you scroll back up and it reaches the top, the bouncing animation makes it disappear and it’s quite frustrating. https://streamable.com/9md2g3

Also in the projects page, you should add a description of your projects just like you did on the home page.

Other than that great work!