HNHacker News
TopNewBestAskShowJobs

johnpolacek

1,122 karma · joined September 22, 2011

Web Dev (sometime humorist) http://twitter.com/johnpolacek
submissionscomments
johnpolacek··on Show HN: Animaxxing – get agents to animate the shit out of your website
So I built this completely unnecessary, over-the-top animation demo just to have fun and showcase some agent skills I created help coding agents work with GSAP.

The skills cover stuff like:

- Page transitions across frameworks (Next.js, Astro,, Nuxt, etc) - Establishing a mount → intro → outro → cleanup pattern - Fun stuff like split-text entrances, scroll choreography, and particle effects (building on the official GSAP skills)

I used to be a Flash developer, so I channeled some of that energy back when websites used to be a lot more weird, and maybe even completely unreasonable.

So there are animaxxed versions of Wikipedia, Craigslist, Hacker News, GitHub, and more. Plus a theme switcher that takes the whole thing through Bauhaus, cinematic, early web, Strong Bad, etc.

If you just want the skills: https://github.com/johnpolacek/animaxxing-skills

johnpolacek··on Show HN: Lightwave – Real-time notes app, 3.5 years of hand-rolled JavaScript
I've been doing the "big ass text file" approach forever. This is a nice alternative that doesn't try to do too much. Enjoying it so far! Going to give this a real go to use it to plan out my next project.
johnpolacek··on Show HN: NotYetNews – AI-Generated News from the Future
Yeah I found the same regarding repetition. I avoided that by seeding it with new data from NYTimes API each day.
johnpolacek··on Show HN: NotYetNews – AI-Generated News from the Future
Cool! Old school no AI just good ol fashioned JS :)
johnpolacek··on Show HN: NotYetNews – AI-Generated News from the Future
This is great! Pretty similar to what I did in that you have actual links to the articles and even images. If you had a cron script that auto-generated new content every day, I think that would be the only thing that I'm doing that crackernews doesn't yet.

Another interesting choice is you are generating the article content itself. It is wild how you can get it to generate markup on the fly for different styles of posts.

For my project, I'm generating structured JSON with an [OpenAI Function](https://platform.openai.com/docs/api-reference/chat/create#c...) as I found even if you tell it the format you want in the prompt, it sometimes ignores it or doesn't match exactly. Then I'm uploading the JSON and images to S3.

I didn't realize you could get a DALLE image and drop it in your own directory with a oneliner like you have. Very nice!

johnpolacek··on Show HN: NotYetNews – AI-Generated News from the Future
Cool
johnpolacek··on Show HN: NotYetNews – AI-Generated News from the Future
I wanted to try out building a website that auto-generates its own content. So I did that https://github.com/johnpolacek/notyetnews
johnpolacek··on Show HN: NotYetNews – AI-Generated News from the Future
Thanks - yeah just having some fun over here!
johnpolacek··on Show HN: NotYetNews – AI-Generated News from the Future
Oops! Fixed now
johnpolacek··on Show HN: Design System Playground
Glad you found it useful and thanks for the feedback!
johnpolacek··on Show HN: Design System Playground
I created this as a tool for playing around with different font and color combinations then generating a theme object that meets the System UI Theme Specification for creating interoperable UI components (see system-ui.com). The idea is that you can quickly experiment, and then if you come up with something you like, you can take those style properties and use them to make your component libraries or with popular projects like Theme UI, Rebass, Primer, Chakra UI, etc.
johnpolacek··on Tell HN: Chicago Indie Hackers meetup
Nice. Added it to my Chicago Tech Events calendar http://chicagotechevents.com
johnpolacek··on Why Our Super Bowl Ad Failed – Cards Against Humanity
They did not actually buy the ad. They are simultaneously making fun of Super Bowl advertising and how easily people believe fake news (no fact checking that there was never a potato ad aired)
johnpolacek··on Ask HN: What is your definition of a good GitHub profile?
I am shocked by how few candidates have much of a Github profile at all. So the good news is that it is easy to stand out.

Have some projects that are finished. They don't need to be extravagant. Just show that you can ship code and know how to explain how/why to use it in the README or for extra points a nice gh-pages demo page. Once you have a few projects under your belt, you can create a nice home for them with your username by making a public repo with a project name of username.github.com - see https://pages.github.com

For front end, if you prefer codepen over Github as your online code portfolio of choice, that is fine too (at least in my opinion). Or both.

johnpolacek··on I Would Like to Get a Raise Template for Webdevs
I removed the bit from the example where it mentions family. I think in some cases it is good to talk about the reasons why it is important to you to get a raise outside of just the money. It seemed to bother people and I think it is an optional thing anyway. Certainly not necessary in an email opener.
johnpolacek··on I Would Like to Get a Raise Template for Webdevs
Everyone is different. I personally don't consider talking about why a raise is important to you, in a human way, is a bad thing. I wouldn't want to work for someone who thinks that what is most important to me in life is irrelevant at work.

