純規の暇人趣味ブログ

首を突っ込んで足を洗う

「 Web制作 」 一覧

Photoshopの「書き出し形式」でWeb用に書き出す

  2019/06/02    Web制作

最近はPhotoshopでブログにアップロードする画像を作ったりしている。

で、「Web用に保存はもう古いよ」とか「書き出し形式を使うんだよ」というのは見かけるんだが、「どこをどう設定するとWeb向けになるよ」みたいなのは見つけられなかったので、それを書く。(単に自分のググり力が足りないだけの可能性もある)
続きを読む→

【Hugo】シンタックスハイライトが不要な時にCSSを読み込まない

  2019/05/25    Web制作

タイトル通りの奴です。Hugoではシンタックスハイライトも静的に実行できるので、jsの実行が減ってクライアント側の負荷を軽減できる。

で、せっかくjsが減って負荷が減ったんだから、どうせなら不必要な時にCSSを読み込まないようにして転送とCSSのパースも減らしたいよね、的な?
続きを読む→

【Hugo】Table of Contentsをjsなしでコンテンツの中に移動する

  2019/05/20    Web制作

ブログの更新サボってるので頑張っていきます。タイトルはSEO的理由で一つに絞っただけで、他にもいろいろ紹介。

HugoのTocは少し機能が貧弱気味なので、それを自力で解決する方法。JavaScriptはナシで。
続きを読む→

libsassをWindows用にコンパイル

  2018/05/05    Web制作

WindowsでSASSを使いたいなと思う事があったのですが、Rubyを導入するのは大変だったのでlibsassを使う事にしました。

というわけで、libsassをWindows用にコンパイルする方法
続きを読む→

お名前.comのドメインオークションでドメインを登録した

  2018/04/22    Web制作

お名前.comのドメインオークションでドメインを登録する事があったのですが、色々と複雑でややこしかったので記事にして記録。

ちなみにこれは2017/10/02~2017/12/30の話で、記事にしようと思ったまま放置していた下書きを掘り起こして書いています。最新の内容には即していない可能性がありますが悪しからず。
続きを読む→

WordPress用のシンタックスハイライトプラグイン作った

  2018/04/08    Web制作

自分用です。が、せっかく作ったので使いたい人向けにGitHubにポイしておくので説明を。
続きを読む→

テスト/開発用のシンプルWebサーバー作った

  2017/12/12    Web制作 ,

ブログのアクセス数がジリジリと1割ずつくらい減っていて焦っています@HimaJyunです。

そんな事はあなたは興味がないでしょうからはやく本文に行きませう、タイトル通りです。自分用に作ったものですが公開します。
続きを読む→

CSSのtransitionを指定するならChrome Developer Toolsが便利

  2017/08/09    Web制作

メールサーバを建ててたのですが、マザボが届かないので時間つぶしにWeb製作をしています。

その過程でChrome Developer ToolsがCSSのtransition指定を超簡単にする機能を備えていることに気づいたのでご紹介。
続きを読む→

Disqusで使えるHTMLタグ一覧

  2017/03/14    Web制作

このブログではコメント欄にDisqusを使用しています。

そのDisqusですが、どうやらHTMLタグが使えたり、シンタックスハイライトが出来たりするみたいです。

案外知られていない機能みたいなので軽くまとめてみました。
続きを読む→

JavaScriptを利用してpreタグをインデント出来る様にする

  2016/04/14    Web制作

preタグは改行や空白をそのままに表示してくれる便利なタグです。
しかし、それ故にpreタグに含まれる要素をインデントする事が出来ず、入り組んだ要素内にあるpreタグのメンテナンス性が低下してしまいます。

そのため、JavaScriptを利用して、preタグ内でも問題無くインデントする方法を考えてみました
続きを読む→