Convert HTML to Markup using CSS:
- Code: Render Markdown as unrendered Markdown (see http://jsbin.com/huwosomawo).
- Demo: JS Bin – Collaborative JavaScript Debugging.
–jeroen
Archive for the ‘HTML5’ Category
Convert HTML to Markup using CSS – Render HTML as unrendered Markdown – see http://jsbin.com/huwosomawo
Posted by jpluimers on 2016/03/02
Posted in CSS, Development, HTML, HTML5, Software Development, Web Development | Leave a Comment »
HTML Cleaner – (not only) Word to clean HTML
Posted by jpluimers on 2015/08/10
A great on-line way to cleanup html (from for instance style information) before publishing it on your blog: HTML Cleaner – Word to clean HTML.
One of the things is does is Remove inline styles.
Ideal for copy-pasting a quote from a web-site to your HTML editor.
–jeroen
via: www.html-cleaner.com
Share this:
Posted in Development, HTML, HTML5, Power User, SocialMedia, Software Development, Web Development, WordPress | Leave a Comment »
Pastebin, but for HTML? – Stack Overflow
Posted by jpluimers on 2015/05/26
Nice question (thanks aplm!), as for instance Gist does not render html:
Pastebin is a useful online tool to paste snippets of text. Pastie is a similar tool. Also, Ideone is similar except that it also runs the source code, as well as being a general pastebin.
Is there a similar tool, for HTML?
And ditto links in the answer (thanks meder!):
Unbelievable that such questions get closed as “not constructive”.
Note I could not get http://www.pastekit.com to work.
–jeroen
via: javascript – Pastebin, but for HTML? – Stack Overflow.
Share this:
Posted in Development, HTML, HTML5, JavaScript/ECMAScript, JSFiddle, Scripting, Software Development, Web Development | Leave a Comment »
One line browser notepad (via: Jose Jesus Perez Aguinaga)
Posted by jpluimers on 2015/02/19
Smart, it works in any modern html5 capable browser:
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| data:text/html, <html contenteditable> |
Be sure to look at the blog post and comments at Jose Jesus Perez Aguinaga : One line browser notepad as they explain why this works, and how to extend it in a couple of really smart way.
–jeroen
via: Jose Jesus Perez Aguinaga : One line browser notepad.
Share this:
Posted in Chrome, Development, Firefox, HTML, HTML5, Internet Explorer, Opera, Power User, Safari, Software Development, Web Browsers, Web Development | 1 Comment »
Redirect to another web-site using a frame/frameset
Posted by jpluimers on 2014/04/30
Every once in a while, you have a domain but the hosting is at another party that does not allow setting the “Host header” for name based virtual hosting.
So then you want to redirect the page to the hosting party, preferably with keeping the URL in the address bar.
Some how, when searching how to do this (I do it once every couple of years), I always miss the WikiPedia entry at the bottom of this post.
Basically, there are a couple of ways for this:
- frameset
- head meta refresh
- JavaScript window.location.href (which is different from top.location.href)
Only the first one keeps the current URL in the address bar of the browser. The other ones will show the new target url in the address bar.
Notes:
- in HTML5, the noframes part is not allowed any more.
- the meta refresh has no extra quotes around the URL, the quotes are around the full text of “0; url=http://TARGET.URL/PATH”
Examples:
Share this:
Posted in Development, HTML, HTML5, Software Development, Web Development | Leave a Comment »
Sample: Cast Media Player for Streaming with DRM (via: Shawn Shen – Google+)
Posted by jpluimers on 2014/04/01
Sample: Cast Media Player for Streaming with DRM
https://github.com/googlecast/CastMediaPlayerStreamingDRM
Flow Diagrams for Senders and Receivers
To help you decide which Google Cast options are right for your app, we have updated the Google Cast SDK documentation with two flow diagrams:
- Sender apps: http://goo.gl/OXzzSL
- Receiver apps: http://goo.gl/RxbVlO
via Leon Nicholls – Google+ – Flow Diagrams for Senders and Receivers To help you decide….
via Shawn Shen – Google+ – * Sample: Cast Media Player for Streaming with DRM* ….
Share this:
Posted in Chromecast, Development, Google, HTML, HTML5, JavaScript/ECMAScript, Power User, Scripting, Software Development, Web Development | Leave a Comment »
EU Cookie Regulations vs. Google+ plugins (via: Gerwin Sturem; Google Drive)
Posted by jpluimers on 2014/03/31
Interesting article by Gerwin Sturm on EU Cookie Regulations vs. Google+ plugins.
It’s not just that the directive causes this nagging because “of course we can’t remember that users haven’t given us consent for storing cookies, because that would require storing a cookie, so the consent banner will always appear until the user has actually given consent.”
Some other valuable tips are in this article as well. Now go read it (:
–jeroen
Share this:
Posted in Development, HTML, HTML5, Software Development, Web Development | Leave a Comment »
HTML Best Practice: Get your HEAD in order (via: Eric Law; IEInternals on MSDN Blogs)
Posted by jpluimers on 2014/03/08
Even though 3 years old, this is still relevant. Thanks Ilya Grigorik for pointing me at it.
Make sure your HTML HEAD tag has the elements in the below order:
- any charset must come first (UTF-8 works best) though even better is to specify this in your http header,
- any any x-ua-compatible comes second.
Why? Read Best Practice: Get your HEAD in order – IEInternals – Site Home – MSDN Blogs.
So the document element starts like this: Read the rest of this entry »
Share this:
Posted in Development, HTML, HTML5, Software Development, Web Development | Tagged: HTML HEAD tag | Leave a Comment »
Generating complex math visualizations in SVG using C# and ILNumerics – Scott Hanselman
Posted by jpluimers on 2013/12/15
Funny how Generating complex math visualizations in SVG using C# and ILNumerics and MathViz (no, not this MathViz!) look so similar.
I hope the MathViz code becomes public one day.
–jeroen
via: Generating complex math visualizations in SVG using C# and ILNumerics – Scott Hanselman.
Share this:
Posted in .NET, Delphi, Development, HTML, HTML5, iOS Development, Mobile Development, Software Development, Web Development | Leave a Comment »
Interesting series of Chrome Development articles by Umar Hansa | Nettuts+
Posted by jpluimers on 2013/10/03
If you (want to) do web-development with Chrome, then be sure to read the articles by Umar Hansa | Nettuts+.
At the time of writing, there were three articles centered around using Google Chrome as part of your developemt suite, and a few more on things like HTML 5 and CSS:
- Chrome Dev Tools: JavaScript and Performance | Nettuts+.
- Chrome Dev Tools: Networking and the Console | Nettuts+.
- Chrome Dev Tools: Markup and Style | Nettuts+.
- How to Use HTML5 History | Nettuts+.
- Start Using HTML5 WebSockets Today | Nettuts+.
- An Introduction to the CSS Flexbox Module | Nettuts+.
- Diving Into CSS Regions | Nettuts+.
Besides the technical insight, I also very much like the writing style. Great job Umar!
–jeroen
via: Umar Hansa | Nettuts+.
Share this:
Posted in Chrome, CSS, Development, Google, HTML, HTML5, Power User, Software Development, Web Development | 2 Comments »
The Wiert Corner - irregular stream of stuff 