Found as a byproduct of following +Jeroen Wiert Pluimers …:
Which is a cool site:
Examples of common UI elements and interactions with HTML and CSS alone.
Source: You Might Not Need JavaScript
–jeroen
Archive for the ‘HTML’ Category
Found as a byproduct of following +Jeroen Wiert Pluimers …
Posted by jpluimers on 2017/01/18
Posted in CSS, Development, HTML, HTML5, JavaScript/ECMAScript, Scripting, Software Development, Web Development | Leave a Comment »
Contrast Rebellion – to hell with unreadable, low-contrast texts!
Posted by jpluimers on 2017/01/11
Contrast:
When making the contrast of the text lower and lower…designers need to think of
- elderly
- users with bad vision
- low quality monitors
- bad lighting and glare
- reading on tiny screens
Source: Contrast Rebellion – to hell with unreadable, low-contrast texts!
–jeroen
Low-contrast font color and unreadable texts? To hell with them!
Share this:
Posted in CSS, Development, HTML, HTML5, Software Development, Web Development | Leave a Comment »
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:
- Hack 35 Explore a Document Tree with the xmllint Shell :: Chapter 3. Transforming XML Documents :: xml hacks :: XML :: eTutorials.org.
- Your XML friend XPATH command line xmllint » Linux by Examples. (it uses the grep command which is not in the official command table below)
- The xmllint Shell. (mentions the grep command, but no example of it)
- openSUSE Lizards: Playing With XPath Expressions in The xmllint Shell.
- Re: [xml] xmllint – Browsing in file with default namespace.
- xpath – Possible to process XHTML with Saxon? – Stack Overflow.
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.
Share this:
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:
- Code: Render Markdown as unrendered Markdown (see http://jsbin.com/huwosomawo).
- Demo: JS Bin – Collaborative JavaScript Debugging.
–jeroen
Share this:
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 »
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.
- Page2RSS – Create an RSS feed for any web page (can work without login).
- html2rss – Convert a HTML web page to a RSS feed.
- RSSxl Beta – RSS Generator (now defunct).
- Feed43 : Convert any web page to news feed on the fly (needs login).
–jeroen
Share this:
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.
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 »
The Wiert Corner - irregular stream of stuff 