Sign in

html

A collection of 2 posts
Details element with HTML5
html

Details element with HTML5

GitHubに何かの実行結果を貼ることはよくあるのですが、その中でも縦にながーい行数のテキストを貼る際はよくdetailsタグを使って折りたたんでいます(なるべくそういったものは貼りたくないですが...)。 このタグは使いたいと思った時なかなかワードが出てこないのでメモる(検索してもhtml5以前のjsとかcssでなんとかする記事ばかりヒットする)。 detailsタグはhtml5から導入されたタグで、開閉する要素を簡単に作れるものです。長いログも折りたたんで貼ることが出来るのでコメント欄がスッキリします。 * details 要素 | HTML5 タグリファレンス | W3 Watch Reference こんな感じで書くと...。
hogeコマンド実行結果 hoge hoge hoge hoge ... hoge
こうなる。 hogeコマンド実行結果 hoge hoge hoge hoge ... hoge 便利。
1 min read
Setting the canonical link to ghost
ghost

Setting the canonical link to ghost

CloudFlare one-click SSLを使ってサイトをSSL化しているんだけど、 ページのソースを表示した時にcanonical linkがhttpのままであることを職場のパイセンに指摘されて( ﾟдﾟ)ﾊｯ!っとなったので直した！(割と前の話ですが…！) ghost/config.js内でproductionのurlをhttpsにしてghostを再起動すればOK こんな感じ config = { // ### Production // When running Ghost in the wild, use the production environment // Configure your URL and mail settings here production: { //url: 'http://ghost.ponpokopon.me', url: 'https://ghost.ponpokopon.me', ]... 簡単！