 | Jeroen Wiert Pluimer… on Does Odido (the old T-Mobile N… |
 | Lars Fosdal on Security alarm provider Woonve… |
 | Thomas Mueller on Question got closed in May 202… |
 | Thaddy de Koning on Formulier voor bewindvoerders… |
| Thaddy de Koning on Formulier voor bewindvoerders… |
Posted by jpluimers on 2018/01/26
This is why I try to avoid doing web-development: [WayBack] Location, location: location = location … and a 534 other ways to reload the page with JavaScript.
Via [WayBack] location = location … and a 534 other ways to reload the page with JavaScript – ThisIsWhyICode – Google+
–jeroen
Posted in Development, JavaScript/ECMAScript, Scripting, Software Development, Web Development | Leave a Comment »
Posted by jpluimers on 2018/01/11
I wish I had bumped into this when it got released in 2015: [WayBack] badssl.com hosted in the cloud and maintained by two people from Google and Mozilla.
Where ssllabs.com is for checking server-side certificates, this one is for checking clients against many, many (did I already write MANY?) server side configurations both good (with a varying set of security settings like cyphers and key exchanges) and bad.
One of the bad ones is expired.badssl.com which your clients should not be able to connect to without throwing a big error.
Sources are at [WayBack] GitHub – chromium/badssl.com: Memorable site for testing clients against bad SSL configs.
Before using, please read their
Disclaimer
badssl.comis meant for manual testing of security UI in web clients.Most subdomains are likely to have stable functionality, but anything could change without notice. If you would like a documented guarantee for a particular use case, please file an issue. (Alternatively, you could make a fork and host your own copy.)
badssl.com is not an official Google product. It is offered “AS-IS” and without any warranties.
–jeroen
Posted in Communications Development, Development, HTTP, https, Internet protocol suite, Security, Software Development, TCP, TLS, Web Development | Leave a Comment »
Posted by jpluimers on 2018/01/11
Reminder to self: [WayBack] Fiddler for OS X Beta as it’s been on my list since about a year ago: Fiddler for OS X Beta « The Wiert Corner – irregular stream of stuff.
Note that reading the cerficicates can be done in a more simple way for the Current version of Mono:
/Library/Frameworks/Mono.framework/Versions/Current/bin/mozroots --import --sync
I forgot in which version the Mono installer has Current linked to the most recently installed Mono version but it works well.
Executing should then be somethig like this:
/Library/Frameworks/Mono.framework/Versions/Current/bin/mono ~/bin/fiddler-mac/Fiddler.exe
I expect quite some bit of trouble decrypting HTTPS [Arvhive.is] as that was troublesome on Windows in the early Fiddler days as well.
In case of trouble, there is always Fiddler Ideas: Customer Feedback for Fiddler by Telerik . Add a new product idea or vote on an existing idea using the Fiddler by Telerik customer feedback form via [WayBack] Tsviatko Yovtchev: “@jpluimers @ericlaw https://t.co/lRNXC88M1b is our feature suggestion/issue tracker portal. Fiddler itself notifies on new versions.”
Back to the reminder: [WayBack] Fiddler for OS X Beta.
Direct download https://telerik-fiddler.s3.amazonaws.com/fiddler/fiddler-mac.zip.
Downloading Fiddler for OS X Beta…
If your download does not start, please [WayBack] click here to retry
Getting started
If you don’t have the Mono framework installed on your Mac
Please download it from [WayBack] http://www.mono-project.com/download/#download-mac and install it. If you already have it installed, ensure you’re running the latest version.
If you just installed Mono
Please open Terminal and type in:
/Library/Frameworks/Mono.framework/Versions/<Mono Version>/bin/mozroots --import --sync(The Mono framework has its own trusted root certificates store. Currently (at mono version 4.2.4) this store remains empty after installing Mono on OS X. Fiddler uses the certificates in this store to validate the certificates of the websites visited. So you need to populate this store with a set of commonly trusted root authorities to avoid getting constant certificate warnings from Fiddler. The mozroots tool imports trusted authorities from the Mozilla LXR. )
Extract
fiddler-mac.zipto a folder you have write access to.It is recommended that the full path to Fiddler install folder does not contain any Windows path illegal characters. (At present it is possible that some Fiddler functionality, e.g. various file exports or Fiddler Script won’t handle such paths.)
Open Terminal and navigate to the folder you extracted to in step 3.
Type
mono Fiddler.exein Terminal.To further understand the benefits and limitations of Fiddler for OS X please visit [WayBack] this blog post.
–jeroen
Posted in Development, Fiddler, Software Development, Web Development | Leave a Comment »
Posted by jpluimers on 2017/12/20
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 iframe fit or fill 100% of its container’s remaining height – Sikwati
He made a lot of effort to get to this simple construct:
| <iframe src="/sample.pdf" width="100%" style="height: 100vh;"></iframe> |
I tried it at the [WayBack] Spring4d generated documentation and it seems to work fine:
Posted in Development, HTML, HTML5, Software Development, Web Development | Leave a Comment »
Posted by jpluimers on 2017/12/19
[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 ASP.Net
Although using .htaccess files requires Apache to allow AllowOverride All which you might not want to, so here are a few other options and links you might want to check out:
–jeroen
Posted in *nix, Apache2, Development, HTML, HTML5, Power User, Software Development, Web Development | Leave a Comment »
Posted by jpluimers on 2017/12/19
These packages come in for HTML editing in Atom.io:
A few more ideas:
–jeroen
Posted in Development, HTML, HTML5, Software Development, Web Development | Leave a Comment »
Posted by jpluimers on 2017/11/29
Good news the Press-This bookmarklet on WordPress.com has been reinstated.
See https://github.com/WordPress/press-this/pull/29 and the discussions in these below threads and sources.
Solves issues:
Some relevant sources:
Posted in Bookmarklet, Development, Power User, SocialMedia, Software Development, Web Browsers, Web Development, WordPress, WordPress | Leave a Comment »
Posted by jpluimers on 2017/10/12
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 tabs beyond the indentation, for instance for carefully aligned initialisation statements.
Changing the tab-size effectively waves good bye to those.
It’s weird (Wiert loves that word) that HTML peeps even argue about tabs versus spaces:
Most people still use HTML for pixel perfect rendering and spaces help getting character perfect rendering of the source code.
I was glad to bump into [WayBack] Jefferson Lima answering this on Stack Overflow:
The Google HTML/CSS Style Guide and the W3School HTML(5) Style Guide recommend 2 spaces.
This article also brings an analysis of the effect of tabs vs spaces in the resulting file size.
Source: [WayBack] html5 – html indenting standard, tab or two spaces? – Stack Overflow
So: use 2 spacec for HTML indent.
It doesn’t really matter in transmitted size (minified compressed transfer difference is ~0% and the usual image bloat is way larger than the HTML anyway – just try www.webbloatscore.com and watch).
References:
- Indent by 2 spaces at a time.
- Don’t use tabs or mix tabs and spaces for indentation.
Source: [WayBack] Google HTML/CSS Style Guide
- Do not add blank lines without a reason.
- For readability, add blank lines to separate large or logical code blocks.
- For readability, add two spaces of indentation. Do not use the tab key.
- Do not use unnecessary blank lines and indentation. It is not necessary to indent every element.
Source: [WayBack] HTML5 Style Guide
Tabs Spaces Saving Raw file size 1403 bytes 1703 bytes 300 bytes/18% Raw file GZipped 327 bytes 332 bytes 5 bytes/1.5% Raw file minified 1199 bytes 1199 bytes 0 bytes/0% Minified & GZipped 312 bytes 312 bytes 0 bytes/0% When minified, it doesn’t matter if tabs or spaces are used, since they are all stripped away.
–jeroen
Posted in Development, HTML, Software Development, Web Development | Leave a Comment »
Posted by jpluimers on 2017/10/11
I’m a JavaScript n00b, so I like solutions like these:
Another solution:
function capitalizeFirstLetter(string) { return string.charAt(0).toUpperCase() + string.slice(1); }You could also add it to the
String.prototypeso you could chain it with other methods:String.prototype.capitalizeFirstLetter = function() { return this.charAt(0).toUpperCase() + this.slice(1); }and use it like this:
'string'.capitalizeFirstLetter() // String
Thanks [WayBack] Hutch Moore and [WayBack] Deviljho for answering at [WayBack] How do I make the first letter of a string uppercase in JavaScript? – Stack Overflow!
Note you can do it in CSS too as explained by [WayBack] sam6ber:
In CSS:
p:first-letter { text-transform:capitalize; }
–jeroen
Posted in CSS, Development, JavaScript/ECMAScript, Scripting, Software Development, Web Development | Leave a Comment »
Posted by jpluimers on 2017/08/18
Twitter stores images on twimg.com in various sizes.
You specify the size by adding a colon plus suffix to the URL. No colon plus suffix means a default size.
Suffixes you can use see to come from the media entity in Entities in Objects | Twitter Developers:
thumbsmallmediumlargeThere is one undocumented size: orig
The default size seems to be medium.
Examples (full images below):
media entity observed size URL thumb 150×150 https://pbs.twimg.com/media/CiMNh9rWEAAdM6Q.png:thumb small 340×325 https://pbs.twimg.com/media/CiMNh9rWEAAdM6Q.png:small medium 600×573 https://pbs.twimg.com/media/CiMNh9rWEAAdM6Q.png:medium (none) 600×573 https://pbs.twimg.com/media/CiMNh9rWEAAdM6Q.png large 1024×979 https://pbs.twimg.com/media/CiMNh9rWEAAdM6Q.png:large orig 1600×1529 https://pbs.twimg.com/media/CiMNh9rWEAAdM6Q.png:orig
Thanks to Thomas Petricek [WayBack] who poked fun last year on Twitter [WayBack] at both LaTeX and O RLY (the image meme [WayBack], not the text meme)
--jeroen
Posted in Development, SocialMedia, Software Development, Twitter, Web Development | Tagged: coeffects, LaTeX | Leave a Comment »
The Wiert Corner - irregular stream of stuff 