stankot

Darn, it took me a while to replicate failed downloads.

Everything is generated on the client side, including file to download. Some browsers (I know Chrome for sure) have a size limitation for files you can generate and download on the client.

As a workaround, try Firefox or Safari, or manually copy SVG's code from the inspector.

I'm not sure how to fix it atm, but I'll look into it.

EDIT: I think I fixed it, but if you still encounter it, please open an issue on GitHub. Thanks!

Author here, this is my first generative art project that I'm remotely satisfied with. I'm new to the whole thing, but I'm having a lot of fun making these things.

As you play with parameters, unique URL will be generatred for easy sharing.

Output is a SVG file that can be downloaded. I want to do some pen plotting in the future, therefore I prefer to work with vectors.

Any feedback is welcome! <3

Check my comment on this thread: https://news.ycombinator.com/item?id=21978989

I'm running my blog (https://muffinman.io) on Jekyll and GitHub pages, and I've run into the same issues.

For search I generate a JSON array, with the name and the url to each post. Then I just client side javascript to search them. It adds a small traffic overhead, but users said they really like the search - it is instant and uses fuzzy matching algorithm.

Here is the code I use to generate the array: https://github.com/Stanko/Stanko.github.io/blob/master/_incl...

For comments I use staticman (https://staticman.net/), and it is brilliant. Instead of having a 3rd party comment system, it will issue a pull request to your repo. You can set it to automatically merge PRs or to merge them manually (and moderate them).

The only problem is that because of changes to the GitHub API quotas, their public instance gets overloaded. But you can easily setup your own instance. I use heroku, and their free tier is more than enough for my usecase (I get more than 100k users a year).

I even wrote a short post how to set it up on heroku: https://muffinman.io/running-staticman-on-heroku/

Hope that helps, happy hacking!

There are a couple of good comments, so I won't repeat what they said.

Find something you are actually passionate about. It doesn't have to be a big thing. You shouldn't care if it is a cool thing, or what other people think of it.

When I'm interviewing, I love when people showcase stuff they enjoyed building, rather than something bigger they made following a tutorial.

Here is an example of a really small project I enjoyed working on - https://muffinman.io/vertigo/ It was so fun, and I learned some canvas/svg stuff I never touched before. Even now when I look at it, it brings a smile to my face.

Another thing I think you should do is to document the whole process and write one or series of blog posts. It will help you understand the whole thing better, and help people in similar situation.

Good luck and please share with HN whatever you end up making!

I really love this one: https://tobiasahlin.com/

Shameless self promotion (my blog): https://muffinman.io/

And of course, Daring Fireball: https://daringfireball.net/

I missed that completely, thank you!

Is this by any chance open source? I would love to see the code.

Of course, Create React App is the best place to start, and I totally agree with your points. I never said learning these tools are the basics. But if you need to setup a bigger project CRA doesn't cut it by default.

For example, it is missing HMR and CSS preprocessing (or postporcessing) which are must have on a larger scale. Again, you can eject and start from there, but in that case it will be much easier if you understand these tools.

Thank you for the constructive feedback!

Both rollup and webpack are solving the same problem. I just played with rollup a little, so I don't have production level experience with it. However, I did a lot of reading and it seems that general opinion can be summed to:

Use webpack for apps, and Rollup for libraries

As I already had quite a lot of experience with webpack, I've decided to stick to it. Friend of mine likes to say - "the best technology is the one you know best".

But I would be interested to hear experiences from the people using rollup on their projects.

Thank you!

I had the same feeling with boilerplates, so I tried my best to learn the tools properly. Digging through documentation took me a lot of time, so I tried my best to summarize it in a simpler way. It should get people up to speed and give them a solid ground for learning more.

Let me know if there is room for improvement of the tutorial. I plan to post more posts in the same series soon.

Bloat is hard to avoid on boilerplates (I wrote one that is quite popular so I know how it goes https://github.com/workco/marvin). If you want to make useful boilerplate, it gets opinionated really fast. I hope that is something we'll solve with the next version of Marvin.

Btw I posted it yesterday, and it already gained a lot of traction (based on the analytics). Not sure why it didn't get more attention on HN though.

Author here, feedback is more than welcome. I tried to be very detailed and explain how the whole thing works. There will be more posts about webpack/react in near future.

Hey there,

I'll start with the disclaimer, as lately HN comments have tendency of becoming toxic - everything I write is my personal opinion.

With that behind us I can start. I'll try to write this for someone who knows very little about JS, but knows her/his way around basic programming/cs.

Firstly I love JavaScript, I have been writing it for 10 years now, but there are bad parts of it as well.

Let's start with good stuff

* It is evolving in the right direction

* You can do a lot of things with it (web apps, games, mobile apps, server...)

* Materials for learning are everywhere

* It will be easy to find a job

Bad stuff

* It is moving at crazy to follow pace

* There are a lot of different ways of doing same things

* As it is very hip thing to do, there is a lot of bu___hit (beware of the hype train)

Learn plain javascript before moving to frameworks. Focus on ES6 and new stuff as it will make your life way easier.

* Someone already mentioned Dr. Axel Rauschmayer, pick any of his books - http://exploringjs.com/

* Another good one is You Dont Know JS - https://github.com/getify/You-Dont-Know-JS

Try to make small app on your own. You'll get into all sort of problems, but that's the fun part I guess. That will help you to understand what frameworks are trying to solve.

Then you can start learning one of the frameworks. React, Vue, Angular are all solid choices. My pick is React, as I know it best. Apply the same mindset as with learning plain JS. Try to write your own stuff on a small scale before importing huge libraries.

Good example is redux, everybody on the internet are screaming that you should always use it, but even Dan Abramov (author of redux) has great read - You might not need redux https://medium.com/@dan_abramov/you-might-not-need-redux-be4...

Try handling state yourself, then if you see that you need big guns, try redux. Same goes for any big library or technology.

So, buckle up, do it thoroughly and try to find fun in doing javascript. And the most important generic advice - do a real pet project instead of just blindly following tutorials.

This will take some time, and if you just want enough knowledge to lend a job, pick a framework, throw yourself into the deep end and swim your way out. This is something I wouldn't recommend but it works for some people.

Hope this helps, cheers! S

P.S.

Random JS talks I like

* Wat - Gary Bernhardt, 2012 https://www.destroyallsoftware.com/talks/wat It never fails to crack me up

* Live React: Hot Reloading with Time Travel - Dan Abramov, 2015 https://www.youtube.com/watch?v=xsSnOQynTHs Classic nowadays, it is a delight to watch Dan Abramov presenting, only thing missing is a mic drop at the end

* What the heck is the event loop anyway? - Philip Roberts, 2014 https://www.youtube.com/watch?v=8aGhZQkoFbQ This is a must watch for every js developer

EDIT: Sorry for the formatting, HN doesn't support markdown

Atm I have no plans of rewriting to vanilla, as it is really cumbersome to maintain two parallel libraries. But the most of the code can be reused to write vanilla solution if you want to give it a try.

Hello HN,

I got tired of making react parallax components over and over again, so I ended up creating what I think is pretty robust and performant solution. Most of the code is based on the production projects I've done in the past.

Demo: https://stanko.github.io/react-plx/

How it works: https://stanko.github.io/plx-react-parallax-component/

It has multiple optimizations described on the links above.

Feedback and contributions are welcome.

Cheers!

Hello amirouche,

that is already covered in documentation on github: https://github.com/Stanko/react-plx

Additionally I wrote a blog post as well: https://stanko.github.io/plx-react-parallax-component/

(Link to blog post is also included in the documentation.)

It is true, and I will try it for sure at some point. Thing is that I tremendously enjoy software development as well, so this idea is on hold for now. Going global asks for solving more problems like logistics, but it is certainly worth the effort.

Sorry to hear that.

Personally, if I ever get to leave IT before retirement, I plan to equip a workshop and start making electric guitars. It connects various craftsmanship skills with some engineering and art. And the best part is, end product is a instrument.

Unfortunately, this is not the best career choice where I live in (Eastern Europe). Although if you are good, you could make a living out of it. At least I would have better website then the competition :) Backup plan is to build modern/minimalistic furniture where there is no guitar orders.

Another direction would be to create a hub for amateur craftsmen. Well equipped workshop where you can rent a space to make things on your own, or take a course.

As you can see, I would pursue something related to making things as that's something I really love, and I'm doing as a hobby (IT takes a lot of time though). So, my advice would be to find something you love and see if you can make a living out of it.

Good luck!

Building small app with a friend. It should add some features to Instapaper, Pinboard and Pocket. We are having some trouble with different APIs, but a good thing is that I extracted boilerplate for this kind of things.

https://github.com/Stanko/react-redux-webpack2-boilerplate It includes minimal but complete set of features to get React/Redux app going.

I plan to keep it up to date, as a starting point for my personal stuff, as well as our company's projects

They are free and development is much more active. Community is also getting stronger, as they are both open source. This means that plugins are always up to date.

I love Sublime but there is also a https://en.wikipedia.org/wiki/Bus_factor

Also if you have tried Atom at some point, try it again, they made it much better and faster. Only thing I miss is how incredibly fast Sublime Text is.

This is really nice, from the scientific side, and it creates awesome puzzles as well. Any chance that we can see this software as a service, or maybe even for download?

Much better, but I will still use this web app http://cheeaun.github.io/hackerweb/

Don't bail, but maybe redesign the whole page, and get rid of the tables in the markup?

Nice, I did something similar few months a go. http://stanko.github.io/html-canvas-video-player/

Thank you man!

I want to add, that I contacted Pixeden and got their permission to use their icons in SkyBlue.

Hehe true, just fixed it. Thank you all guys!

Same here. I used it on a couple of mobile-only projects. But 99% of the clients want IE support, and it is way easier to skip flexbox in that case.

I updated the license and readme, it is under MIT license.

As for Pixeden, thank you for noting this, I'll contact them about it.

Thank you, I'll take a look at it and fix it soon. EDIT: Fixed :)