Clik here to view.
XML and HTML escapes
While reviewing some client’s code, I noticed they were generating and parsing XML and HTML by hand (do not ever do that yourself!). Before refactoring this into something that uses libraries that...
View ArticleClik here to view.
Many more event videos available at Channel 9 (was: PDC10 – view Microsoft...
Dang; I thought this had long left the posting queue, but somehow it ended in the drafts (: Since then, many more event videos made it to Channel 9, including Build 2011, and TechDays 2012. Anyway,...
View ArticleClik here to view.
Displaying formulas using HTML (via: More TVM–calculating the IRR :...
I saw julian Bucknall post some beautiful formatted functions in a few of his Algorithms for the masses blog and wondered how he did it. \[a = P . r^N . \frac { (1 – r) } { (1 - r^N) }\] Why is his...
View ArticleClik here to view.
Word Clouds and algorithms to generate them
While preparing for the Category Cloud series of posts, I found a lot of helpful links. Here they are: Tag Cloud Font Distribution Algorithm | Echo Chamber Project. Carso Leong’s Blog: Create Tag Cloud...
View ArticleClik here to view.
inessential.com: Brian’s Stupid Feed Tricks
If you think it’s easy to deal with RSS read this: inessential.com: Brian’s Stupid Feed Tricks. It reminds me so much about handling StUF. –jeroenFiled under: Development, HTML, HTML5,...
View ArticleClik here to view.
Parameters for use in a Google Maps URL (zoom level, position, map-type, etc;...
Thanks for StackOverflow user xordon for this answer: This is current accepted way to link to a specific lat lon (rather than search for the nearest object)....
View ArticleClik here to view.
Interesting series of Chrome Development articles by Umar Hansa | Nettuts+
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...
View ArticleClik here to view.
Generating complex math visualizations in SVG using C# and ILNumerics – Scott...
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:...
View ArticleClik here to view.
Generate HTML Tables Clean and Fast
I wish I had found about Generate HTML Tables Clean and Fast years ago. Every once in a while I want to generate the source code for an HTML table with some content easily. I’ve found no tool doing...
View ArticleClik here to view.
HTTP protocol requires you to escape spaces (usually with %20 or with +), but...
Since the time that spaces are allowed in path and file names, it has caused confusion. I personally like the readability of spaces, but still tend to avoid them as they usually cause more harm than...
View ArticleClik here to view.
HTML Best Practice: Get your HEAD in order (via: Eric Law; IEInternals on...
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...
View ArticleClik here to view.
EU Cookie Regulations vs. Google+ plugins (via: Gerwin Sturem; Google Drive)
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...
View ArticleClik here to view.
Sample: Cast Media Player for Streaming with DRM (via: Shawn Shen – Google+)
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...
View ArticleClik here to view.
Redirect to another web-site using a frame/frameset
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...
View ArticleClik here to view.
One line browser notepad (via: Jose Jesus Perez Aguinaga)
Smart, it works in any modern html5 capable browser: https://gist.github.com/jpluimers/7024532 Be sure to look at the blog post and comments at Jose Jesus Perez Aguinaga : One line browser notepad as...
View ArticleClik here to view.
Pastebin, but for HTML? – Stack Overflow
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...
View ArticleClik here to view.
Watch changes on html pages that do not have RSS
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)....
View ArticleClik here to view.
HTML Cleaner – (not only) Word to clean HTML
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...
View ArticleClik here to view.
Convert HTML to Markup using CSS – Render HTML as unrendered Markdown – see...
Convert HTML to Markup using CSS: Code: Render Markdown as unrendered Markdown (see http://jsbin.com/huwosomawo). Demo: JS Bin – Collaborative JavaScript Debugging. –jeroenFiled under: CSS,...
View ArticleClik here to view.
A great way to interactively browse xml/xhtml/html on the console: xmllint...
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...
View ArticleClik here to view.
Contrast Rebellion – to hell with unreadable, low-contrast texts!
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:...
View ArticleClik here to view.
Found as a byproduct of following +Jeroen Wiert Pluimers …
Found as a byproduct of following +Jeroen Wiert Pluimers …: Joe C. Hecht originally shared: Found as a byproduct of following +Jeroen Wiert Pluimers http://youmightnotneedjs.com/ Which is a cool site:...
View ArticleClik here to view.
Decode URLs from The Great Suspender after a browser restart fails to reload...
Hosted at: Decode URLs from The Great Suspender after a browser restart fails to reload them Converts URLs like these:...
View ArticleHTML indentation: 2 spaces
Using too many editors in too many environments, tabbed files usually kills my productivity. Not just because the structure of the indented code, also because most editors are stupid enough to also use...
View ArticleSome Atom.io packages I have installed for html editing
These packages come in for HTML editing in Atom.io: [WayBack] emmet Emmet – the essential tool for web developers [WayBack] atom-wrap-in-tag Wrap tag around selection [WayBack] close-tags Closes HTML...
View Article301 & 302 Redirect Generator Tool
[WayBack] 301 & 302 Redirect Generator Tool is a simple and cool tool: Generate code to permanently or temporarily redirect your old URL to a new URL using htaccess, PHP, HTML, JavaScript, ASP or...
View ArticleHow to make an iframe fit or fill 100% of its container’s remaining height –...
There are a lot of suggested solutions out there: mostly not working when I tried them, and some required several lines of code which seems unnecessary for such a simple issue. [WayBack] How to make an...
View Articlejoshbuchea/HEAD: A list of everything that could go in the HEAD of your HTML...
HEAD – A list of everything that could go in the of your document Wow. head is like a page by itself. Source [WayBack] joshbuchea/HEAD: A list of everything that could go in the of your document Via:...
View ArticleClik here to view.
Need to check out which weather widgets I can get working for a really long...
Need to check out which weather widgets I can get working for a really long period of time with a refresh every minute. [WayBack] Jeroen Pluimers on Twitter: “@Weerplaza ik heb via de widgets op...
View ArticleSome links for scaling and responsive resizing iframes
As I need both responsive resizing and zooming iframes one day: [WayBack] Making Embedded Content Work In A Responsive iFrame — Smashing Magazine [WayBack] How can I make an iframe responsively scale?...
View ArticleLoad testing a web server on Windows using the ApacheBench benchmark tool...
Based on: Download the most recent x64 Apache binaries for Windows from [WayBack] Apache VC15 binaries and modules download (at the time of writing:...
View Articlesome links that helped me fiddle with iframe elements
I need to document this properly later, but here are some links I used when fiddling with iframe elements: [WayBack] javascript – Multiple iFrames Next To Each Other – Stack Overflow [WayBack] html –...
View ArticleCDATA inside JavaScript or style section of HTML? They are for backward...
As a back-end person, sometimes I wondered about CDATA in front-end HTML code was for, especially in JavaScript and CSS style elements. [WayBack] HTML vs. XHTML – WHATWG Wiki explains how to be...
View ArticleClik here to view.
ls colour codes on OpenSuSE tumbleweed when accessed from Mac OS X ssh
`ls` colour codes I got confused as I thought red text would mean an error. But they’re not: greenish yellow on a read background means error (a symbolic link to a place that’s no longer there). It’s...
View ArticleClik here to view.
CSS flex-box layout – Wikipedia
Being a back-end and library person by heart, I am always late in the web-UI game, so this is on my list of things to try: CSS flex-box layout – Wikipedia. I saw it being used by [WayBack] markdownlint...
View ArticlePeeking under the hood of redesigned Gmail – Boris – Medium
From a while back, but still relevant as the speed of the GMail web-UI still has not improved. [WayBack/Archive.is] Peeking under the hood of redesigned Gmail – Boris – Medium Via: [WayBack] Craig...
View ArticleDimensions – Chrome Web Store
[WayBack/Archive.is] Dimensions – Chrome Web Store: A tool for designers to measure screen dimensions This extension measures the dimensions from your mouse pointer up/down and left/right until it hits...
View Articlehtml – Is it possible to specify a starting number for an ordered list? –...
Since I keep forgetting this has been possible since the introduction of html 5: [WayBack] html – Is it possible to specify a starting number for an ordered list? – Stack Overflow: If you need the...
View ArticleTables with two headers • Tables • WAI Web Accessibility Tutorials
Since I always forget that you can have any cell marked as th to make it a header: [WayBack] Tables with two headers • Tables • WAI Web Accessibility Tutorials. This is not just limited to top rows,...
View ArticleHTML table border styles
I always get confused when I see this kind of HTML: <td style="border: 1px black; border-style: none solid solid;"> This raises questions like: When less than 4 borders are mentioned, which...
View ArticleClik here to view.
HTML Div Table – Online Tools
[WayBack] HTML Div Table – Online Tools: Free online tools to make Div Table composing a piece of cake! HTML table generator and converter with interactive source editor and much more! I hope this...
View ArticleSimple iframe clock via Free Clocks for Your Website
Using [WayBack] Free Clocks for Your Website, I created this clock for a 1920×1080 web dashboard which is a web page hosted on [WayBack] raw.githack.com with an iframe hosted at www.timeanddate.com I...
View ArticleClik here to view.
css color picker – Google Search
Probably old, but there is an embedded [WayBack] css color picker – Google Search that on each refresh switches colours: –jeroen
View Articlehtml – How can I scale the content of an iframe? – Stack Overflow
I used [WayBack] html – How can I scale the content of an iframe? – Stack Overflow as starting point to scale some iframes. In my case, I had to scale up (by a 25% so a factor 1.25) instead of scale...
View Articlehtml – CSS Display an Image Resized and Cropped – Stack Overflow
[WayBack] html – CSS Display an Image Resized and Cropped – Stack Overflow (thanks [WayBack] roborourke!); see full answer link for runnable snippet and HTML (the WordPress editor keeps fucking up...
View ArticleClik here to view.
Naughty naughty no alt: CSS style to clearly show which images lack an alt-text
The CSS from [WayBack/Archive.is] Naughty naughty no alt that shows the below red moving rendering of images that do not have an alt-text is simple: <style> body { margin: 5vw; } img { max-width:...
View ArticleClik here to view.
HTML cleanup tool & simplifier. For basic & clean HTML 🔧
I have used other on-line HTML cleanup tools in the past (especially for including parts of web-pages in a blog post), but so far none beats HTML Washer: [Wayback] HTML cleanup tool & simplifier....
View ArticleClik here to view.
I love the way it shows “Duden Offline”
This does not happen often, and I found the way that [WayBack] Duden Offline is indicated hilarious! It’s just a “basic” HTML page showing the meaning of “Wartung” (German word for Maintenance). Duden...
View ArticleClik here to view.
The horrors of HTML email where there CSS
[Archive.is] Kat Maddox on Twitter: “Who’s the CEO of emails I need to talk to him… “: This is why dreamweaver still exists. [Archive.is] Kat Maddox on Twitter: “You don’t need a time machine to go...
View ArticleClik here to view.
Chrome Print dialogue not offering fit to page, landscape, other printing...
Some sites manage to disable various printing options (including layout, so you cannot choose between landscape and portrait any more, or force landscape when portrait works better or vice versa)....
View Article