The Hickensian

16.09.09 Fluid style for SimpleNote

7 comments
Tagged with: css, notes, siteskins

Please note Since Simplenote changed their web app design and markup, this no longer works properly. Sadly the design still isn’t fluid. You’re welcome to take the CSS and do as you like with it!

—-

If you’ve ever used SimpleNote as a Fluid app to create a ‘desktop client’, you’ll have discovered that the webapp is a fixed size. I wanted a SimpleNote app that could be resized small, and still be able to see all the fields.

Simplenote fluid

This userstyle does just that – everything is aligned to the viewport. To install in a fluid app instance, go to Preferences > Userstyles. Add the following ‘URL Pattern’:

https://simple-note.appspot.com/*

Paste the contents of the SimpleNote Fluid CSS file into the field below. It should look like this:

Userstyles%20Preferences

Of course, there’s nothing to stop you using this as a normal user style, especially in a sidebar. It’s simply that it’s not intended for those that use SimpleNote in a browser tab, where it would be too wide.

Comments | RSS

No.1

∞ Henry said 146 days ago:

Nice one! I use fluid for a lot of things but for some reason didn’t have one for simplenote. Situation now resolved, and it works much better thanks to your css as well.

No.2

∞ Pierre Andersson said 146 days ago:

Nice tip! But I must be doing something wrong, it’s still fixed size for me. The instructions are simple enough, I’m probably being really stupid here.

No.3

∞ Pierre Andersson said 146 days ago:

Problem solved. Turned out Fluid was using http:// not https://.

No.4

∞ Saxton said 145 days ago:

I actually prefer having the wider window and this is perfect. Thank you Santa.

No.5

∞ Michael Rockwell said 144 days ago:

I’ve been using Simplenote with Fluid for a few months and on my MacBook screen I had to have the window to large (because I don’t want scroll bars), this is going to make my life a lot easier.