先日、はてなブログにSNSシェアボタンを設置する方法を紹介したのですが、その中で紹介した【はてな】や【Twitter】のデザインはシンプルなものを例にあげました。 そこで今回は、シェアボタンのカスタ...

  はてなブログで記事を公開してユーザーの方に読んでもらった時、TwitterやFacebookなどのSNSでシェアしてもらいたいですよね。 読んでくれた方がシェアしようと思っても、そもそもシェアボ...

  はてなブログで記事を作成する時、大見出し(h2)や中見出し(h3)などを使って書いていくかと思います。 そのような場合に、見出しごとに目次を表示できたら読んでくれた方に、記事の内容を伝えやすくな...

プログラムをエディタで記述していると、いつの間にかインデントがおかしくなってしまい、コードが読みづらいといったことがあるかと思います。 そういった時に、ひとつひとつインデントし直すのは大変ですよね。...

SublimeTextは無料で使えるエディタなのですが、このアプリケーションにはいくつもコマンドが用意されています。 コマンドをうまく使いこなすことでプログラムを書きやすくなるので便利です。 そこで...

WordPressのブログを見ていると、よく「この記事は〇〇分で読むことができます」のような、読了時間を表示している人がいると思います。 WordPressであれば、Insert Estimated...

先日WordPressで運営している記事に、コメントをいただきました。 そこで、コメントを承認し返信しましたが、どうやらコメントの返信では相手に通知が届かないようなんですよね。 そこで今回は、Wor...

WordPressで過去に作成した記事を見ていて、見出しがついていなかったり、見出しが少なかったりしていませんか。 そのような時に、WordPressの記事一覧から見出し(h2,h3)の数を確認でき...

私のブログはWordPressなのですが、テーマにSimplicityを使用させていただいております。 Simplicityのスクロール追従領域というウィジェットを使用すると、記事拡大時にサイドバー...

HTMLのCanvasというコードを使うことによって、WEB上にお絵かきできるサイトを作成することができます。 Canvasの使い方が分かれば、直線や図形を描けるようになるのでチェックしてみてくださ...

cssやhtmlをカスタマイズして、保存してから変更を確認する時に毎回ブラウザを更新しますよね。 そのような時に自動リロードできたら便利だと思いませんか。 今回紹介する「Browsersync」を使...

jQueryでは、cssをいじることによって要素の値を変更することができます。 そこで今回は、jQueryを使って「要素がクリックされたら、その要素を回転させ続ける」方法を紹介します。...

先日、Canvasを使ってWeb上に星や直線、円などを描画する方法を紹介しました。 実はCanvasには「fillText」というメソッドを用いることで「文字」を書くこともできるので紹介します。...

前回、canvasを使って図形や円を描画する方法を紹介しました。 その中で直線を描画した時に線がぼやけて表示されてしまったと思います。 今回はそのような時の対処法について紹介します。...