ホームページ – ページ 2 – ホームページの作り方

jCanvasでお手軽に図形を描画

HTML5 で導入された <canvas> で図形の描画やアニメーションができるようになりました。この <canvas> を jQuery と jQuery Plugin「jCanvas」を使って …

Adobe からオープンソースのフォント「Source Han Serif 源ノ明朝」が公開されました。源ノ明朝は 2014 年にリリースされた源ノ角ゴシックに続く2つ目の Pan-CJK 書体ファミリーです。中国語や …

ニューヨークにあるメトロポリタン美術館が、所蔵するパブリックドメインの画像をダウンロードできるサービスを始めたそうです。 Introducing Open Access at The Met | The Metropol …

ホームページやブログで外部ファイルなしで画像を埋め込むテクニックとして、データURIスキームというものがあります。使い方使い方は次のようにします。 HTMLへの埋め込み普通の<img>タグを作成して、s …

前回、前々回と続けてきたflexboxですが、最後にflexboxを使ってグリッドレイアウトをするサンプルを作ってみました。注 flexbox-grid-samplehttps://github.com/rlated/f …

前回に引き続きflexboxについて簡単にまとめてみたいと思います。今回は、左寄せや上寄せ等、位置揃えがテーマです。横方向の配置横方向の配置はjustify-contentの値で設定できます。左寄せ justify …

CSS3のFlexible Box（flexbox）の使い方を簡単にまとめてみようと思います。 flexbox まず、flexboxを使うと何ができるかということですが、一言で言うとレイアウトができるようになります。fl …

GIMPを使って岩っぽいテクスチャを作ってみようと思います。 1. 512×512のイメージを作成し、Filters » Render » Clouds » Plasma… でプラズマフィルターを実行 Ran …

JavaScriptでarguments.calleeを使うと無名関数の再帰ができるのですが、よく忘れてしまうのでメモしておこうと思います。 arguments.calleeの使い方順にフィボナッチ数を計算していくar …

ホームページの作成にも使える無料で使えるフォントを紹介したいと思います。チョークでかいたようなフォントまずは「チョークでかいたようなフォント」です。チョークで書いたように少しかすれた感じがするフォントになっています。 …