keyes.ie
https://keyes.ie/things/
Recent content on keyes.ieHugo -- gohugo.ioen-usBaseline Background
https://keyes.ie/things/baseline-background/
0001年1月01日 00:00:00 +0000https://keyes.ie/things/baseline-background/Tired of creating background images to help you establish your baseline grid? Baseline Background is here to help. It’s a web app that generates a PNG to help establish a baseline grid. It currently generates the background images used by baseliner.
How do I use it? /* generate a 21px tall baseline */ background: url(http://baselinebg.keyes.ie?h=21) repeat; Customizing The following are the supported configuration parameters: h — height; in pixels, 0–500 r — red; 0–255 g — green; 0–255 b — blue; 0–255 a — alpha; 0–255 s — spacing; in pixels, 1–10 Example This is a light grey solid 27 pixel baseline grid.Baseliner
https://keyes.ie/things/baseliner/
0001年1月01日 00:00:00 +0000https://keyes.ie/things/baseliner/Looking for an easy way to overlay a baseline grid on any webpage? Baseliner is a JavaScript tool that can do just that.
How do I use it? The easiest way to use baseliner is the Baseliner bookmarklet, which always loads the latest code.
If you prefer a custom baseline grid can be created directly:
<script src="http://files.keyes.ie/things/baseliner/baseliner-latest.min.js"> </script> <script> window.onload = function() { baseliner = new Baseliner(); } </script> Change Grid Height The default grid is 10 px high.Jekyll Responsive Embed
https://keyes.ie/things/jekyll-responsive-embed/
0001年1月01日 00:00:00 +0000https://keyes.ie/things/jekyll-responsive-embed/A Jekyll converter plugin that converts YouTube, and Vimeo, URLs into responsive embed markup.
The media URL Mark the URL as being one you want to convert by appending ?jekyll_embed to the URL.
For example this markdown link:
[The Magic Is in The Process](https://vimeo.com/72040407?jekyll_embed)
is converted to:
<style>
.embed-container { position: relative; padding-bottom: 56.25%; height: 0;
overflow: hidden; max-width: 100%; height: auto;
}
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
</style>
<div class="embed-container">
<iframe src="https://player.WordPress Revision History
https://keyes.ie/things/revision-history/
0001年1月01日 00:00:00 +0000https://keyes.ie/things/revision-history/Revision History displays the revision history of a post or page, with links to the content of each revision.