How I made a website with Svelte • Hacker News Board

Re: How I made a website with Svelte

#21

Post by 83hajfjeijg » Sat, Dec 28, 2019, 4:15 PM UTC

https://bestof2019.johanronsse.be just shows an empty page.

(oh how far we've come - a simple best of list requires javascript)

Re: How I made a website with Svelte

#22

Post by miganga » Sat, Dec 28, 2019, 4:15 PM UTC

Why is this post important?

Re: How I made a website with Svelte

#23

Post by diggan » Sat, Dec 28, 2019, 4:15 PM UTC

factsaresacred wrote: post #7

Nice writeup. > "In 2018 I went content-first, but this year I went design-first. I more or less created all of the designs first, then implemented them as opposed to last year." For somebody who believes that it's as fast to simply design in css, was this step worth it?

Unless you're using something else than a regular text editor/IDE for editing CSS, using UI controls to experiment with how things look would normally be faster for many. I'm a programmer myself, but having UI widgets I can drag or interact with is way faster than writing numbers and attributes, when it comes to coming up with a design.

Although, this assumes you're in the initial design phase of something, not the typical designer->developer handoff where you basically just want to implement a specification someone handed you.

Re: How I made a website with Svelte

#24

Post by flanbiscuit » Sat, Dec 28, 2019, 4:17 PM UTC

Wolfr_ wrote: post #2

Every year I make an end of year project where I try some new technology. This year I made my project with Svelte. It's a list of the best albums, films, series etc. according to me.

Nice write-up.

I followed the link to the css framework you used/developed, Ygdir, and I am not sure I understand it. Is the website a work in progress? Feel like it needs to explain with more details and examples what you mean by "convention-first". I agree what you said about utility first css but I'm not sure what makes Ygdir better

https://ygdir.dev/

Re: How I made a website with Svelte

#25

Post by reaperducer » Sat, Dec 28, 2019, 4:22 PM UTC

I'm afraid I honestly don't understand. What was the reason for using a bunch of frameworks and JavaScript for what appears to be a super simple web site? I don't see anything that couldn't have been done in plain static HTML and CSS.

Is there some functionality on the pages that I'm missing?

Re: How I made a website with Svelte

#26

Post by skrebbel » Sat, Dec 28, 2019, 4:28 PM UTC

reaperducer wrote: post #25

I'm afraid I honestly don't understand. What was the reason for using a bunch of frameworks and JavaScript for what appears to be a super simple web site? I don't see anything that couldn't have been done in plain static HTML and CSS. Is there some functionality on the pages that I'm missing?

It's for fun.

Re: How I made a website with Svelte

#27

Post by Bob312371 » Sat, Dec 28, 2019, 4:30 PM UTC

reaperducer wrote: post #25

I'm afraid I honestly don't understand. What was the reason for using a bunch of frameworks and JavaScript for what appears to be a super simple web site? I don't see anything that couldn't have been done in plain static HTML and CSS. Is there some functionality on the pages that I'm missing?

How else do you explore frameworks? Do you wait until you have some massive project with financial and time constraints and then test it out on that?

This sort of site is a perfect testbed for such a framework.

Re: How I made a website with Svelte

#28

Post by erokar » Sat, Dec 28, 2019, 4:30 PM UTC

paulddraper wrote: post #10

https://svelte.dev/ > Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app. > Instead of using techniques like virtual DOM diffing, Svelte writes code that surgically updates the DOM when the state of your app changes. That sounds like a…

Simplicity. You can achieve the same in Svelte using fewer concepts and a smaller API. Angular is over-engineered, Svelte is not.

Re: How I made a website with Svelte

#29

Post by zk68420 » Sat, Dec 28, 2019, 4:37 PM UTC

https://www.makemoneynow07.site/2019/12/make-money.html

Check Details Legit Way

Re: How I made a website with Svelte

#30

Post by omnimus » Sat, Dec 28, 2019, 4:37 PM UTC

cytzol wrote: post #20

> What I like about these foundries is that they have permissive licenses that are just a one-time purchase. When I make a website I don’t want to worry about the font licensing for years. I love the work of professional typographers, but tend to stay away from commercial Web fonts, because they like to include very restrictive terms in the font licences. For example, you're only allowed to back up Klim fonts once, w…

I think it really depends on foundries. For klim and commercial type are example of famous, older, established foundries. There are many foundries with more permissive licenses. For example fonts.floriankarsten.com has weblicense that is not tied to domain but only total monthly views with generous 50k month its perfect for many small and hobby projects especially of some other project pays for license. I have feeling the type market is going to be really disrupted by new small foundries. There just too many newcomers and it became quite a bit easier technically to make fonts.