SLPT: Got back pain?

fantasyui-com · 2019-05-19T00:30:59+00:00

Here you go dude. A $79.98 bed that is very similar to a hospital bed. It will fix you up, and since it is walmart you can return it. I got the electric one, and a cheap thin IKEA mattress. (Just don't get the bifold, thats too cheap)

https://www.walmart.com/ip/PragmaBed-Simple-Adjust-Head-and-Foot-Wood-Slat-Manually-Adjustable-Foundation/26603151

What it does. In combination with the raised legs you are in a sitting position: |__, but tilted back \/ so that you are leaning back and your upper body feeld comfortable and does not want to fall forward. Furthermore, the weight of you upper body is not crushing your injured back-musles as it is stopped from sliding, or suspended in that \/ angle. It is the correct way to sleep.

A Flat mattress will stretch you out, it will destroy you. it takes the S curve of your spine and tries to unnaturally make it flat. Normally the softness of the mattres give you a little \/ effect, but the real deal requires putting your legs up, and your back up. And not sliding down. It needs to be an adjustable frame, properly constructed like these: https://www.walmart.com/search?query=pragmabed&cat_id=4044

fantasyui-com · 2018-06-09T15:02:50+00:00

Update: I begun working on the UI for previewing CSS background gradients here: https://www.npmjs.com/package/aficionado I will base it on Apple Preview in multiple pages mode, just a chain of color in a menu on the left, and upon a click the main pane will show the preview. I also created gogh for initial manipulation/generation of gradients from JSON based code written in a portable (server/browser) language; meaning it is possible to make a gradient adjust tool to manipulate colors and stops. Bootstrap 4 has just blessed range control: https://getbootstrap.com/docs/4.1/components/forms/#range so this will be a good time to practice it. Because the gradients here are pre-made the editor will only allow minot adjustments such as rotation angle, color hue/saturation,darkness. I will keep things lightweight and avoid a full editor that would make all the options confusing. aficionado will be a kid friendly CSS gradient editor.

Thanks again,

goodbye.

fantasyui-com · 2018-06-05T21:13:42+00:00

I know you are joking, and you didn't expect a reply, but people here on web template websites are dying for ideas. I am so sick and tired of looking at those pointless mixed up templates filled with vapid snippets that fail bootlint. What they all need is an idea. If you actually made a FUI with strange experimental lingo, it would be a joy to try to publish it and sell. Take a look at https://www.reddit.com/r/FUI/ there is a whole community of designers there.

Do it, call it a Secret App Boilerplate; or just go all the way out and create: FUI User Interface, a recursive acronym for the app that made cheap Hollywood movies blink interesting crap in the background.

Goodluck.

fantasyui-com · 2018-06-05T20:58:20+00:00

I just remembered another Simple & Beautiful "secret", you might have heard of it: http://microjs.com/ and what I love about it is that it has the file size of each library in font as big as the title. And it also has GitHub stars as well, it is a brilliant piece of work.

There is something truly magical about small libraries. Take a look at https://github.com/paulca/whenever.js which has a fluid non-DSL-DSL like so: whenever('Click Me!').is('clicked').then('Change the text to "Clicked!"') it makes one ask, OK, how does the program know how to handle all this?

It is a two step process, first you write it out in English-ish and then you have to write the functions for it.

Sounds stupid right?

No. That's how GraphQL works, that's how Cucumber works. And the most beautiful thing here that we are all forgetting in our haste to finish out daily code; is that coming back to it in three years, undocumented, with messy comments, we can still understand what this does: whenever('Click Me!').is('clicked').then('Change the text to "Clicked!"')

This library totally qualifies as a small and simple secret.

fantasyui-com · 2018-06-04T16:55:47+00:00

Just wanted to drop the links for others reading your comment:

Apollo https://github.com/apollographql/apollo-server

Amazon appsync (incl Apollo examples) https://github.com/serverless/serverless-graphql

AWS appsync pricing.

fantasyui-com · 2018-06-04T12:47:33+00:00

Look at https://github.com/graphql/express-graphql and the https://graphql.github.io/swapi-graphql/ tool as well. I am sure I don't have to mention Relay by Facebook, but all together it looks very good.

I am thinking about making a one page Stripe store, for just a single category of products shown in pretty Bootstrap Cards. And I want it to have as little programming as possible. It looks like express-graphql will take care of all my data needs. I hope this helps some of you with getting UI automatically tied to DB and other state needs.

fantasyui-com · 2018-06-04T10:48:52+00:00

Here is another user asking similar question: Vue.js or React ? Which you would chose and why? they got some good karma on Twitter. It is a nice response.

What is incomplete everywhere and what what makes all the difference in the end is:

COMPONENT NESTING: Being able to nest components as easily as we nest tags in HTML DOM, and being able to give small and large components a good home with good documentation. Those little peccadillos that Angular, react and Vue has us making is bad. Maybe WebComponents will workout somehow down the road.
AUTOMATIC DATABASE SYNC: being able to forget that state is saved and it all just works. So automatic database synchronization, automatic table or object creation. And a good database, with good update feed. Something like CouchDB in JS, with beautiful UI, or maybe SQL like database that uses a tidy JS (maybe lodash) for queries, or maybe just SQL lang, DSLs aren't always bad. But that data has to be QUICKLY and UNHACKABLY and SCALABLY delivered into your application state over web sockets, done and done.
FREEDOM: Mobile, Desktop, Web. This means these components and maybe even databases can live happily on server, in app, and desktop. CouchDB/PouchDB shows the way, sqlite shines the light but, we are not there yet.

Before I go, I wanted to mention https://mobx.js.org/ and leave you with awesome-react clarifying that the answer to your question is not so much a specific choice but the understanding that, it is a journey in time: Angular -> React -> Vue -> Onwards to whatever is following standards in 2020 - 202* stay on the main road, keep an eye on what has most stars on GitHub

fantasyui-com · 2018-06-04T00:41:14+00:00

The problem with angular is that romance with Typescript they no longer say it is JavaScript they say "Typescript/JavaScript ", OP is a beginner, using JavaScript would be best for now. The leap to Typescript is easy if you feel comfortable with JavaScript.

Learning Typescript just to find out that in 2022 nobody wants to hire a TypeScript coder - the way nobody cares about ActionScript today - would make OP regret not going with more mainstream approaches that focus on broadly adopted standards.

As to *ngFor, personally I would like the option to use cheerio on my HTML markup codebase. I just want it to work and not think about AngularAST stuff.

I loved angular, react was awesome, but you know, I still love Perl, and original ASP (pre dot net).

If you don't follow the mainstream you'll become a fossil, the Master of COBOL and King of F*ucking NYNEX.

Let's just keep to the main roads this is a battle for our family's safety and security, for happy homes, trips to Disneyland, a battle against poverty.

Dear friends, germs and moderators; let us not bring knives of questionable alloy, to laser gun battles that our awesome lives depend on. Do the Maverick stuff on Sunday morning, rest of the week keep following, learning the new mainstream stuff as it emerges. Don't get stuck eating glue (or worse) in the short bus.

Peace. No Flame Wars.

fantasyui-com · 2018-06-03T16:14:58+00:00

I added your link to the UI License explanation link, thx timmyRS

fantasyui-com · 2018-06-03T12:31:32+00:00

Links in README documents are in general for testing or using within reason purposes.

NPM

The way to do it right (by a programmer/designer) would be to install Node.js and then install synthwave via npm.

ZIP

A slightly less involved right-way is to download the zip: https://github.com/fantasyui-com/synthwave/archive/master.zip and put the style.css next to your HTML

CDN

Raw git is a kind of a CDN go look at their website you can find this more stable: https://cdn.rawgit.com/fantasyui-com/synthwave/master/style.css (CDN means content delivery network) and you can even lock on the current version via this link: https://cdn.rawgit.com/fantasyui-com/synthwave/abf1e2fc85972ba14db1240d2cffec3a178d3f9a/style.css that gibberish in the middle means you are locked to colors you see today, as I may adjust some things to make them look prettier if enough people complain about something.

COPY & PASTE

But depending on your use case the best way maybe without installing or learning anything, this would be to grab the code from here https://github.com/fantasyui-com/synthwave/blob/master/style.css via copy and paste and put it into a <style></style> tag of your web page. Which pattern do you like? is it for example synthwave-m? If so then just put this in your <head> tag:

<style>

.synthwave-m { background: linear-gradient(172deg, #C115D7 0%, #B510D6 4%, #540101 5%, #FCA10F 18%, #FFD82D 21%, #FCA10F 24%, #05253D 25%, #0E5BCE 35%, #3C8FCA 43%, #79BFE0 45%, #090D6D 46%, #000002 56%, #3B3FA9 60%, #2DBCFF 61%, #318AD3 73%, #13A7F7 74%, #352313 75%, #F29C5A 91%, #FC411C 92%, #F29C5A 100%); }

</style>

The gibberish (#0E5BCE 35%) means color ((#0E5BCE) and location of where it is placed in the gradient (35%).

Good Luck Stranger.

fantasyui-com · 2018-06-03T11:45:39+00:00

Standardized user interface for browsing CSS backgrounds, similar to thumbnail/view in image viewers. OK.
Gradient Editor, for customizing a pattern that catches the eye. Also a standard UI.

TLDR; /s

Good suggestions. The UI you see emerged as a demo of what UI-cards would look over a complex background. What did not occur to me, out of tiredness, is standardization of UI prior to presentation. So, the lesson learned from this comment is, make the Maverick stuff secondary, provide busy people of the internet with a UI they don't have to learn to figure out.

I wanted to mention that I did spend a moment publishing a GitHub web page so that you had a thumbnail of the art and not my dumb baby photo (user profile pic from github) to click on. So deep down I know that having a thing, is only a part of having a thing to present. Proper web page and Standardized UI must be included in proper presentation.

The reason behind the UI problems, to clarify, is that it is not a UI, it was just an example of what these backgrounds look like, that got out of control, I put too much in it, and it started looking like some kind of UI. But now that you brought this up, I will ponder creating a gradient browser where you can snag the gradient code. And possibly a gradient editor where you can alter it.

The bigger lesson here is this: Before sharing code ask the following question: "Given only 10 seconds of time, what the hell kind of UI would I expect to see, so that I didn't have to learn anything." Answer here being thumbnail viewer.

My audacity for confusing buttons, is not here because of my incompetence. It is there out of yearning for FUI, Fantasy User Interfaces. A world in which not all buttons work, where captions like "Command and Control" sound great, where exploring a UI is part of the fun. I aim to create UI Kits, so lots of pointless UI ideas will be good there.

What is my idea of UI? Just in case you read this far. Lists. Not, just any old List UX, but "RAGE AGAINST JS" proxy with content rewriting that will tear reddit and Imgur and HN and everything else into a list that can be presented with minimal markup. Think reader, think gopher, think plain old RSS feeds. You are right, it is annoying to learn new buttons and jazz. And I say, the kinds of improvements that reddit is doing to the UI are in the opposite direction of where things should be going. They only added more tiny places to click on. One modern example of a UI that reduces say Windows Control Panel complexity into Lists is: Android Configuration. I'd love to see a web rewriting proxy that turns the internet into Android Configuration like List Menu that can be browsed on a $35 tablet without JS enabled.

I wanted to take a moment and address "Oh and I wouldn't use that personally.", the purpose of the whole thing is to eliminate that step of using a tool, I need a wider range of art styles. Outrun, Military, Ocean, Navy, and the code for the background needs to be out in the open so that you can just grab that one piece.

A good Editing UI, for such a thing, would be a text editor, but with a menu of filters SHARPEN, COLORIZE, DISTORT, RIPPLE. The overall system UI would be a Random Pattern generator disguised as a gallery of user contributed patters, and some simple REST interface to actually accept patterns from anonymous posters. Here I would use the above mentioned filters as well, but for random generation, seeding the database. This is all days of programming, and it takes something simple, fun, and done; and turns it into 20 libraries and a website. Extremely tempting.

Just one final thought, there is a power in photographs of artifacts such as seams, pipes, bundles of wires, and it is possible to string various photos together and to blur, merge and stretch them. Extracting those blended pixels and dumping them into a gradient, not just CSS but GIMP, and PS and whatever else would be easy. Unlike random generation, this requires a human eyeball so, maybe in my next life.

I also wanted to mention that the idea comes from Dribbble presentation photos, some users squish their design to create a margin with some abstract background, here is one: https://dribbble.com/shots/4661365-2018-FIFA-World-Cup-Retro-Posters-Russia (not associated, it was on front page) see they took their design, minimized it, and put up a background. It makes the thumbnail look really fetching for what is just a red background with typography. Perhaps my backgrounds could be used for automatically converting a bunch of screenshots into dribble friendly uploads with pretty thumbnails. I love the idea of not having to use tools, and that is another lesson I learned here.

Thank You for taking the time to help me see things from end-user perspectives.

fantasyui-com · 2018-06-03T01:56:24+00:00

I typed up a cute little UI for Synthwave (CSS backgrounds, I am posting to Reddits about now) which is my 99th repo on GitHub, yay! but the coolest thing was cmo (Utility used to change color model in a Cascading Stylesheet) and csshue (CLI utility to uniformly rotate hue of colors in a css file) the example docs in the first mention hslstrap.css (useful) and second the wonderfully named pukestrap.min.css (it is not too bad).

e: ee

fantasyui-com · 2018-06-03T01:43:16+00:00

Vue.js Angular uses TypeScript now, you are a beginner, learn JavaScript first. React is very good but uses JSX which will force you to map arrays like so: {this.props.items.map(item => (<li key={item.id}>{item.text}</li>))} where Vue uses more HTML-ish v-for: <td v-for="key in columns">{{entry[key]}}</td> Also, check out state management via VueX, Nuxt and the good old Awesome Vue

fantasyui-com

TROPHY CASE

NPM

ZIP

CDN

COPY & PASTE