Ask HN: What are some great personal blogs/portfolios?

308 points by buildlove 3 months ago

I've been considering creating a personal website where I can post software projects I've done and write blog posts about them. I've found a couple inspirational engineers that produce a lot of interesting projects and content on their personal pages, but I'm sure there's a ton of people who have great blogs that I've never heard of.

Who are some of your favorites?

jefflombardjr 3 months ago

At the risk of sounding pompous. I really like my portfolio site: https://jefflombard.com/.

Why? I built it for myself. Not for what I thought recruiters/employers wanted to see. I simply wanted a place to collect some of the projects I work on. And more importantly one that captured my personality a bit. It's not perfect, I look at it and see a ton things I'd refactor. But it get's people to laugh or start a conversation about something I've done. That to me makes it all worth it.

My $0.02: Don't build a portfolio site because you think you need one, build one if it serves a purpose for you. i.e. learning a new skill, organizing your work, or just having fun. I think the results are much more interesting that way. (Also, don't be afraid to iterate. I think this is the 5th one I've attempted to make)

  • bobbydreamer 3 months ago

    Nice and clean. I like it. There are so many fancy sites and bootstraps but finally in the end, if you have coded it and it can last next 10 years without a major change to the site design and you can focus on adding content to the site. That's a win.

    I am working on my site http://www.bobbydreamer.com

    Got side tracked and built this, a note taking app. https://Stash.bobbydreamer.com

    It's still in development.

  • elhudy 3 months ago

    As a non-coder it feels like the learning curve for building a website portfolio is super high - even though I am told by coders that it is not. Could anyone lend some guidance on where to start?

    • jefflombardjr 3 months ago

      There is an overwhelming amount of info out there on how to build websites. But in reality, it all boils down to three things:

      1. HTML: Where you tag the content of your website. ( paragraphs, titles )

      2. CSS: Where you define style of your website. (font colors, etc.)

      3. Javascript: Where you define the functionality of your website. (i.e. what should happen when a button is clicked?)

      For me that was the aha! moment. Everything else was just noise. Yes there is a learning curve, but it isn't all that bad if you ignore the noise.

      I would recommend against all of the "Learn everything you need" type courses. and just focus on these three courses:

      * https://www.codecademy.com/learn/learn-html

      * https://www.codecademy.com/learn/learn-css

      * https://www.codecademy.com/learn/introduction-to-javascript

      That is how I started.

    • sotojuan 3 months ago

      I mean, if you really want the easy way out, just pay Squarespace or another WSIWYG website builder. That's what a lot of my artist and photographer friends use.

      • rchaud 3 months ago

        That's what I was going to suggest. If you're a non-coder who needs a portfolio site, you already have a body of work ready to show. Put that up on a Squarespace site with a nice template instead of wasting time going through HTML/CSS video courses to create one from scratch.

        If you're genuinely interested in building from the ground up, definitely go ahead. But if that's not really your goal, you will almost certainly be disappointed with your first site. HTML/CSS courses don't cover design (typography, element spacing, color palettes), so you'll look at your site, you'll know it's ugly but you won't know why. And you won't want to put it online, thereby wasting even more time.

        Don't do that. Let your work speak for you, and don't feel embarrassed about using a template. Your audience cares about the quality of your content only, they will be completely oblivious to what is happening behind the scenes.

    • Hoasi 3 months ago

      > As a non-coder it feels like the learning curve for building a website portfolio is super high - even though I am told by coders that it is not.

      It is not high if you don't try to reinvent the wheel. Fortunately, you can build upon generous people's work. Using frameworks is fine unless you end up using things you don't need. There is still a learning curve, of course, because you need to learn where to look for answers. But building a portfolio site is indeed not that complicated.

      Non-coder here, I started with WordPress, spent a lot of time learning how to code my own theme. Then I ditched it, learned the basics about how Git works, set up a static site using Jekyll, styled it with Tachyons. Then I added a gallery functionality and a few custom tweaks, just looking things up as I went. My site is now way simpler to maintain and faster. What took hours to look up and fix now seems easy.

      Putting your portfolio site together yourself is time well spent.

    • zhte415 2 months ago

      Perhaps just start. Not on coding, but on content. Coding facilitates, but a lot of people have already spent a lot of time coding things already. My own 'portfolio' is a wiki, looks neither pretty nor ugly, at least to me, with a heck of a lot of text, about things that interest me. Wiki because of a realisation that chronological order didn't seem to make sense to a body of work that can be added to constantly.

  • codesternews 3 months ago

    Bro it's so amazing and unexpected. Great work and creativity.

  • joelx 2 months ago

    My blog joelx.com is fun for me and has thirteen years of posts chronicling my transition from employee to founder /CEO of a 130 employee company.

  • blueprint_for 3 months ago

    What's it like being a developer in the Philadelphia area? That's near my hometown but I have a tough time searching around there.

  • larrywright 3 months ago

    I love the books page - borrowing that idea.

  • eppsilon 3 months ago

    I like the "hello" button. :) The font weight of the body text is almost painfully light though.

  • prani10 3 months ago

    i like the design ., but the small font really annoys me, atleast one size big would be better!

