Archive for the Coding Category

Free Online WYSIWYG HTML editors

Posted in Browser, Coding, Free Stuff, Open source, Resources with tags , , , on November 3, 2014 by Sirusdark

[ This post has a FREE BONUS ]

Hello fellow following readers!

I apologies for the delay (3 weeks). I had some finish posts, but after reviewing them, I decided to flush ’em instead of sticking to the schedule to post crap.

Now, let’s get back to useful stuff!

You may have noticed that many online forms, chats, forums or comment forms often offers text editing tools right from your browser to help embellish/edit your text. If you ever wondered where to find the resources to implement these tools in your own pages/websites, search no more! :D

Here is a listing of online text-editors tools I’ve been compiling for some time now, along with live working example. They are listed by tool’s “engine”:

CKEditor Engine (www.ckeditor.com)

http://htmleditor.in

http://bestonlinehtmleditor.com/

http://www.quackit.com/html/online-html-editor/

-http://www.html.am/html-editors/online-html-editor.cfm
(DEAD LINK – Left it for reference purposes)

TinyMCE Engine (www.tinymce.com)

http://wusiwyg.online-toolz.com/tools/wysiwyg-editor.php

Other engines/not 100% sure

http://online-html-editor.org/

http://www.htmlinstant.com/

http://www.timsfreestuff.com/HTMLEditor/

AmyEditor (www.amyeditor.com)

When I first began collecting the resources you see here, AmyEditor was live. Unfortunately, today the website is down and I haven’t been able to track down the source code (yet)… If you ever happen to find it, please send me a copy or link!

I hope you’ve found these resources useful for your next project! Follow/send me comments if you ever feel like it!

FREE BONUSLeague of LegendsPlay for FREE League of Legends today!
League of Legends is a fast-paced, competitive online game that blends the speed and intensity of an RTS with RPG elements. Plus, it has cool artwork.

Enjoy!

Sirus
sirusdark.ca

Extra Resources
-https://wordpress.org/plugins/ckeditor-for-wordpress/
-http://wordpress.ckeditor.com/

l0I! Fonts and programming

Posted in Coding, Methods with tags , on July 12, 2014 by Sirusdark

fonts_headerLO0iIl – now, can you tell which character is a zero? Letter “o”? “i”? Lowercase “l”? Probably not. The only way to differentiate them is by the FONT‘s type. A good font lets you differentiate these characters. WordPress’ default font does an average job at it, since we can tell the difference between all characters, except for the zero “0” and the letter “o”. That’s a problem.

I’ve realized for quite some time that most fonts ARE crap when it comes to programming/coding. When characters that should and MUST be different look the same, you have problems. Especially when coding sensitive stuff; a single wrong character can sometime very often be fatal in software programming.

Hack ‘n’ Slash

Slashed-zero should be mandatory, but some weirdos still think it’s more “beautiful” without the slash. Communication is always the number one issue in any organization. Non-slashed zeroes is the path to the dark side. Non-slashed zero leads to confusion, confusion leads to costly mistakes, costly mistakes leads to suffering.

It’s like those people who, wanting to do well, write down their passwords for the sysadmin in uppercase to make sure each characters are readable… and wonder why the next morning the password they asked for isn’t working… (recurring true story)

Consolas

Here’s for example the font I’m now using and strongly recommend:

CONSOLAS

Try it in your favorite editor like Notepad++ and see by yourself the difference! It’s usually included by default, so no need to download any external font libraries.

CMD

Note that you can change Windows CMD console’s font with a quick Regedit. (See references)

FREE BONUS

notepadpp_logoGet Notepad++ for free!

Enjoy!

Sirus
sirusdark.ca

References
-http://stackoverflow.com/questions/4689/recommended-fonts-for-programming
-http://www.hanselman.com/blog/UsingConsolasAsTheWindowsConsoleFont.aspx
-http://en.wikipedia.org/wiki/Consolas
-http://www.youtube.com/watch?v=kFnFr-DOPf8

Extra Read
-http://openfontlibrary.org/
-http://understandingfonts.com/
-http://stackoverflow.com/questions/2276764/courier-new-with-slashed-0-zero-and-distinct-1-one

Ubisoft’s web programmers love humor! function iesux()

Posted in Coding, Games, Internet with tags , , , , on April 24, 2014 by Sirusdark

Ubisoft LogoI was looking at some website’s script files as usual and I stumbled on something that made me smile. I was looking at Ubisoft’s Watch Dog website and saw this in one of their JavaScript script’s code:

function iesux()

//IE Sucks

In this extract, this first line is a function’s name and the second is a comment written by a programmer.

Meaning

IE is a very well known abbreviation for Microsoft’s famous Internet browser, Internet Explorer. As for the rest, you can guess yourself. :D

IMPORTANT NOTE

Please note that Internet Explorer isn’t bad, nor does it “sux”: this code is used to display a prompt for people using an obsolete version of IE, which is dangerous and doesn’t offer all the latest features of modern web browsers. For the regular Joe and Joanna users out there, IE is fine, but it doesn’t pack all the feature that power users & developers need.

Enjoy!

Sirus
sirusdark.ca

Reference
-http://static9.cdn.ubi.com/resource/en-CA/game/watchdogs/watchdogs/wd_loc.js

How to save and download JSFiddle code

Posted in Browser, Coding, Open source, Tweaking with tags , , , on April 10, 2014 by Sirusdark

JSFiddle Logo

JSFiddle is AWESOME to test any code or when you simply need to iterate quickly some code. But there’s no way to simply save everything all together at once. Here’s a hack to do just that!

Simply add “embedded/” orembedded/result/” at the end of your JSFiddle URL! You can then save the whole page as an MHT or HTML file + the external libraries (if any)!

Hack it, grab it

1. Add embedded/result/ at the end of the JSFiddle URL you wanna grab.

2. Show the frame or the frame’s source code: right-click anywhere in the page and view the frame in a new tab or the source  right-away (requires Firefox).

3. Finally, save the page in your preferred format (MHT, HTML, TXT, etc.) and voilà!

4. Don’t forget to save any external libraries that you may have called.

“embedded/” or “embedded/result/” ?

Here’s an example of a JSFiddle code I created: http://jsfiddle.net/R3C6p/

As you  can see, you can’t view it as a single HTML page. Now, check it out with the modified URL: http://jsfiddle.net/R3C6p/embedded/ and http://jsfiddle.net/R3C6p/embedded/result/. Notice that the embedded version allows you to switch each sections, while the result version only shows your code’s result. That’s the one you’ll need to open the frame to grab the source code (Ctrl+U).

That’s it!

FREE BONUS! Shattered Planet Logo

Available on iOS now!

I’ve personally playtested that game: it’s fun!

Enjoy!

Sirus
sirusdark.ca