i have one question your blog site <@U02AB5P2XU6>....

# kobweb

[Meet]

i have one question your blog site @David Herman. i see your blog list assume that 30-40 blog list available. after you page scroll 31 blog card you click it bottom to top animation use it page is open it if possible directly page open to load without any animation. may be i confused that website see it. can you suggestion give me for single page but larger content

[David Herman]

Apologies, I didn't understand the question.

[Meet]

sorry for that i share screen so more idea

[Meet]

here first page blog list show it after i first blog open it after i blog screen end of scroll it. after that i back to blog list page so, why blog list bottom to top animation show it. i hope you understand

back screen animation.mp4

[Meet]

i dont know this animation good or bad.

[David Herman]

That animation isn't me -- that just comes from the browser. It happens because I enabled smooth scrolling on my site, but that's not done by default.

[Meet]

Ok understand thanks

[Meet]

I have one more question actually I building my website I use little chatgpt for kobweb website but problem is chatgpt mix code response jetpack compose+kobweb like text composable not style properly available in kobweb but chatgpt give me this response. If possible documention how can use page, route, ui styling. I see some example kobweb website but It hard to understand

[David Herman]

Unfortunately chatgpt probably won't help with Kobweb at this point

[David Herman]

I'm afraid you'll have to go through the README (beginner and intermediate sections at least) and look at the examples we share (kobweb list and my open source blog site as you are doing)

[Meet]

Ok you mean kobweb readme Documention?

[David Herman]

There are also some tutorial videos made by the community: https://github.com/varabyte/kobweb?tab=readme-ov-file#tutorial-videos

[David Herman]

Those were made in earlier days so it's possible that some of the advice is a little stale (anything that talks about ComponentStyle is now CssStyle, mainly), but the general advice should absolutely still be true

[Meet]

Yes I see it thanks for sharing. I hope End of year complete my website

[David Herman]

Good luck! Oh yes also I did a high level talk as well: https://www.droidcon.com/2024/07/17/kobwebcreating-websites-in-kotlin-leveraging-compose-html/

The examples from the tutorial videos go deeper into actual code than my talk does, but a high level overview can be useful too.

[Meet]

Ok thanks

[Meet]

hi i have one question how can create static navigation bar after some content if content is scroll navigation bar is fixed and i check your example it works prefectly but you use margin top for content any alternative solution

[David Herman]

First tell me -- how do traditional sites using html / js / css do it?

[Meet]

I don't know I directly kobweb started

[David Herman]

You should think of Compose HTML and Kobweb as type-safe Kotlin bindings around HTML, JavaScript, and CSS. Whenever you want to learn how to do something, the best place to start is to search how to do it in HTML/JS/CSS.

[David Herman]

Sometimes there's multiple ways to do something, and you might find a better way than I did it.

[Meet]

Ok thanks. I have many questions sorry to disturb

[David Herman]

I'm actually about to run and won't be able to answer too much for the next two days

[David Herman]

Someone else may be able to answer, but yeah it's still kind of early in Kobweb's life so unfortunately it feels like there's a lot of work to do in documentation and examples online

[David Herman]

My recommendation if you haven't already is to create an empty project (kobweb create app/empty) and use that as a playground to play with web concepts

[Meet]

Which is better static image or server image url. I have many image to page

[David Herman]

I don't know what those two options are

[Meet]

It just normal image like project screenshot

[David Herman]

I'm sorry Meet I'm really not sure what you're asking

[David Herman]

But look at other sites online and see what they do

[David Herman]

Right click > inspect

[David Herman]

Poke around and start to get familiar with the DOM

[Meet]

Ok ok I research that if not understand I message you

[David Herman]

Yeah. It's not a great answer I know. But for these early days of Kobweb, it will be usually more effective to ask "I'm doing X and tried Y and Z but it's not working, can anyone help me understand my issue?" than "Can someone tell me how to do X?"

[David Herman]

It can also help if you can find a site doing what you want to do and either use screenshots or share links to ask more specific questions

[Meet]

Ok ok