otras 3 months ago

Highly recommend patio11's site and blog: https://www.kalzumeus.com/

His post on salary negotiation should be mandatory reading for all software engineers: https://www.kalzumeus.com/2012/01/23/salary-negotiation/

ctnb 3 months ago

Julia Evans' blog is one of my favorites: https://jvns.ca/

  • josephmosby 3 months ago

    Seconded. Julia's blog looks nice, has great explanations, and did a LOT for me as a junior developer about feeling confident in all the things that I didn't know at the time but was excited to learn.

  • alexanderdmitri 3 months ago

    awesome to see she makes programming zines too

yantrams 3 months ago

Here are some relatively lesser known blogs that I can recommend, apart from the usual suspects (worrydream, John Baez etc.)

https://jeremykun.com

http://colah.github.io

https://mathwithbaddrawings.com

https://www.allendowney.com/blog/

And yeah I finally decided to inject some character into my personal website and spent a couple of days wrangling with css and made this --- http://linkdot.link . Not much content really though and it is mostly probability puzzles that I solve every now and then.

Edit: Formatting

  • Abfrage 3 months ago

    Hey, just went on your site with firefox and the content was outside the screen. After digging into it a bit I found that you use "transform: scale(1.3)" on the body. It seems like firefox is positioning the element with its original dimensions and then scales the element. "transform-origin: 0 0" fixed it for me.

    • yantrams 2 months ago

      Thanks a ton for letting me know about it and sharing the fix as well. Fixed it now. Will spend sometime soon and sort the other Firefox issues that I discovered as well.

      Cheers!

  • kickscondor 3 months ago

    Love your site - ty for sharing.

    • yantrams 2 months ago

      Just checked your personal website. So glad to have stumbled upon it. Been a while since I've some come across something so refreshing. Thank you!

    • yantrams 2 months ago

      You're welcome and I'm glad you loved it.

      Cheers!

daleco 3 months ago

I'm on the same boat, here are some UX Designers portfolios that I found interesting and bookmarked. Even if it's a different profession, you may find inspiration there:

http://jaredgranger.com/

https://danielkorpai.com/#work

https://katiemacoy.com

https://www.vanschneider.com

https://heyshawn.co

  • skilled 3 months ago

    I burst out laughing while reflecting on how good the Tobias van Schneider design is. The use of typography is absolutely marvelous. Thanks for sharing!

    • flaviocopes 3 months ago

      The page design is absolutely amazing, although its weight is 33MB.

      Which makes me think, where do we draw the line in terms of web page size? What's acceptable as of 2019? Also considering mobile?

      • rchaud 3 months ago

        > Which makes me think, where do we draw the line in terms of web page size?

        We look at the business case. TVS' website would be a disaster if it was targeted at the general public, with millions of hits each day. But it's not. His work on Spotify however does have to be optimized for that audience.

        His personal site however can be whatever. It's showcased on industry sites like awwwards.com and the like, and those sites are all form, no function. In this environment, Pretty = useful, because it makes his work more noticeable, which is good for getting consulting work.

    • phosfox 3 months ago

      I don't know if his site is getting a hug of death but it took almost 50sec (16sec DOMContentLoaded) to be completely finished loading. It's a beautiful site though.

bluetidepro 3 months ago

Do a quick search here on Designer News: https://www.designernews.co/ (it’s like HN but more design focused). They have hundreds of posts of amazing portfolios and personal sites. You’ll get a ton of inspiration there.

cyanoacry 3 months ago

I highly recommend Nayuki's site: https://www.nayuki.io/

Lots of content (made mostly for themselves), but the writing style is pretty nice and there's a large variety of projects.

_mrmnmly 3 months ago

Following @jefflombardjr example, I would like to share an example of my personal website: https://lukaszkups.net .

Why do I like it? Because I've literally built it by myself from scratch - starting on design (all the graphics, even the map in experience tab) to the static site generation tool that I use to manage content (will release it soon as my first truly open source project).

Btw. Any feedback will be highly appreciated.

  • bobbydreamer 3 months ago

    Like the multicolored texts in the homepage. Good Colors choice. I like bright Colors but if you are going to be seeing it a lot better to go with Colors that doesn't spoil the eyes and page designs get darker over time.

amrshafik 3 months ago

This portfolio showcase page doesn't contain software project blog posts per se but has a lot of solid designer portfolio examples that might be interesting to check out: https://www.semplice.com/showcase

valleyjo 3 months ago

This one is from my coworker. One of the best engineers I have ever worked with. It amazes me how they can be so productive at work and be so prolific with this blog. It goes back a log time.

http://writeasync.net

diessica 2 months ago

Not really great but in a hope someone might think it is, this is one is mine: https://diessi.ca Built it myself, I am a Front-end Developer anyway.

Began writing about programming but honestly now I just write about whatever I want. Last post was about my sensory depravation experience so I expect anything.

