Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

NoDesign.dev – Tools and resources for non-artistic developers

nodesign.dev

Post reply on HN
Print view View original

131–140 of 164 posts

Re: NoDesign.dev – Tools and resources for non-artistic developers

#131

Post by divbzero »

duxup wrote: post #27
onion2k wrote: post #25

Earlier quoted context omitted.

Unless it is an open source project I feel it would be rude to ask someone to work for free on it. I said work with a designer, as in a collaboration. As in bring them onboard as a co-founder, give them equity, have an agreement to share profits. Pay them if you can. Share skills by getting them to do design work on your side project in return for coding their side project. There are lots of ways to work with people.…

Are designers usually co-founders?

Airbnb. [1] [2]

[1]: https://en.m.wikipedia.org/wiki/Brian_Chesky

[2]: https://en.wikipedia.org/wiki/Joe_Gebbia

That’s 2 out of 3 co-founders.

Re: NoDesign.dev – Tools and resources for non-artistic developers

#132

Post by divbzero »

divbzero wrote: post #131
duxup wrote: post #27

Earlier quoted context omitted.

Are designers usually co-founders?

Airbnb. [1] [2] [1]: https://en.m.wikipedia.org/wiki/Brian_Chesky [2]: https://en.wikipedia.org/wiki/Joe_Gebbia That’s 2 out of 3 co-founders.

Airbnb is also a great example of gdub’s comment that “design isn’t all about the way it looks, it’s about the way it works”. [1] This applies not just to the website or the app, but to the entire user experience.

[1]: https://news.ycombinator.com/item?id=23456898

Re: NoDesign.dev – Tools and resources for non-artistic developers

#134

Post by bdr »

nick-garfield wrote: post #30

I've got to recommend refactoringui.com. They sell a (rather expensive) book on web/mobile app design that explains how to build your design system and use it to create great looking apps. They cover all the bases you would expect like fonts, line-heights, colors, shadows, borders, sizing, working with images, visual hierarchy, using white space, etc. etc. I'm a developer by trade and I work primarily with one other…

It's expensive as far as books go, but it's still a great price. It'll save you many hours of time.

Re: NoDesign.dev – Tools and resources for non-artistic developers

#135

Post by JoshTriplett »

JoshTriplett wrote: post #119
elicash wrote: post #18

Earlier quoted context omitted.

https://bulma.io has no js included.

That looks promising! The minified version looks a little larger than Bootstrap (200k vs 160k), but it looks impressive, and I'm much happier going with something that uses Flexbox.

I just started digging into Bulma, and ran into https://github.com/jgthms/bulma/issues/1836 . It turns out you shouldn't use Bulma if you actually want h1, h2, and similar semantic elements to do anything. The default Bulma styles make h1, h2, and various other elements all look identical to normal body text, unless they have Bulma CSS classes applied to them.

On top of that, it uses CSS classes for things like "this button is rounded" (https://bulma.io/documentation/elements/button/#styles) or "this tab bar has borders around its tab labels" (https://bulma.io/documentation/components/tabs/#styles).

The kind of CSS framework I expected was one that provides semantic classes for things like tab bars and similar, and then themes can decide things like "my tab bars should have borders around their tab labels". (And, as a side effect, the CSS would also be smaller, since it only needs a style for "tab bar", and not "tab bar without is-boxed" and "tab bar with is-boxed".)

Re: NoDesign.dev – Tools and resources for non-artistic developers

#136

Post by terrycody »

monokai_nl wrote: post #65

I've recently created a free tool to create good-looking CSS color gradients that might fit your audience: https://mybrandnewlogo.com/color-gradient-generator

Your website is really cool and useful, and I already used it for several times in the past 1 year, I think I knew it from a Show HN post.

Btw, I hope you can add more combine elements of LOGO, yeah, current combos are already amazing!

Re: NoDesign.dev – Tools and resources for non-artistic developers

#137

Post by uvic »

xiwenc wrote: post #4
uvic wrote: post #2

Hi guys, Nodesign.dev is a collection of tools and resources for developers who want to make their site look "respectable" without using any design tools...It includes everything from favicon generator , illustrations to CSS frameworks.

Loosk very useful! Will definitely use this for my next design needs. I can search trough it now via CMD+F, but it would be nice to add a search function showing a list of results. It can be very basic keywords search.

Okay I will look into it...

Re: NoDesign.dev – Tools and resources for non-artistic developers

#138

Post by uvic »

petargyurov wrote: post #5

This is awesome. I have been using unDraw and unsplash as well as some other things for my startup (shameless plug: https://makely.me ) Some feedback for the site: make the titles of each product a little more clear. For instance, "Free Stock Photos: High-Res Images for Websites & Commercial Use" doesn't tell me what the website is until I hover over it. EDIT: Another thing, I was expecting the filters to be additive…

Hi, it's great you like your site...Thank you...I had perviously made the filters to be additive but later chose against it....as the the user needed to find the specific thing he is looking for like Favicon && Generators....

Re: NoDesign.dev – Tools and resources for non-artistic developers

#140

Post by njovin »

systemvoltage wrote: post #85
nick-garfield wrote: post #30

I've got to recommend refactoringui.com. They sell a (rather expensive) book on web/mobile app design that explains how to build your design system and use it to create great looking apps. They cover all the bases you would expect like fonts, line-heights, colors, shadows, borders, sizing, working with images, visual hierarchy, using white space, etc. etc. I'm a developer by trade and I work primarily with one other…

I don't know. Just looking at one of the things that they've posted: https://twitter.com/steveschoger/status/981606881255976961 > Overlapping images is a great way to add depth to an interface and make it look more “designed”. I don't know if this is sarcasm. No one is asking why do we need to add "depth"? What problem is "depth" of overlapping icons solving? I would stay away from this.

I can’t speak to this suggestion but I purchased the book and watched the videos and all of the guidance and material I remember is very sound and, in my experience, very enlightening for me as an engineer who’s worked in SaaS with very talented UX people but still struggle with coming up with clean UX on my own.
Post reply on HN