純規の暇人趣味ブログ

首を突っ込んで足を洗う

「 Web制作 」 一覧

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制作 ,

こん、
マイクラのマルチ界ではどうやら、自分がログインする→「こんにちは」、その挨拶に返事する→「こん」

と、使い分けされている様ですね。
なんでも、挨拶の返事に返事をしない様にだとか?

さて、そのマイクラ、主にマルチでその存在意義が発揮されるスキン(いわば、見た目)
ここから頭だけを抜き出して拡大するプログラムの作り方を書き留めておこうと思います。
続きを読む→

AjaxでMojangサーバの状態を取得する

  2015/07/09    Web制作 ,

少し前に、「PHPでMojangサーバの状態を取得する」と言う記事を投稿した気がします。
ですが、この記事で紹介しているPHPスクリプト、もちろん、キャッシュが古いと無意味です。

そして、哀しい事に、僕のマイクラ鯖にはアクセスが殆どなく
誰かのアクセスがあった際には既にキャッシュが古いので、なおさら無意味です。

なので、今回はAjax(jQuery)を使って、非同期で実装してみました。
もちろん、非同期なのでページの表示速度に影響しません。
続きを読む→

PHPでMojangサーバの状態を取得する

  2015/05/15    Web制作 ,

みなさん、Minecraftのマルチサーバに接続しようとした時に
「現在、認証サーバがメンテナンス中です。」と言うエラーが出て接続出来ない事はありませんか?

これはMojangSupportから確認出来るのですが、どうせなら自分のサイトに掲載したいです。
なので、この「認証サーバ」なる物の状態をPHPで取得してみようと思います。
続きを読む→

時間が切り替わった時にWebページをリロードするJavaScript

  2015/02/09    Web制作

こんにちは。
ここ最近、Webサイトを色々と作ってみたりして居るのですが

時間が切り替わった時(例:1;59→2;00)にWebページをリロードする必要がありまして
探してもイマイチ欲しい物が見当たらなかったので
JavaScriptを使って自分で作ってみました
もし良ければ使ってみて下さい。
続きを読む→

アイコンファイル(.ico)の作り方

  2014/01/24    Web制作

突然ですが、みなさん、アイコンファイルってご存じでしょうか?

Twitterとかのアイコンじゃないですよ、「.ico」の形式の画像です

この「.ico」ファイル、良く使う割に作り方が少しややこしいので、今回はこの「.ico」ファイルの作り方をご紹介します。
続きを読む→