Question

New tools for OpenStudy?

Answer 1

As we all know, colors and fonts can make a huge difference in tutoring - especially for visual learners like me. I think there should be a font format tool (like the one in Microsoft Word) with options like color, font size, bold, italics, underlined, fonts, etc. Now, I know there is LaTeX, but writing in Latex can be very complicated to do and requires one to really learn all the codes for it. Let's face it - very few are going to take the time to do that. If fonts and colors were more easily available to the users, it could really help in tutoring classes like math and science.

And, hey! Who doesn't like fonts and colors?

Answer 2

Anyone have any ideas?

Answer 3

I feel like this would be a good idea, did you post it in the OpenStudy suggestion box?

Answer 4

wow :O Might want to put that in Thomaster's suggestion box :3 Since these are ideas of what is to come in OS

Answer 5

http://openstudy.com/study#/updates/52e0836ee4b0942cc9de3920

Answer 6

Latex can be tricky to use. LOL @Jamierox4ev3r you copied me >v<

Answer 7

sorreh >.<

Answer 8

But yes, using the suggestion box might be easier.

Answer 9

yeah, we're just ambis... we don't know anything xDD moderators will probably know more, and a good place to start would be through Thommy's box ^_^

Answer 10

kk lol :D

Answer 11

I agree. For now, we'll have to use LaTex and the Notebook option.

Don't know what the Notebook is? It gives you easy access to tons of different LaTex formats (of your choice, of course!) it can also be used to store information, like formulas and equations, so you can better help students (:

See: http://prntscr.com/2yuzr3

Answer 12

Cool thanks!!

Answer 13

I posted this is Thommy's suggestion box too :D

Answer 14

I was summoned?

Answer 15

You have been summoned! Your opinion is valued!

Answer 16

What is the question you have pondered?

Answer 17

Wait add tis also to suggestion pls add geography subject also

Answer 18

We're pondering the thought of fonts and colors!

What does thou thinkith of that?

Answer 19

y old english i am not familiar wid old eng

Answer 20

i think it is......................great XD

Answer 21

We already have LaTex and to add a GUI for it would be time consuming and there are far more important things needed for OS, and not enough man-power unfortunately :/

Answer 22

