Title makes it seem as if the website received an award.
I got the same impression
How I made a website with Svelte
11–20 of 130 posts
Re: How I made a website with Svelte
#12https://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…
The difference is that Svelte is pre-compiled while Angular will put templates through the renderer while building up the page.
Re: How I made a website with Svelte
#13https://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…
The difference is that Svelte is pre-compiled while Angular will put templates through the renderer while building up the page.
Why does it matter?
Re: How I made a website with Svelte
#14Re: How I made a website with Svelte
#15https://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…
The difference is that Svelte is pre-compiled while Angular will put templates through the renderer while building up the page.
Angular v1 interpreted templates at runtime.
Starting in 2015, Angular v2+ uses an optimizing AOT compiler. [1]
Re: How I made a website with Svelte
#16I've been using Vue for a while because it's possible to get things up and running, even .Vue templates, without having to use npm tool chains. Just linking the Vue and other source files.
But, I really like the speed and user experience here. I may actually give it a try.
Re: How I made a website with Svelte
#17Nice 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?
For me it's about testing new technology, and I consider Figma's autolayout new technology. I think by doing things in a design app you experiment with other things you wouldn't necessarily do in the browser. For example colors, fonts... compared to the '18 and '17 version I believe this one looks better. I do have to say I am quite fast with Figma as my day to day work is being a UI designer.
Cool, having looked at your design file I can see the benefit of having everything laid out - allows you to easily explore different ideas.
Figma seems like a tool worth learning, will have to dig in some more.
Re: How I made a website with Svelte
#18Title makes it seem as if the website received an award.
Ok, we've taken "best of 2019" out of the title.
Re: How I made a website with Svelte
#19Not sure if this is a problem with the website or routify but clicking on the routify link in iOS Safari makes the browser back button unusable. Nothing happens when clicking on it.
Re: How I made a website with Svelte
#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, which we all know is no backup at all (https://klim.co.nz/licences/web-fonts/):
> You may make one (1) copy of the Web Fonts for back-up purposes only.
And I hope you don't take a week-long holiday away from your computer:
> At Klim’s request, You agree to provide an audit to confirm the Web Fonts You are consuming match Your Sales Receipt. Klim will give You at least 5 business days’ notice to complete the audit.
The Commercial licence is a bit better, but doesn't let you subset the fonts, which means your fonts might be 5 to 10 times as big as they should be, giving your users a worse experience (https://commercialtype.com/licenses/web):
> 10. You may not modify, adapt, translate, reverse engineer, decompile, disassemble, or alter, the Webfonts, the Font Software or the designs embodied therein.
I recommend using fonts under the SIL Open Font License, where you don't have to worry about this crap.
Anyway, nice work! I've been meaning to learn Svelte, and your site looks really good.