seanwilson 3 months ago

I revamped my portfolio/freelance page recently if anyone wants to borrow any ideas from it or has any feedback:

https://www.seanw.org/

I tried to get all the important details on a single page and isolate the tech jargon to appeal to non-technical clients. I personally found and had non-technical friends agree with me that a lot of developer portfolios focused too much on the tech (e.g. "I'm a Node developer who loves React!") or go into too much detail about project specifics so I tried to avoid that.

  • danieltorre 2 months ago

    This looks great. You're spot on with the feedback you've received about technical jargon and I think you've struck a great balance.

    I like the single page and I think the content fits nicely. But, I'd be lost with more content on a single page—in terms of navigation and keeping a mental model of what I've seen.

spiralganglion 3 months ago

I'll throw my hat into the ring: http://ivanish.ca

What makes my site interesting is that.. I work in web dev and graphics, so I got to have some fun combining the two for my portfolio. I'd love to see more programmers taking advantage of web technologies to make their portfolios more visually interesting, and playful.

As much as Flash caused headaches and was a thorn in the side of the open web, there sure were a lot more interesting portfolio sites in the Flash days than there are now.

Thanks for creating this fun thread!

saddington 2 months ago

I've been blogging about my life as a software engineer, dad, husband, entrepreneur, and now (new!) youtube vlogger for a long time. blogging 18 years, actually: http://john.do/

my hope is to simply share what i'm working on and share how those things are actually working.

barrowclift 3 months ago

If self-promotion is allowed in this context, I'd like to suggest my own website as a good example: https://barrowclift.me

  • reacweb 3 months ago

    I love it. My minimalistic blog is build using pandoc. Would it bother you if I plagiarized your blog styles.

hprotagonist 3 months ago

i’ve been looking to rediscover a particular tech blog for a while. It’s formatted to look like it was written in LaTeX. i think it’s even two-column but i can’t recall.

unrelatedly, eric lippert always has fun stuff. “Wizards and Warriors” a five part series was a revelation: https://ericlippert.com/2015/04/27/wizards-and-warriors-part...

iancmceachern 3 months ago

I'm going to go the other way with my comment and ask for feedback on my portfolio page.

https://www.iancollmceachern.com

Please feel free to email feedback to the contact info on my page or post it here. Thank you in advance.

(Edited to add that I'm a hardware product designer, providing mechanical and systems engineering services for medical devices and other mission critical hardware)

  • stingrae 3 months ago

    Here were my first impressions: - It is very gray. The blog looks much better with it's white space.

    - I don't get what the shopping cart is for.

    - The header isn't centered.

    - The font is very heavy feeling.

    - I like the contact page. I feel like that should be your main page, with the side bar links moved to be across the top of the page.

    I'd also like to get feedback on my personal website: https://raemond.com

navchatterji 3 months ago

I built my personal website using Google Docs. https://navchatterji.com/. This was a fun weekend experiment where the aim was to build a quick, usable website (in this case a blog) and host it without having to type in a single line of HTML/CSS or terminal command. The instructions on how I made it is near the bottom.

yuy910616 3 months ago

dan wang. he wrote why so few people major in CS. interesting dude. https://danwang.co/

bill gurley, investor http://abovethecrowd.com/

  • wenc 3 months ago

    I discovered Dan Wang through Tyler Cowen's Marginal Revolution Blog (a great blog for folks with omnivorous interests).

    Dan seems to be a deep thinker (philosophy major). He doesn't write about engineering so much, but what he does write about he goes deep.

    • yuy910616 2 months ago

      that's exactly how I found him... Did you major in Econ or something?

      • wenc 2 months ago

        Not really. I have no econ background at all but I still find Tyler's blog interesting.

        • yuy910616 2 months ago

          That's great to hear! I always thought only econ people read that blog. Did you find stratechery through MR yet? If not...Ben Thompson is worth a read for sure.

          • wenc 2 months ago

            I've known about Stratechery for some time. I understand the content is very good, but my interests aren't quite in that space.

justmyfreak 3 months ago

https://justmyfreak.com

My own website. I use medium as it is easy write on. Also, I don't need to hustle with template, UI, etc. Pardon me since I didn't update the content for like 2 years.

larrywright 3 months ago

Great Ask HN. I plan on looking through all the links here for ideas.

I just restarted my blog after a few years away: http://larrywright.me - feedback appreciated.

scott113341 3 months ago

https://brandur.org/articles

Very clear technical writing, mostly about web technologies.

  • ar_lan 3 months ago

    I've long used his site as an inspiration as well. It's just pretty clean and interesting.

mandeepj 3 months ago

sharing my blog - http://mandeepjanjua.com

I like to blog about as many things as you come across in life. Because why not? We just don't do only programming

mhdhn 2 months ago

scripting.com by Dave Winer, who pioneered web logs, podcasts, outlining, RSS, et al

nabeards 2 months ago

matthewrayfield.com is one of my faves. Old-school web with fun tech.