The Wiert Corner – irregular stream of stuff

Jeroen W. Pluimers on .NET, C#, Delphi, databases, and personal interests

  • My badges

  • Twitter Updates

  • My Flickr Stream

  • Pages

  • All categories

  • Enter your email address to subscribe to this blog and receive notifications of new posts by email.

    Join 1,860 other subscribers

Archive for the ‘HTML’ Category

A great way to interactively browse xml/xhtml/html on the console: xmllint –shell

Posted by jpluimers on 2016/10/12

A while ago, I heard about xmllint, a program that can parse and query xml from the command-line.

Later, I discovered it can also parse html, can recover from xml/html errors and has an interactive shell that has a lot of commands (see table below) to navigate through the loaded command.

The relevant command-line options:

--recover
--html
--shell

Note that --recover will output failing input to stderr. You can ignore that using 2> /dev/null

Some good examples of usage are here:

The table of shell commands:

Shell

xmllint offers an interactive shell mode invoked with the –shell command. Available commands in shell mode include:
Command Parameter Description
base display XML base of the node
bye leave shell
cat node Display node if given or current node.
cd path Change the current node to path (if given and unique) or root if no argument given.
dir path Dumps information about the node (namespace, attributes, content).
du path Show the structure of the subtree under path or the current node.
exit Leave the shell.
help Show this help.
free Display memory usage.
load name Load a new document with the given name.
ls path List contents of path (if given) or the current directory.
pwd Display the path to the current node.
quit Leave the shell.
save name Saves the current document to name if given or to the original name.
validate Check the document for error.
write name Write the current node to the given filename.

–jeroen

via xmllint.

Posted in Development, HTML, HTML5, Software Development, Web Development, XML, XML/XSD, XPath | Leave a Comment »

Convert HTML to Markup using CSS – Render HTML as unrendered Markdown – see http://jsbin.com/huwosomawo

Posted by jpluimers on 2016/03/02

Convert HTML to Markup using CSS:

–jeroen

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

Posted in Development, HTML, HTML5, Power User, SocialMedia, Software Development, Web Development, WordPress | Leave a Comment »

Watch changes on html pages that do not have RSS

Posted by jpluimers on 2015/06/15

A few tools that help you watch changes in html pages, even these pages do not have RSS: they make a feed out of a page.

–jeroen

Posted in Development, HTML, Power User, Software Development, Web Development | 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.

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:


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.

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:

  1. frameset
  2. head meta refresh
  3. 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:

Read the rest of this entry »

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:

 

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* ….

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

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 »

Posted in Development, HTML, HTML5, Software Development, Web Development | Tagged: | Leave a Comment »