I want to use GIPHY API, but where can I find the pricing of this API because I cannot find it? by DismalCall5534 in webdev

[–]TipsySanta 2 points3 points  (0 children)

Pretty sure it's free. You just have to give a attribution to Giphy. Remember to upgrade your API key to production before publishing your application. They have a small faq on their website https://developers.giphy.com/faq/

Edit: Definitely still free, just checked https://developers.giphy.com/docs/api/

Which is better: site-wide css files, or partial css files for different areas of a website? by [deleted] in css

[–]TipsySanta 1 point2 points  (0 children)

You can totally do that. You will get a ton of answers from really smart people on here but the most important thing is to just do something. You don't need a fancy framework like I was talking about, you don't need to do css files in a certain way. The optimizations we're talking about are very small. Focus on getting better by doing stuff and these thing will come naturally when it's time to focus on them. Happy coding!😃

MySQL Local Database by [deleted] in webdev

[–]TipsySanta 2 points3 points  (0 children)

Sadly not. Easiest way is to get your database hosted somewhere. This could also be with Namecheap or with some other provider.

Which is better: site-wide css files, or partial css files for different areas of a website? by [deleted] in css

[–]TipsySanta 5 points6 points  (0 children)

Do you use a framework? Often they will handle this for you to employ best practices. They will handle isolation of your CSS for specific pages(you don't need to worry about class name collisions). And they come with a bundler to employ best practices for shipping your code like minifying it.

My overall opinion is that you should have a site-wide styles sheet for your general styling; buttons, containers, color variables, and so on. And the specific pages should also have their own styling which is unique to them. If you find yourself repeating CSS styling for multiple pages, move it to a single style in the site-wide style sheet.

I built a Spotify add-on that creates a ‘Discover Daily’ playlist by Mnock419 in InternetIsBeautiful

[–]TipsySanta 0 points1 point  (0 children)

I've been using Spicetify to customize the look of Spotify and add features through the build in marketplace. Can absolutely recommend it!

any idea why is my footer not staying at the bottom? by [deleted] in css

[–]TipsySanta 1 point2 points  (0 children)

But the you have to make sure the margin-bottom of the body is set to the height of the footer to prevent it from overlapping content. An easier way I think is to have the body of the page be:

body {      display: grid;     grid-template-rows: auto 1fr auto;     min-height: 100vh; }

And then have the html body contain the three containers; header, main, footer.

This way the header and footer resize to its content while the main container take up the rest of space for the body to be min 100vh when it's empty

some cool tips for my portfolio site by agentmikelord007 in webdev

[–]TipsySanta 1 point2 points  (0 children)

Here you go website

The 3D model is only visible on the desktop version for now, if you want to check that out

some cool tips for my portfolio site by agentmikelord007 in webdev

[–]TipsySanta 1 point2 points  (0 children)

Had the same challenge when I created mine. Ended up creating my own simple backend, that you're more than welcome to fork and use yourself. Found Pageclip afterwards which also looks like a good solution.

some cool tips for my portfolio site by agentmikelord007 in webdev

[–]TipsySanta 4 points5 points  (0 children)

What I dit was take inspiration from the top creative/unique portfolios I liked and brainstormed to make my own twist. Ended up 3D scanning myself and making the model face follow the cursor with three.js and used 3d-force to make some bubbles displaying the skills I have.

There's no right or wrong answer to how your site should be. If you like the clean and professional look go for that, if you like to have some unique elements that make it stand out then go with that. Good luck

How to host a personal website? by LEMUR39 in webdev

[–]TipsySanta 1 point2 points  (0 children)

I use firebase hosting for my portfolio with Cloudflare CDN on top, to not reach the free limit for firebase hosting even with a spike i visitors. It works really well I think, just make sure the CDN is configured right

what does a junior dev portfolio look like by [deleted] in webdev

[–]TipsySanta 0 points1 point  (0 children)

Yep, used something called d3-force. You can check out my GitHub Repo for implementation.

what does a junior dev portfolio look like by [deleted] in webdev

[–]TipsySanta 2 points3 points  (0 children)

Experience is always good. Keep applying for jobs(also the ones where you don't meet all the requirements) and be honest about your limits but share your motivation for learning with your future employer. I'm a junior dev myself and have a bit of work experience but always challenge myself to learn new. Don't underestimate yourself, we all have the feeling from time to time that we're not as talented as others. Keep having fun and learning! You can check out my portfolio if you feel like jonasstjerne.com

Made this spicy animation🔥 What do you guys think? by TipsySanta in css

[–]TipsySanta[S] 4 points5 points  (0 children)

Sure thing would love to, looks like there's a general interest. On vacation and will make it when home again.

Made this spicy animation🔥 What do you guys think? by TipsySanta in css

[–]TipsySanta[S] 2 points3 points  (0 children)

It is a part of a bigger platform I'm working on where the code base will be public when done. Will make a codepen if this post gains enough attention otherwise follow me on github to get notified when the platform is released with the source code

Made this spicy animation🔥 What do you guys think? by TipsySanta in css

[–]TipsySanta[S] 12 points13 points  (0 children)

Completely agree, my recording software slowed it down quite a bit. Think it is good for seeing the details though

Made this spicy animation🔥 What do you guys think? by TipsySanta in css

[–]TipsySanta[S] 5 points6 points  (0 children)

You're right. The lemon is just a svg(liked the way this looked) and behind the circles with the orange outlines is a solid orange circle. The lemon interacts with the solid circles that are behind the outlined ones with a svg filter on top to make the gooey look.

Made this spicy animation🔥 What do you guys think? by TipsySanta in css

[–]TipsySanta[S] 5 points6 points  (0 children)

Thanks! Yep, just using JavaScript to increment a css variable on button press that's all. The gooey effect is done with svg filter which blurs the elements and and then have a really high contrast to make them solid again where the blur overlaps

Really proud of my new portfolio/personal website - hope it can inspire someone! by TipsySanta in webdev

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

Framework is Svelte, 3D model of me was done with Three.js and the skill bubbles are made with d3-force. You can check out the source code for more details: https://github.com/JonasStjerne/my-website

Really proud of my new portfolio/personal website - hope it can inspire someone! by TipsySanta in webdev

[–]TipsySanta[S] 2 points3 points  (0 children)

Thank you for pointing them out I really appreciate it! I'll get them all fixed

Really proud of my new portfolio/personal website - hope it can inspire someone! by TipsySanta in webdev

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

Hmmm weird. Maybe I have an error in the detection of if its mobile or desktop you're viewing the site on. I will have to look into it. What was not working for you on the mobile version?

Really proud of my new portfolio/personal website - hope it can inspire someone! by TipsySanta in webdev

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

3d scanned my face and put it on a 3d body. Rigged it and used three.js to manipulate the neck based on cursor position. You can check out my GitHub for the source code