I had that bit as optional because some people want to keep stuff like that out of it, which is fine.

The overall gist is that when making your case, if you truly like your company and want to stay, you do not want to come off as an arrogant, greedy asshole who is up for grabs to the highest bidder. You should come across as a loyal, enthusiastic, high performer who simply wants the salary (or possibly promotion) they deserve.

Sometimes getting you a raise will require your boss having to fight a battle for budget, and to do that, it helps if they actually like and respect you as a person as well as value you as an employee.

I have gotten many raises over my career, so this approach has worked for me. However, every situation and person is unique.

johnpolacek··on I Would Like to Get a Raise Template for Webdevs
Maybe template is the wrong word. It is meant to be a loose outline of what you could say. A starting point with some advice. Every situation is unique.

Also, this email should function as the invitation to have a discussion. Finding the right time and way to ask for a raise can be difficult and stressful. Using an email to start things up can take the pressure off.

johnpolacek··on I Would Like to Get a Raise Template for Webdevs
As stated in the intro, the email is meant to be the start of a conversation. Of course you can discuss it in person instead. For many people, it can be intimidating and stressful to ask for a raise. Sending an email allows you choose your words wisely and take some of the pressure off. Better to send an email than to keep waiting for what feels like the right time.

Some have suggested the tactic of threatening to leave as your negotiation tactic. I would recommend against that if you like working where you are, as it could backfire. You could even get that raise, but then later be let go. If you don't really like where you are working at all that much, then go for it (but maybe don't lead with that tactic as it can burn bridges).

johnpolacek··on I Would Like to Get a Raise Template for Webdevs
For this little project, I just grabbed a template used by a very popular Github page. Looks like the font does not play well with Windows. I just switched it to good ol’ reliable Helvetica.
johnpolacek··on I Would Like to Get a Raise Template for Webdevs
The social aspect is definitely important. Being someone who can work well with others is essential. Being able to communicate complex tech things to non-tech people is very valuable for career advancement. If this is a skill you lack, work on developing it.

If your manager thinks you suck, then yeah, you will not be getting a raise. In fact, they may be looking for a way to push you out. However, if they do think you are good, then understanding where you are pay-wise relative to the industry can be a good argument to make.

johnpolacek··on I Would Like to Get a Raise Template for Webdevs
In my own experience, having popular open source projects, giving talks, and writing articles contributed to the overall picture of my value as an employee and helped me advance my salary. This obviously can vary depending on where you work.

Doing those things also were great learning experiences, and made me better at my job.

It certainly helped me feel confident that I was worth a raise, and comfortable in that if I did not get paid competitively, there would be other opportunities.

Also you mention bringing in more business. Depending on your company, doing those things can bring in more business.

johnpolacek··on I Would Like to Get a Raise Template for Webdevs
Made it darker and increased the font size slightly. Hope that helps. :)
johnpolacek··on Show HN: Building a Game with a 6-Year-Old
Phaser is awesome. If your kid has an idea for a game, odds are there is already a decent example or tutorial out there to get you started. http://phaser.io
johnpolacek··on Poll: Were you banned by AdSense? When in the cycle were you notified?
I think you are better off going with affiliate-based advertising. The payouts are larger and there is no click fraud issue as you are paid for conversions. Shareasale.com or BuySellAds.com are two of the more popular ones.
johnpolacek··on Simple Strong Password Generator
Reminds me of this thing I did awhile back for some laughs: http://dfcb.github.io/manly-man-passwords/
johnpolacek··on Third Tesla Fire in 6 Weeks Could Spark Federal Inquiry
You can't make an omelette without burning a few cars.
johnpolacek··on Bootstrap 3 Grid Introduction
People might flip out at first about putting all those classes in there, but it works great for tricky layouts. Extra Strength Responsive Grids uses basically the same approach. http://dfcb.github.io/extra-strength-responsive-grids/

Once you get used to it, the grid classes makes it easy to look at the markup, see whats going on and move things around any way you choose.

johnpolacek··on The Million Dollar Homepage (2005)
Remember One Red Paperclip? That was a good one too (2006) http://oneredpaperclip.blogspot.com
johnpolacek··on Wappalyzer uncovers the technologies used on websites
I'd love to see a search engine that crawls the source code of sites, so you could find great implementations of frameworks and plugins.
johnpolacek··on McDonald's HTML5 promotion site
If you look at the source, you can see why it is slow. Tons of js linked in there, right in the <head>, no minification. They even embed jQuery twice on there (1.3.2 then later on 1.6.2). Also, lots of inline styles on the page. Looks like they are using a CMS, not sure which one though.

Nevertheless, that 3D rollover effect and infinite scroll in all directions is pretty fun.

Page 1 of 3Next →