-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
fd374a8
commit 00621a7
Showing
1,035 changed files
with
8,107 additions
and
5,787 deletions.
There are no files selected for viewing
This file contains 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
This file contains 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
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1 @@ | ||
| {"type":"getCategories","data":{"categories":[{"name":"UI/UX","_id":"clmkhh8j2003hkzotadej0o62"},{"name":"Misc","_id":"clmkhh8jo003jkzotfudu0bh7"},{"name":"Tools","_id":"clmkhh8jp003lkzot9lipdb2y"},{"name":"JavaScript","_id":"clmkhh8jr003rkzotgpgr7qxo"},{"name":"SQL","_id":"clmkhh8jt003xkzotcv08bc4d"},{"name":"Photo","_id":"clmkhh8k1004lkzot44jz80ff"},{"name":".NET","_id":"clmkhh8k5004xkzot0k8b37cf"},{"name":"Football","_id":"clmkhh8li009ekzot7wcw1job"}]}} | ||
| {"type":"getCategories","data":{"categories":[{"name":"UI/UX","_id":"clmksueck003ik4oucr002rwg"},{"name":"Misc","_id":"clmksuedc003kk4ou26l7ddci"},{"name":"Tools","_id":"clmksuedd003mk4ou9p3j4yr2"},{"name":"JavaScript","_id":"clmksuedh003sk4ou7c2z29ge"},{"name":"SQL","_id":"clmksuedk003yk4ouhr2v96um"},{"name":"Photo","_id":"clmksuee0004mk4ou2jtb0en7"},{"name":".NET","_id":"clmksuee7004yk4ou9rz4fw7y"},{"name":"Football","_id":"clmksuegl009hk4ou2ufp4t3l"}]}} |
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1 @@ | ||
| {"type":"getLatest5Posts","data":[{"title":"Discoveries #26 - JavaScript HowTo's","date":"2023-09-12T05:53:45.000Z","description":"<p>Over time, everyone accumulates links somewhere about procedures that one has not yet internalized. This is also the case with me and JavaScript development. “Damn … what was that about Call | Proxy | Map | <You name it>?!”. Here are 11 of them …</p>\n\n <ul class=\"anchorlist\">\n <li data-anchor=\"#processing-images-with-sharp-in-node-js\">Processing images with sharp in Node.js</li><li data-anchor=\"#use-console-log-like-a-pro-\">Use console.log() like a pro!</li><li data-anchor=\"#simple-swipe-with-vanilla-javascript\">Simple Swipe with Vanilla JavaScript</li><li data-anchor=\"#the-file-system-access-api-simplifying-access-to-local-files\">The File System Access API: simplifying access to local files</li><li data-anchor=\"#an-introduction-to-webassembly-for-javascript-developers\">An introduction to WebAssembly for JavaScript Developers</li><li data-anchor=\"#getting-started-with-the-map-and-set-typed-collections\">Getting Started with the Map and Set Typed Collections</li><li data-anchor=\"#javascript-currying-a-practical-example\">JavaScript Currying: A Practical Example</li><li data-anchor=\"#how-to-use-the-call-apply-and-bind-functions-in-javascript\">How to Use the Call, Apply, and Bind Functions in JavaScript</li><li data-anchor=\"#how-javascript-s-proxy-object-works\">How JavaScript's Proxy Object Works</li><li data-anchor=\"#javascript-waitfor-polling\">JavaScript waitFor Polling</li><li data-anchor=\"#how-to-measure-page-loading-time-with-performance-api\">How to measure page loading time with Performance API</li>\n </ul>","categories":[{"name":"Misc","_id":"clmkhh8jo003jkzotfudu0bh7"}],"tags":[{"name":"Collection","_id":"clmkhh8ke005pkzot1nxv78iu"}],"_path":"post/Discoveries-26-JavaScript-HowTo-s/","_link":"https://kiko.io/post/Discoveries-26-JavaScript-HowTo-s/","_id":"clmkhh8if0031kzotg5zn35j5"},{"title":"Versengold in Concert","date":"2023-09-10T08:59:19.000Z","description":"<p>Since my youth with I hardrock/metal fan, but from good music I let myself convince, even if it does not fit into this scheme. This is what happened with the German medieval/folk band <a href=\"https://de.wikipedia.org/wiki/Versengold\"><strong>Versengold</strong></a> from Bremen, to whose concert in Bochum my better half dragged me one day. And what can I say … the guys are so much fun with their easy-going manner, their good, funny and sometimes profound German lyrics and their shanty-like music, from which the North German sailor tradition can be clearly heard.</p>","categories":[{"name":"Photo","_id":"clmkhh8k1004lkzot44jz80ff"}],"tags":[{"name":"Concert","_id":"clmkhh8n400e8kzot8xvx4oll"}],"_path":"post/Versengold-in-Concert/","_link":"https://kiko.io/post/Versengold-in-Concert/","_id":"clmkhh8j2003gkzot0s1w7fsj"},{"title":"SVWW vs. Schalke @ 2023-09-02","date":"2023-09-02T15:24:24.000Z","description":"<p>On this game, some in my circle of friends have feverishly awaited, especially my neighbor and friend, who for years is an ardent fan of one of the traditional clubs <strong>Schalke 04</strong>. We got six additional tickets for the game in time and with a crowd of 11,003 fans, this was also urgently necessary. The stadium (12,566 standing and seated) was full to the roof. Only one of three blocks of the guests was empty. Some Schalke fans seem to have expected nothing from the game in Wiesbaden. No wonder after table position 15 after the last match day.</p>\n<p>Since season ticket holders get into the stadium a little faster and my friends sat a little scattered in different blocks, I lost sight of them at some point, but that was not tragic, because they had fun.</p>\n<p>To my delight, the booth operators, who I had to criticize last time, actually did a better job today. Two cash registers: one for cash and another for card/smartphone/watch payers. The sale of beer and bratwurst went much more quickly, only I had to stand in line a bit at the fan shop, because I was not yet recognizable as a fan: it had to get a cap and a jersey, of course, finally.</p>","categories":[{"name":"Football","_id":"clmkhh8li009ekzot7wcw1job"}],"tags":[{"name":"SVWW","_id":"clmkhh8mp00dnkzot4r1i2w48"},{"name":"2. Bundesliga","_id":"clmkhh8ms00dykzoteal29pzq"}],"_path":"post/SVWW-vs-Schalke-2023-09-02/","_link":"https://kiko.io/post/SVWW-vs-Schalke-2023-09-02/","_id":"clmkhh8ij003dkzotg8n70uaq"},{"title":"Image Masonry Tag Plugin for Hexo","date":"2023-09-01T14:07:37.000Z","description":"<p>Displaying a few more images than usual in a post is always a bit tricky, because you have to make sure they don’t get too big and drown out the text. But they should not be too small either and the arrangement is also important to consider.</p>\n<p>For this purpose I have so far used my <a href=\"/post/Hexo-Tag-Plugin-Collection/#image-slide\">Image Slider Tag Plugin</a>, but with this you only ever see one of the images and have to scroll through the rest horizontally. A medium sized overview, best in the so called masonry format, where images are automatically assembled based on their size on a limited area, would be much better for some cases. There are a variety of CSS or JavaScript solutions out there on the net, but the most suitable for me was <a href=\"http://macyjs.com/\"><strong>Macy.js</strong></a> … and how I integrated it into my Hexo environment is what I want to describe here.</p>","categories":[{"name":"Tools","_id":"clmkhh8jp003lkzot9lipdb2y"}],"tags":[{"name":"Hexo","_id":"clmkhh8jo003kkzot7z1n8lwr"},{"name":"GitHub","_id":"clmkhh8js003ukzot90vsh2up"},{"name":"Plugin","_id":"clmkhh8kl0069kzot8f1a4lnq"}],"_path":"post/Image-Masonry-Tag-Plugin-for-Hexo/","_link":"https://kiko.io/post/Image-Masonry-Tag-Plugin-for-Hexo/","_id":"clmkhh8ig0034kzothr4z8gd5"},{"title":"Convert HTML into Plain Text in Hexo","date":"2023-08-31T19:58:36.000Z","description":"<p>Hexo, on which this blog is based, is a Static Site Generator (SSG) that generates a whole structure of HTML files from individual Markdown files in which the articles were written. Besides the actual posts, also overview pages like the archives and others. For the latter, however, it only needs an excerpt from the actual article, which Hexo automatically creates from the initially generated HTML content and which is also available as HTML.</p>\n<p>For my <a href=\"/post/Show-pages-meta-data-JSON-LD-in-Bottom-Sheet/\" title=\"Show pages meta data (JSON-LD) in Bottom Sheet\">Page Meta dialog</a>, however, I recently needed the excerpt as plain text to make it easier to transfer it manually to a Mastodon post, for example. My initial attempts to extract the plain text from the original Markdown turned out to be quite difficult, because in Hexo not only Markdown is used, but also special <a href=\"https://hexo.io/docs/tag-plugins\">Tag Plugins</a> in Nunjucks format and of course plain HTML. Long speech, short sense … after the first dozen RegEx-Replace calls, I got doubts to be on the right way and remembered <code>Page.Excerpt</code>, the variant already generated by Hexo in HTML.</p>","categories":[{"name":"JavaScript","_id":"clmkhh8jr003rkzotgpgr7qxo"}],"tags":[{"name":"Hexo","_id":"clmkhh8jo003kkzot7z1n8lwr"},{"name":"Node.js","_id":"clmkhh8lv00aikzot13szg37f"},{"name":"Meta","_id":"clmkhh8mk00d1kzot779ybfha"}],"_path":"post/Convert-HTML-into-Plain-Text-in-Hexo/","_link":"https://kiko.io/post/Convert-HTML-into-Plain-Text-in-Hexo/","_id":"clmkhh8id002wkzot46lwceon"}]} | ||
| {"type":"getLatest5Posts","data":[{"title":"Contribute with Conventional Commits","date":"2023-09-15T15:57:40.000Z","description":"<p>I’ll be honest … I need some Git training. From time to time I contribute small things to GitHub projects and sometimes get confused with all the commands. <code>Fork</code>, <code>Clone</code>, <code>Commit</code>, <code>Stage</code>, <code>Pull Request</code> … all things that mean something to me, but that I certainly haven’t internalized. And so it happens that I sometimes mess up a pull request or something similar.</p>\n<p>Sure, my blog here also lives in GitHub, both in terms of source control and hosting on GitHub Pages, but here I’m the only one committing. No issues, no branches, no pull requests or anything else. I change something, hit commit and I’m done.</p>\n<p>Another point I can’t dismiss: I’m a Windows guy who likes to click buttons. The command line is not for me at all.<br><em>What was the name of the parameter? Do I have to write <code>--param=xxx</code> or <code>/param:xxx</code> … damn where is the button?</em><br>My brain is probably too small for that.</p>\n<p>Visual Studio Code is a big help there … it has buttons! But that doesn’t save me when it comes to Git, because you have to know in which order to press which of these buttons!</p>","categories":[{"name":"Tools","_id":"clmksuedd003mk4ou9p3j4yr2"}],"tags":[{"name":"VS Code","_id":"clmksuedh003rk4oua6rf9r8j"},{"name":"Publishing","_id":"clmksueet0068k4ou51sv8oty"},{"name":"Git/GitHub","_id":"clmksueil00d4k4ou9j5i5mxr"}],"_path":"post/Contribute-with-Conventional-Commits/","_link":"https://kiko.io/post/Contribute-with-Conventional-Commits/","_id":"clmksuebb002wk4oufof224fw"},{"title":"Discoveries #26 - JavaScript HowTo's","date":"2023-09-12T05:53:45.000Z","description":"<p>Over time, everyone accumulates links somewhere about procedures that one has not yet internalized. This is also the case with me and JavaScript development. “Damn … what was that about Call | Proxy | Map | <You name it>?!”. Here are 11 of them …</p>\n\n <ul class=\"anchorlist\">\n <li data-anchor=\"#processing-images-with-sharp-in-node-js\">Processing images with sharp in Node.js</li><li data-anchor=\"#use-console-log-like-a-pro-\">Use console.log() like a pro!</li><li data-anchor=\"#simple-swipe-with-vanilla-javascript\">Simple Swipe with Vanilla JavaScript</li><li data-anchor=\"#the-file-system-access-api-simplifying-access-to-local-files\">The File System Access API: simplifying access to local files</li><li data-anchor=\"#an-introduction-to-webassembly-for-javascript-developers\">An introduction to WebAssembly for JavaScript Developers</li><li data-anchor=\"#getting-started-with-the-map-and-set-typed-collections\">Getting Started with the Map and Set Typed Collections</li><li data-anchor=\"#javascript-currying-a-practical-example\">JavaScript Currying: A Practical Example</li><li data-anchor=\"#how-to-use-the-call-apply-and-bind-functions-in-javascript\">How to Use the Call, Apply, and Bind Functions in JavaScript</li><li data-anchor=\"#how-javascript-s-proxy-object-works\">How JavaScript's Proxy Object Works</li><li data-anchor=\"#javascript-waitfor-polling\">JavaScript waitFor Polling</li><li data-anchor=\"#how-to-measure-page-loading-time-with-performance-api\">How to measure page loading time with Performance API</li>\n </ul>","categories":[{"name":"Misc","_id":"clmksuedc003kk4ou26l7ddci"}],"tags":[{"name":"Collection","_id":"clmksueej005qk4ou4e70b3j9"}],"_path":"post/Discoveries-26-JavaScript-HowTo-s/","_link":"https://kiko.io/post/Discoveries-26-JavaScript-HowTo-s/","_id":"clmksuebf0032k4ouh1tm3qod"},{"title":"Versengold in Concert","date":"2023-09-10T08:59:19.000Z","description":"<p>Since my youth with I hardrock/metal fan, but from good music I let myself convince, even if it does not fit into this scheme. This is what happened with the German medieval/folk band <a href=\"https://de.wikipedia.org/wiki/Versengold\"><strong>Versengold</strong></a> from Bremen, to whose concert in Bochum my better half dragged me one day. And what can I say … the guys are so much fun with their easy-going manner, their good, funny and sometimes profound German lyrics and their shanty-like music, from which the North German sailor tradition can be clearly heard.</p>","categories":[{"name":"Photo","_id":"clmksuee0004mk4ou2jtb0en7"}],"tags":[{"name":"Concert","_id":"clmksuejn00edk4oug9j02si5"}],"_path":"post/Versengold-in-Concert/","_link":"https://kiko.io/post/Versengold-in-Concert/","_id":"clmksueck003hk4ou6k5v32j4"},{"title":"SVWW vs. Schalke @ 2023-09-02","date":"2023-09-02T15:24:24.000Z","description":"<p>On this game, some in my circle of friends have feverishly awaited, especially my neighbor and friend, who for years is an ardent fan of one of the traditional clubs <strong>Schalke 04</strong>. We got six additional tickets for the game in time and with a crowd of 11,003 fans, this was also urgently necessary. The stadium (12,566 standing and seated) was full to the roof. Only one of three blocks of the guests was empty. Some Schalke fans seem to have expected nothing from the game in Wiesbaden. No wonder after table position 15 after the last match day.</p>\n<p>Since season ticket holders get into the stadium a little faster and my friends sat a little scattered in different blocks, I lost sight of them at some point, but that was not tragic, because they had fun.</p>\n<p>To my delight, the booth operators, who I had to criticize last time, actually did a better job today. Two cash registers: one for cash and another for card/smartphone/watch payers. The sale of beer and bratwurst went much more quickly, only I had to stand in line a bit at the fan shop, because I was not yet recognizable as a fan: it had to get a cap and a jersey, of course, finally.</p>","categories":[{"name":"Football","_id":"clmksuegl009hk4ou2ufp4t3l"}],"tags":[{"name":"SVWW","_id":"clmksueiw00dsk4oud029habl"},{"name":"2. Bundesliga","_id":"clmksuej100e3k4ou47goae5p"}],"_path":"post/SVWW-vs-Schalke-2023-09-02/","_link":"https://kiko.io/post/SVWW-vs-Schalke-2023-09-02/","_id":"clmksuebn003ek4ou7n17cvjj"},{"title":"Image Masonry Tag Plugin for Hexo","date":"2023-09-01T14:07:37.000Z","description":"<p>Displaying a few more images than usual in a post is always a bit tricky, because you have to make sure they don’t get too big and drown out the text. But they should not be too small either and the arrangement is also important to consider.</p>\n<p>For this purpose I have so far used my <a href=\"/post/Hexo-Tag-Plugin-Collection/#image-slide\">Image Slider Tag Plugin</a>, but with this you only ever see one of the images and have to scroll through the rest horizontally. A medium sized overview, best in the so called masonry format, where images are automatically assembled based on their size on a limited area, would be much better for some cases. There are a variety of CSS or JavaScript solutions out there on the net, but the most suitable for me was <a href=\"http://macyjs.com/\"><strong>Macy.js</strong></a> … and how I integrated it into my Hexo environment is what I want to describe here.</p>","categories":[{"name":"Tools","_id":"clmksuedd003mk4ou9p3j4yr2"}],"tags":[{"name":"Hexo","_id":"clmksuedd003lk4ou0ggh3h8a"},{"name":"GitHub","_id":"clmksuedj003vk4ouhgdjfhrf"},{"name":"Plugin","_id":"clmksueev006ak4ou8ytr2gyc"}],"_path":"post/Image-Masonry-Tag-Plugin-for-Hexo/","_link":"https://kiko.io/post/Image-Masonry-Tag-Plugin-for-Hexo/","_id":"clmksuebh0035k4oub8ee6rz4"}]} |
Oops, something went wrong.