Tutorial Section about elemental HOT 67 CLOSED

Ok, git on it

...I'm so funny right

Next New Years, you should commit to gitting a life. Your puns are so repolsive, I feel the need to push you to prove that I am the master. You better branch away from the bad jokes or I'll have to resolve this conflict myself.

from elemental.

I think we should just use Breadfish. :P

from elemental.

Well, it's been a year! Glad to see progress on this!

from elemental.

live demo, lemme know if you have any feedback before I try to figure out pull requests: https://intro-airhogs777.c9users.io/elemental/index.html?tutorial=true

from elemental.

Because breadfish.gif is amazing

could it be the default img src? I feel like having a filename as the default text is confusing

from elemental.

Looks great! Quick question: why is the default text still breadfish.gif?

from elemental.

Ok, git on it

...I'm so funny right

from elemental.

Agreed, but we have to build the thing first ;)

from elemental.

Yay for the "Planning" tag ❤️

from elemental.

We need Joyride!

from elemental.

That would be cool. :D

from elemental.

But it should be an optional thing - not something that's shoved down a user's throat (make it obvious that it's an option, but don't start the tutorial as soon as the open their first project.)

from elemental.

definitely :P

from elemental.

Don't follow Tynker's path. :P

from elemental.

lol you mean the $50 ripoff of scratch?

from elemental.

Yeah
And not joyride because jQuery

from elemental.

Sorry I haven't been doing anything, busy with ludum dare

from elemental.

user pages please

from elemental.

I'm done with LD becuase I gave up early so I'll do it :P

from elemental.

Here's an interesting site about first-time user experiences (essentially what we're trying to figure out here). Probably worth a read. ;)

http://firsttimeux.tumblr.com/

from elemental.

I can work on this (once we have more...).

from elemental.

I'd prefer we do pages first because there's a lot of stuff in the editor that's not stable at all

from elemental.

Of course! I just found the article and wanted to share it before it was lost. ;)

from elemental.

IK, that was meant for infinity because he asked what to do :P

from elemental.

Oh. :3

from elemental.

remind me why we can't use jquery?

from elemental.

Slow page loads & spaghetti code.

from elemental.

http://lea.verou.me/2015/04/jquery-considered-harmful/

from elemental.

Honestly the only thing I use jQuery for is $.ajax which I should probably just be using promises and XMLHTTPRequests..

from elemental.

yeah jquery's pretty overrated... but everyone uses it for everything, that's the thing

from elemental.

"everyone"? "everything"?

from elemental.

we need https://github.com/usablica/intro.js

from elemental.

+1

from elemental.

No jQuery in this one 💃

from elemental.

Oh wow lol, I tried typing :D and it came out as 💃
💃 is the new 📦 :P

from elemental.

what o.o

from elemental.

Shift Semicolon D Return = 💃

from elemental.

@Dylan5797 enter*

from elemental.

reentry
IN A GIANT BALL OF FIRE

from elemental.

Boom

from elemental.

@Airhogs777 I think you volunteered to do this on the forum thread

from elemental.

yes I did haha

from elemental.

so basically go crazy with it I guess

from elemental.

usablica/intro.js

from elemental.

Looks pretty cool!

It glitches out if I've previously got the palette scrolled or if I press enter when I'm not supposed to. It'll also completely close the tutorial if I press escape - could it be possible to restore the tutorial maybe?

from elemental.

Yes the scrolling issues are something I've been struggling with for hours 📦 -- that's why I decided to give it its own URL where it runs immediately, it makes it harder for the user to screw it up haha. As for restoring the tutorial, it shouldn't be too hard to track your place in case you accidentally exit

from elemental.

@liam4 I think I fixed the scroll issues and removed keyboard commands entirely (except enter, I can't figure out how to get rid of it, I think it's a tabindex thing that needs to be there for accessibility)

from elemental.

oh wait, in the OP @Firedrake969 said we should have a bunch of 'em. I'll start working on a system to load tutorials more on-demand-like.

from elemental.

Because breadfish.gif is amazing

from elemental.

Default text ideas:

• Hello, World!
• I <3 breadfish
• Hello, Elemental!
• Content goes here.

from elemental.

I don't even know why it's breadfish.gif right now lol

from elemental.

K

from elemental.

what is breadfish

from elemental.

Turn up your volume
http://www.breadfish.co.uk/

from elemental.

I have no idea how to get my changes back to you guys, I'm pretty sure I accidentally forked the branch... can I just email one of you a zip of my repo 😞

from elemental.

Forking the branch is a good thing!
Of course, that means you didn't (:P jk sorry I'm being mean) but do you even git?

Yeah go ahead and upload it somewhere or something

from elemental.

NO I DON'T GIT 😡 (jkjk) C9 lets you clone repos but not SSH back into the master branch or whatever without a paid account.

https://drive.google.com/file/d/0BwLpMm1gMerELUVweWlJMmlGT2s/view?usp=sharing
the only existing file that needs to change is index.html, which needs the new line <script src="resources/js/elemental-intro.js"></script> in the head somewhere. The other new files are

• resources/css/intro.css
• resources/js/elemental-intro.js
• resources/js/intro.min.js
• resources/js/tutorials/1.js and 2.js

and adding ?tutorial=[tutorialnumber] to the URL loads the tutorial.

from elemental.

NO I DON'T GIT 😡 (jkjk) C9 lets you clone repos but not SSH back into the master branch or whatever without a paid account.

C9 as in c9.io?

Why you no git? 📦

from elemental.

Why you no git? 📦

mostly because new CLI's scare me until someone has explicitly walked me through everything I'll ever need to do, and git has a lot of things to do. And I can't use the github desktop app 'cause I'm on 10.8

from elemental.

There are only like 10-ish commands you need to know if you want me to write about the ones I use

from elemental.

That would be cool

from elemental.

Cloning repo to PC:

git clone (URL here)

Staging (including) your changes:

git add -A

Committing your changes (last step before uploading)

git commit -m "(insert description of changes)"

Uploading your changes:

git push origin (name of branch you want to push to)

Switching branches:

git checkout (name of branch)

Making new branch and switching to it:

git checkout -b (name of branch)

Getting log of changes (current branch only):

git log

from elemental.

To elaborate...

UNSTAGED CHANGES >> git add -A >> UNCOMMITTED CHANGES >> git commit -m >> OFFLINE CHANGES >> git push origin (branch name)

For misc:

BRANCH1 >> git checkout -b BRANCH2 >> BRANCH2 (new branch)
BRANCH1 << git checkout BRANCH1 << BRANCH2

git branch:
BRANCH1 *
BRANCH2

* = You are here

from elemental.

Has anyone merged those changes in yet? I don't see them anywhere and it's stressing me out... please don't make me figure it out on my own 🙏

from elemental.

I can git now. If y'all are still interested I can add this in myself

from elemental.

Ok #231

from elemental.

Tutorials have been implemented for a while now

from elemental.