Rik Schennink
  • 🔥 1
  • 📍 Veldhoven
  • 📅 Nov '17
  • 👻 92

Looking back we've come a long way, but we're lightyears from reaching "Utopia" status. I wonder if you can call a society a Utopia (suppose it checks all the boxes, think of something like The Culture from Iain Banks) if in-equality and suffering of millions is what got you there.

If I would have to bet money on where we're headed, I would put it all on Dystopia.

I moved away from Dropbox because it couldn't deal with node_modules, it would just be syncing for hours. You could exclude the folder, but that's just tedious to do for all your projects. They don't support exlusion patterns, something like .dbignore would be amazing but are unresponsive to requests. See this topic from 2014.

I've canceled my Dropbox Pro and moved to STACK which does support ignore patterns ( it's is a Dutch service, files are stored in The Netherlands ( which to me is a plus as well ) ). I'm not sure if it's available for customers outside of The Netherlands.

Someone posted a link to Resilio Sync in Dropbox topic, they apparently also support ignore patterns.

Thanks Rik, yes that's precisely the problem - 90,000 tiny wee files in a node folder for each project, plus composer's vendor etc. I think I need to get better at workflows too TBH, as it's not uncommon for me to sit down and get stuck on a bug for x minutes without realising I forgot composer install or similar.

Twitter / FronteersNL Slack ( Dutch Front-end Community ) / WIP / Indie Hackers ( a little bit )

Make sure the contrast is acceptable ( test foreground and background color values here: http://contrastchecker.com ). If you have control over both the text and hero image it's a matter of composition.

  • If you don't know what hero image or text is going to be shown ( for instance when they're user defined ), you can improve contrast by adding a dark or bright overlay.

  • You can add the overlay on top of the entire image, or add a background color to the text element.

  • For FilePond I've opted for a gradient overlay, to make this look better than the default gradient overlay it's best to use an easing method. I'm using so have to do the blending with JavaScript.

  • If you're using CSS you can use finely tuned linear gradients ( do note that these might impact performance ).

For more info, read this article on CSS-tricks: https://css-tricks.com/design-considerations-text-images/