But there is a make-shift GUI, It's very plain and I am working on a new release with a friendly GUI but it's in BETA stages and I rarely have time for it :(

Answer 23

Also it has limited functionalities, let me get it for you.

Answer 24

Thanks!

Answer 25

No problem! It will take me a bit, i'm moving around some hosted files ...

Answer 26

Ok well this is the original version that amistre64 made, I'm not sure if it's exactly what you want but it's the best I can think of.

http://amistre.tk/ColorMe_V1.html

Answer 27

Oh! Silly me xD it has no JavaScript attached *facepalm* let me re-upload it.

Answer 28

kk :D

Answer 29

Ok refresh the page I gave you

Answer 30

\[ \begin{array}l\color{red}{\text{T}}\color{orange}{\text{h}}\color{#e6e600}{\text{a}}\color{green}{\text{n}}\color{blue}{\text{k}}\color{purple}{\text{s}}\color{purple}{\text{!}}\color{red}{\text{}}\end{array} \]

Answer 31

\[ \begin{array}l\color{red}{\text{T}}\color{orange}{\text{H}}\color{#e6e600}{\text{I}}\color{green}{\text{S}}\color{blue}{\text{ }}\color{purple}{\text{I}}\color{purple}{\text{S}}\color{red}{\text{ }}\color{orange}{\text{S}}\color{#e6e600}{\text{O}}\color{green}{\text{O}}\color{blue}{\text{ }}\color{purple}{\text{C}}\color{purple}{\text{O}}\color{red}{\text{O}}\color{orange}{\text{L}}\color{#e6e600}{\text{}}\end{array} \]

Answer 32

Haha you got the hang of it ;)

Hopefully with my in-dev build I can add more functionality like sizing and what not, but like i said, I am always busy D:

Answer 33

\[ \begin{array}l\color{red}{\text{T}}\color{orange}{\text{h}}\color{#e6e600}{\text{a}}\color{green}{\text{n}}\color{blue}{\text{k}}\color{purple}{\text{s}}\color{purple}{\text{ }}\color{red}{\text{s}}\color{orange}{\text{o}}\color{#e6e600}{\text{ }}\color{green}{\text{m}}\color{blue}{\text{u}}\color{purple}{\text{c}}\color{purple}{\text{h}}\color{red}{\text{!}}\color{orange}{\text{}}\end{array} \]

Answer 34

you can thank @amistre64 for that

Answer 35

\[ \begin{array}l\color{red}{\text{T}}\color{orange}{\text{h}}\color{#e6e600}{\text{a}}\color{green}{\text{n}}\color{blue}{\text{k}}\color{purple}{\text{s}}\color{purple}{\text{ }}\color{red}{\text{A}}\color{orange}{\text{m}}\color{#e6e600}{\text{i}}\color{green}{\text{s}}\color{blue}{\text{t}}\color{purple}{\text{r}}\color{purple}{\text{e}}\color{red}{\text{6}}\color{orange}{\text{4}}\color{#e6e600}{\text{}}\end{array} \]

Answer 36

how did he host the html webpage

Answer 37

http://lmgtfy.com/

Answer 38

He's got magic... that's how

Answer 39

^

Answer 40

@pixiedust1 i agree with you..latex can become very tedious and complicated sometimes...especially if u have 2 write a long message(personally i always mess up with the latex and end up writing in normal font :P )

Answer 41

The GUI is great, but it still involves typing it there, copying and pasting, etc. I still think we need a built-in font and color tool too

Answer 42

@KingGeorge

Answer 43

\[ \begin{array}l\color{red}{\text{W}}\color{orange}{\text{o}}\color{#E6E600}{\text{a}}\color{green}{\text{h}}\color{blue}{\text{}}\end{array} \]

Answer 44

\[ \begin{array}l\color{red}{\text{H}}\color{orange}{\text{U}}\color{#E6E600}{\text{Z}}\color{green}{\text{Z}}\color{blue}{\text{A}}\color{purple}{\text{H}}\color{purple}{\text{}}\end{array} \]

Answer 45

@JA1 \[ \begin{array}l\color{red}{\text{T}}\color{orange}{\text{h}}\color{#E6E600}{\text{a}}\color{green}{\text{n}}\color{blue}{\text{k}}\color{purple}{\text{ }}\color{purple}{\text{y}}\color{red}{\text{o}}\color{orange}{\text{u}}\color{#E6E600}{\text{!}}\color{green}{\text{}}\end{array} \]

Answer 46

how is it that you always find yourself on these pages Char mi loe? xD

Answer 47

I have no Idea o.o

Answer 48

ROFL

Answer 49

xD well then. I thank Amistre and Ja1 for this awesomeness ^_^

Answer 50

Same! xD

Answer 51

http://amistre.tk ROFL'D

Answer 52

click all the links ;)

Answer 53

O M G
DYING
JAMIE xD

Answer 54

what about a monkey wrench

Answer 55

\[\Huge \frak{\begin{array}l\color{#0032FF}{\text{L}}\color{#2953FF}{\text{a}}\color{#5476FF}{\text{T}}\color{#7590FF}{\text{e}}\color{#6382FF}{\text{X}}\color{#335BFF}{\text{ }}\color{#335BFF}{\text{I}}\color{#0032FF}{\text{s}}\color{#2953FF}{\text{ }}\color{#5476FF}{\text{T}}\color{#7590FF}{\text{h}}\color{#6382FF}{\text{e}}\color{#335BFF}{\text{ }}\color{#335BFF}{\text{S}}\color{#0032FF}{\text{h}}\color{#2953FF}{\text{i}}\color{#5476FF}{\text{z}}\color{#7590FF}{\text{N}}\color{#6382FF}{\text{i}}\color{#335BFF}{\text{p}}\color{#335BFF}{\text{s}}\color{#0032FF}{\text{ }}\color{#2953FF}{\text{Y}}\color{#5476FF}{\text{o}}\color{#7590FF}{\text{~}}\color{#6382FF}{\text{}}\end{array} }\]

Answer 56

\[\tt \begin{array}l\color{red}{\text{B}}\color{orange}{\text{u}}\color{#e6e600}{\text{t}}\color{green}{\text{ }}\color{blue}{\text{y}}\color{purple}{\text{e}}\color{purple}{\text{a}}\color{red}{\text{h}}\color{orange}{\text{,}}\color{#e6e600}{\text{ }}\color{green}{\text{t}}\color{blue}{\text{h}}\color{purple}{\text{e}}\color{purple}{\text{ }}\color{red}{\text{c}}\color{orange}{\text{l}}\color{#e6e600}{\text{o}}\color{green}{\text{s}}\color{blue}{\text{e}}\color{purple}{\text{s}}\color{purple}{\text{t}}\color{red}{\text{ }}\color{orange}{\text{y}}\color{#e6e600}{\text{o}}\color{green}{\text{u}}\color{blue}{\text{'}}\color{purple}{\text{l}}\color{purple}{\text{l}}\color{red}{\text{ }}\color{orange}{\text{g}}\color{#e6e600}{\text{e}}\color{green}{\text{t}}\color{blue}{\text{ }}\color{purple}{\text{t}}\color{purple}{\text{o}}\color{red}{\text{ }}\color{orange}{\text{a}}\color{#e6e600}{\text{n}}\color{green}{\text{y}}\color{blue}{\text{ }}\color{purple}{\text{o}}\color{purple}{\text{f}}\color{red}{\text{ }}\color{orange}{\text{t}}\color{#e6e600}{\text{h}}\color{green}{\text{a}}\color{blue}{\text{t}}\color{purple}{\text{ }}\color{purple}{\text{a}}\color{red}{\text{t}}\color{orange}{\text{ }}\color{#e6e600}{\text{t}}\color{green}{\text{h}}\color{blue}{\text{e}}\color{purple}{\text{ }}\color{purple}{\text{m}}\color{red}{\text{o}}\color{orange}{\text{m}}\color{#e6e600}{\text{e}}\color{green}{\text{n}}\color{blue}{\text{t}}\color{purple}{\text{ }}\color{purple}{\text{i}}\color{red}{\text{s}}\color{orange}{\text{ }}\\\color{#e6e600}{\text{L}}\color{green}{\text{a}}\color{blue}{\text{T}}\color{purple}{\text{e}}\color{purple}{\text{X}}\color{red}{\text{,}}\color{orange}{\text{ }}\color{#e6e600}{\text{w}}\color{green}{\text{h}}\color{blue}{\text{i}}\color{purple}{\text{c}}\color{purple}{\text{h}}\color{red}{\text{ }}\color{orange}{\text{i}}\color{#e6e600}{\text{s}}\color{green}{\text{n}}\color{blue}{\text{'}}\color{purple}{\text{t}}\color{purple}{\text{ }}\color{red}{\text{t}}\color{orange}{\text{o}}\color{#e6e600}{\text{o}}\color{green}{\text{ }}\color{blue}{\text{e}}\color{purple}{\text{a}}\color{purple}{\text{s}}\color{red}{\text{y}}\color{orange}{\text{.}}\color{#e6e600}{\text{ }}\color{green}{\text{:}}\color{blue}{\text{P}}\color{purple}{\text{}}\end{array} \]

Answer 57

woah...dem shades of blue <3

Answer 58

\[\sf \begin{array}l\color{BlueViolet}{\text{J}}\color{Blue}{\text{a}}\color{CornflowerBlue }{\text{m}}\color{RoyalBlue }{\text{i}}\color{LightBlue }{\text{e}}\color{MediumPurple }{\text{ }}\color{MediumPurple }{\text{l}}\color{BlueViolet}{\text{i}}\color{Blue}{\text{k}}\color{CornflowerBlue }{\text{e}}\color{RoyalBlue }{\text{s}}\color{LightBlue }{\text{ }}\color{MediumPurple }{\text{m}}\color{MediumPurple }{\text{y}}\color{BlueViolet}{\text{ }}\color{Blue}{\text{s}}\color{CornflowerBlue }{\text{h}}\color{RoyalBlue }{\text{a}}\color{LightBlue }{\text{d}}\color{MediumPurple }{\text{e}}\color{MediumPurple }{\text{s}}\color{BlueViolet}{\text{ }}\color{Blue}{\text{o}}\color{CornflowerBlue }{\text{f}}\color{RoyalBlue }{\text{ }}\color{LightBlue }{\text{b}}\color{MediumPurple }{\text{l}}\color{MediumPurple }{\text{u}}\color{BlueViolet}{\text{e}}\color{Blue}{\text{.}}\color{CornflowerBlue }{\text{ }}\color{RoyalBlue }{\text{:}}\color{LightBlue }{\text{3}}\color{MediumPurple }{\text{}}\end{array} \]

Answer 59

http://amistre.tk/notfound.html

Answer 60

omg look at what I found in the code: http://i.imgur.com/YJKcQNy.png

Answer 61

Amistre is a cool dude. I admire him :3

Answer 62

How do you make the text bigger? or change the text format?

Answer 63

@Preetha She would probably be the next one needed to comment on this :)

Answer 64

you use \Huge or \large i think

\[\large this ~ is ~ a ~ test ~ for ~ timma ~ O:\]
\[\huge this ~ is ~ a ~ test ~ for ~ timma ~ O:\]
\[\tt this ~ is ~ a ~ test ~ for ~ timma ~ O:\]

Answer 65

Nice Idea, I think OpenStudy needs improvement when it comes to the UX. A simple font selection option would be awesome for the HCI factor.

Either that, or you could just integrate Markdown script. It's much easier than latex.

Maybe something like this http://d13yacurqjgara.cloudfront.net/users/7971/screenshots/1425071/screen-shot-2014-02-15-at-8.00.42-pm_1x.png would be great for the UI.

Answer 66

Let me photoshop something in, brb

Answer 67

Haha horrible example (never did one of these before) but hopefully it gives an idea of what this would be like :)

It would probably be best if users could use the font directly in the writing box, but if it had to be inserted it, that would be fine too

Answer 68

A circuit lab simulator for electrical engineering students

Answer 69

and live blackboard, so it is easier to teach the student

Answer 70

@Jamierox4ev3r woops xD I forgot to hide my work :3

Answer 71

Comp, the notebook button isn't there for me.

Answer 72

Same

Answer 73

Yeah circuit lab will be cool.

Answer 74

@poopsiedoodle what is a notebook button?

Answer 75

@Compassionate linked to a screenshot of it earlier in this thread

Answer 76

But then the Mech folks will ask for a stress-strain simulator.

Answer 77

nice :)

Answer 78

well maybe there is a way that circuit lab will be allowed...
Like Stackoverflow they have it

Answer 79

ooh... and free grammar and spell checker for eng. students

Answer 80

is there an OpenStudy t-shirt? I want one for Free...

Answer 81

@PixieDust1 as said above, we are currently working on actually stabilizing ourselves first and the adding features.

Answer 82

Yup, that's why I don't want to bug Preetha ma'am with suggestions that may be unrealistic at this time. More features = more website bugs. I think the font feature would be important and yet basic to add (at least in comparison to the other 2 options).

Answer 83

Especially since they don't have a whole team of engineers @pixieDust1
I'm helping her with some designs and CSS codes she asked me to do, they're WIP at the moment tho.

Answer 84

Here are two conepts of how the font feature could fit in the UI

Answer 85

Wow cool!! those look really nice. :D

Answer 86

ad some smiley...

Answer 87

Thanks :) and yeah @AntiNode

Answer 88

\[ \large thirty five\]

\[\huge Lets see if it works \]


\[ \huge \begin{array}l\color{red}{\text{L}}\color{orange}{\text{e}}\color{#E6E600}{\text{t}}\color{green}{\text{s}}\color{blue}{\text{ }}\color{purple}{\text{s}}\color{purple}{\text{e}}\color{red}{\text{e}}\color{orange}{\text{ }}\color{#E6E600}{\text{i}}\color{green}{\text{f}}\color{blue}{\text{ }}\color{purple}{\text{i}}\color{purple}{\text{t}}\color{red}{\text{ }}\color{orange}{\text{w}}\color{#E6E600}{\text{o}}\color{green}{\text{r}}\color{blue}{\text{k}}\color{purple}{\text{s}}\color{purple}{\text{ }}\color{red}{\text{w}}\color{orange}{\text{i}}\color{#E6E600}{\text{t}}\color{green}{\text{h}}\color{blue}{\text{ }}\color{purple}{\text{t}}\color{purple}{\text{h}}\color{red}{\text{i}}\color{orange}{\text{s}}\color{#E6E600}{\text{ }}\color{green}{\text{;}}\color{blue}{\text{P}}\color{purple}{\text{}}\end{array} \]

\[ \huge \begin{array}l\color{#00FF00}{\text{Y}}\color{#00FF00}{\text{A}}\color{#00FF00}{\text{Y}}\color{#00FF00}{\text{!}}\color{#00FF00}{\text{}}\end{array} \]

\[\huge \begin{array}l\color{Purple}{\text{T}}\color{pink}{\text{h}}\color{purple}{\text{a}}\color{pink}{\text{n}}\color{purple}{\text{k}}\color{pink}{\text{s}}\color{pink}{\text{ }}\color{Purple}{\text{C}}\color{pink}{\text{h}}\color{purple}{\text{i}}\color{pink}{\text{b}}\color{purple}{\text{i}}\color{pink}{\text{♡}}\color{pink}{\text{}}\end{array} \]

Answer 89

@dumbsearch2

Oooooohhhh are you doing any fancy CSS3 Animations? But then again that would slow down OS xD

Anyway they look nice, much cleaner and sleeker than the current buttons and boxes.

Answer 90

https://api.jquery.com/slideUp/ @JA1

Answer 91

ahh I see, going the route of JavaScript for animations, at least it will still be faster than having it handled by the AJAX

Answer 92

@Preetha

Answer 93

Preetha ma'am, do you have any thoughts about the idea of a font/color option, maybe like the type that dumbsearch2 designed?

Answer 94

I've always felt like there should be a button on the Draw editor to just automatically fill the space with grey graph lines across the whole thing kind of like this: