純規の暇人趣味ブログ

首を突っ込んで足を洗う

「 Web制作 」 一覧

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タグ内でも問題無くインデントする方法を考えてみました
続きを読む→

[WordPress]oEmbedの記事埋め込みをレスポンシブ(?)にする

  2016/01/19    Web制作

WordPress4.4からoEmbedとか言う機能を使って、WordPressサイトの記事を埋め込むことが出来る様になりました
すなわち、自分のサイト内の他のページもこのoEmbedで掲載出来ると言う訳です。

しかし、この機能「レスポンシブに強くなりました」的な事を言っているWordPress4.4の意に反してレスポンシブではありません、レスポンシブの欠片もありません。

なので、今回はCSSを1つ追加するだけで出来るレスポンシブ(?)をご紹介します。
続きを読む→

[WordPress]サイトアイコンを設定した際に自動で追加されるiconヘッダを無効にする

  2016/01/11    Web制作

新年あけてしまいましておめでとうございます。
そこそこにこそこそやってます。

さて、WordPressにサイトアイコンと言う機能があり、これを設定すると自動でfaviconや記事の埋め込みの際に設定したアイコンが表示されるようになります。

このブログでは記事の埋め込みにアイコンを設定する目的で設定しているのですが、これを設定するとfavicon用のアイコンヘッダが自動で出力されてしまい、別途自分でアイコンを設定している場合には2重にiconヘッダが存在してしまいます。

そのため、今回はサイトアイコンを設定しつつ、faviconヘッダを出力しない方法をご紹介します。
続きを読む→

プログラムでMinecraftのスキンから頭だけを抜き出す方法

  2015/10/01    Web制作 ,

運営するサーバーのサイトにユーザーのスキンを表示したい、なんて需要はあるでしょう。

で、それの手法とか。具体的には顔の部分だけトリミングする方法です。
続きを読む→