Otto Coster (@ottocoster) 's Twitter Profile
Otto Coster

@ottocoster

Software developer. Building netpicker.io Also, browserdaw.com and onlinerikken.nl

ID: 103828330

linkhttp://ottocoster.com calendar_today11-01-2010 11:25:26

214 Tweet

184 Followers

660 Following

Otto Coster (@ottocoster) 's Twitter Profile Photo

As you can see in the screenshot, I started without any design. Cards are represented purely with text (like Kd for the King of diamonds) and color. I focused on getting it working first, make it look good later. #buildinpublic

Otto Coster (@ottocoster) 's Twitter Profile Photo

Here’s an early screenshot of my online card game with some basic styling. All CSS, no images. The suits are text characters, just like the back of the playing cards. This caused issues later on because of diff between Windows, Mac and iOs. More about that later. #buildinpublic

Here’s an early screenshot of my online card game with some basic styling. All CSS, no images. The suits are text characters, just like the back of the playing cards. This caused issues later on because of diff between Windows, Mac and iOs. More about that later. #buildinpublic
Otto Coster (@ottocoster) 's Twitter Profile Photo

While building my game, I was researching other card games in the App Store. Like this one. I like the ‘wave’ of cards here and the fact that they are partially hidden at the bottom. #buildinpublic

While building my game, I was researching other card games in the App Store. Like this one. I like the ‘wave’ of cards here and the fact that they are partially hidden at the bottom. #buildinpublic
Otto Coster (@ottocoster) 's Twitter Profile Photo

At first, I used the text characters for the suits of the cards (these: ♦️♠️❤️♠️). However, the display of these varies a lot on each platform. iOs shows them as emoji, Windows and Mac as symbols but with different widths. Not usable. I ended up using SVGs instead. #buildinpublic

Otto Coster (@ottocoster) 's Twitter Profile Photo

Here are some experiments I did with player avatars in pure css using Tailwind CSS, emoji and an SVG pattern for the background. #buildinpublic play.tailwindcss.com/ytRl2Ewin5?lay…

Here are some experiments I did with player avatars in pure css using <a href="/tailwindcss/">Tailwind CSS</a>, emoji and an SVG pattern for the background. #buildinpublic play.tailwindcss.com/ytRl2Ewin5?lay…
Otto Coster (@ottocoster) 's Twitter Profile Photo

And here’s the current mobile design for my card game. Built with Angular. You can try it on OnlineRikken.nl (Dutch only) #buildinpublic

And here’s the current mobile design for my card game. Built with <a href="/angular/">Angular</a>. You can try it on OnlineRikken.nl (Dutch only) #buildinpublic
Otto Coster (@ottocoster) 's Twitter Profile Photo

The art (and science) of software estimation - Otto Coster #agile #softwaredevelopment slideshare.net/OttoCoster/the… via @SlideShare

Otto Coster (@ottocoster) 's Twitter Profile Photo

Why can I select a hair dryer in Airbnbs filter options but not if an elevator is available? Or which floor an apartment is on? Quite essential when traveling with children and strollers Airbnb Airbnb Help

Otto Coster (@ottocoster) 's Twitter Profile Photo

I'm building a new hobby project: an online music playground on browserdaw.com. You can create music using synths and samples in your browser. #buildinpublic #musicproduction

Otto Coster (@ottocoster) 's Twitter Profile Photo

BrowserDAW is now live on ProductHunt! Check the comments for more details about the tech stack and an example track producthunt.com/posts/browserd… #buildinpublic #tailwindcss #angular #webapp #musicproduction

Otto Coster (@ottocoster) 's Twitter Profile Photo

It looks like Vercel doesn't support Angular 17 server-side rendering yet... So, I was looking for something else. Found a great solution for serving my Angular 17 app. Only two commands needed using Render #Angular

It looks like <a href="/vercel/">Vercel</a> doesn't support Angular 17 server-side rendering yet...

So, I was looking for something else. Found a great solution for serving my Angular 17 app. Only two commands needed using <a href="/render/">Render</a> #Angular
Otto Coster (@ottocoster) 's Twitter Profile Photo

Designing dark mode for netpickerio today! What I discovered so far is that (secondary) outline buttons don't work so well in dark mode, so I changed those to filled buttons

Designing dark mode for <a href="/netpickerio/">netpickerio</a> today!

What I discovered so far is that (secondary) outline buttons don't work so well in dark mode, so I changed those to filled buttons