Archive for HTML

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/

How to – Bypass YouTube restriction without logging in Google

Posted in How to, Internet, Privacy, Tweaking with tags , , , , , , , on May 20, 2014 by Sirusdark

I noticed websites had embedded YouTube videos and not a single age restriction/login prompt. After making such an observation, I tried embedding videos in a simple custom HTML page and it worked!

Why

Ever wanted to watch a movie trailer on YouTube only to be asked to login to view it? Then you decide the movie isn’t to your liking, but Google thinks you like this type of movie and start showing weird videos/ads suggestions? I got fed-up with that.

Simpler, faster

Guess what? There’s an easier and simpler way to do it than manually coding an HTML page every time: JSFiddle!

1. Copy the YouTube embeded code from the video’s sharing option

2. Go on JSFiddle and paste-it in the HTML section

3. Run the code.

Voilà! Problem solved. Google won’t ask you to login and won’t associate the viewed video to your account, since you’re not logged in. Right?

Enjoy!

Sirus
sirusdark.ca

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

Microsoft Outlook – Extract and save all embedded images

Posted in Software with tags , , , , on July 12, 2013 by Sirusdark

Sometimes, you may receive an e-mail that contains embedded images that you want to save. It’s easy to right-click an image and save the image. But backgrounds? That’s impossible…

Since it’s impossible, here’s how:

STEPS

1. Open Outlook (duh) then open the e-mail.

2. File -> Save as – > choose “HTML (*.htm, *.html)“, then save it anywhere you want.

It will create an html file (the e-mail) AND a folder with every images your e-mail had. Open that file and copy the image(s) you want! When you’re done, simply trash everything (your e-mail is still in Outlook, so don’t worry, it’s not even linked).

EXTRA

If the picture you’re looking isn’t in the folder, it means it’s on the web. Simply open the HTML in your browser (Firefox), open AdBlock, find the picture you want and save it!

Enjoy!

Sirus
sirusdark.ca