Yes, Codebits are what you are looking for. There are also other sites that are similar:
http://codepen.io/ http://jsfiddle.net/ http://liveweave.com/
If you are just testing and not showing other people, you can do that on your own computer. The JavaScript interpreter is built into your web browser so you just need a decent code editor and you are all set.
This should do the trick:
<style> .slide-up { position:relative; padding-bottom:100px; display: block; width:100px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.slide-up:hover { -webkit-transform: translate(0,-50px); -moz-transform: translate(0,-50px); -o-transform: translate(0,-50px); -ms-transform: translate(0,-50px); transform: translate(0,-50px); } </style>
<span class="slide-up">My text here</span>
Here is a demo of this.
your function should be: (also note the spelling difference in getElementById)
function myname() { return document.getElementById('name').value; }
then your onclick event should be
alert('Thank you for visiting ' + myname())
That worked for me in this liveweave: http://liveweave.com/liwXa0
I found:
Brackets - free, open source, by Adobe.
NetBeans - open source
BlueGriffon - open source
Webflow
Sublime - "Used it for everything from config files to .js to .php to .py." not open source
Open Element - free, not open source
vvveb.com/vvvebjs/editor.html - create multi-page site, free.
htmlpen.com - visual editor, code editor and result all side by side. create multi-page site, free.
liveweave.com - online Javascript tool (+ html, css)
If I understand it correctly, you wan't to detect whether a string (your notes) include a specific word?
If so, you could use String.includes method? Checks whether a specific string is in the sentence
Short example:
var string1 = "Hello world"; var check = string1.includes("world");
I hope I didn't misunderstand, let me know if this is what you looked for or not
EDIT: I have some spare time, so if it was indeed what you were looking for, I took some time to write a little function for you to see if your notes includes the word "world". It returns true or false below the textarea depending on whether or not the word is included. :) (the display window in bottom-right corner is a bit to small, so make it larger and you will see the messages of true/false when clicking on button)
It is just a smaller site. In fact some of the difficulty im having is scaling down the very intricate CSS because all i want is a blog page.
This is the code template at the moment.
or
https://jsfiddle.net/pton800b/
The problem im trying to solve is the gaping space in the left side.
The space remained due to me deleting the side nav bar. The navigation menu is gone but the space is still there. How do I get rid of the space?
Is that even the right question? Should I try to float the other elements to the left or make the space absolute to set the z index of the left space to 0?
How do i even find the "empty" space selector?
Apologies for my obscene noobdity
This link is where I got the template from
The link doesn't work anymore so HERE is a better version.
The improvements are:
* 1: The numbers are now in propper order.
* 2: The cursor is now a pointer (little hand) when hovering over buttons.
* 3: The square root button now works.
I believe Boot Strap would be a perfect framework to use for this. Here is an example I whipped up. You can expand the preview panel to see the page better. I made the header 960px wide (which can be changed easily). I made the left and right grid elements span 3 columns, and the center grid element spans 6 columns. This can also be easily changed. All 3 grid elements are centered vertically. I hope this helps.
I use liveweave.com a lot, simply because it has an awesome code-completion feature. Being a designer and dealing with CSS/jQuery a lot, I find it very useful.
> but I would much prefer that most code help posts be removed. Reddit does not work well as a Q&A site, at least not in the same capacity that StackOverflow does. I would much rather host the "unanswerable" type questions that SO won't allow, as those are the most interesting IMO. "Why isn't my onclick firing" just gets old, and there's very little chance of someone with a similar problem finding it again here on redd