旧ブログナビ (open/close)
classを指定するだけで簡単にCSS3のアニメーションが追加できるjQueryのプラグイン「CSS3 Animate It」を試してみました。 (2014年7月7日追記) 制作者さんのサイトがリニューアルされた様でURLが変更になっていたので一部リンク先を修整しました。 ダウンロード ダウンロードは本サイトかGitHubから。本サイトの方でダウンロードのボタンをクリックすると「Please consider a donation :)」って言われますが、とりあえずお試しなので0£で…。ちなみに国内サイトではめったに使わないかもしれませんが、「£」の参照は「 >>続きを読む
先日こちらのページで各種webサービスのガイドラインに関する内容を見ました。 >>Find Guidelines – The fastest way to brand assets. このカラーガイドラインを参考にさせて頂いて、CSSでカラー設定をまとめたので置いておきます。各webサービスへリンクを置く事も多いので、そういう場合を想定しています。もし需要あればコピペで使ってくださいな。 ※こちらにサンプルソースに関する追記があります。 各webサービスのカラーをa要素の背景色に指定 各webサービスのカラーをa要素の背景色に当てたものです。 a要素のhref属性に各サ >>続きを読む
GitHubのアイコンフォント Octicons が公開された >>GitHub、アイコンフォント「Octicons」を一般公開 – 窓の杜 ということで、Octiconsをダウンロードしてみました。アイコンは作るのも面倒だし、こういうのがあると便利ですね。177のアイコンが収録されているとのことで、ボリュームもあります。 >>Octicons ダウンロード webフォントの使い方 >>Octicons ファイルをダウンロードしてサーバーにアップする。 →octicons.css をページに読み込む。 →ページ内の使いたいとこで、<span >>続きを読む
まえがき（長いから飛ばしていいですよ） CSS大好きなのにCSSな話を何も書いていない事に気付きました。WPのカテゴリの中に最初に「CSS」ってカテゴリだけ作ったのにとんだ見切り発車野郎でした(>ω<) 先ほど1行だけCSS追加したので、CSS話を書きたい(｡･ω･｡)ﾉ その前に、とりあえず謝罪です。実のところ、このブログは実験的な意味も含めておりまして…古いブラウザへの配慮はほとんどしておりません。ごめんなさいごめんなさい。最新版じゃないブラウザで見ると、このサイトのブロックは大変な事になっちゃうです。知ってるです。ごめんなさいごめんなさいすみません。でもまぁ内容はなんとか読め >>続きを読む