旧ブログナビ (open/close)
CSSで使用できる単位の種類はたくさんあるのですが、ブラウザの対応状況から考えて一部の限られたものしか使用していなかったです。pxかemか%か…なんて論議も懐かしく思う今日この頃なのですが、今はそれ以外の選択肢も増えてきました。そろそろ今まで使用していなかった単位のおさらいもしておこうかな、と思います。 単位といっても型が色々あるので、今回はよく使う「length型」って呼ばれてるやつのまとめです。サイズ指定等によく使うやつですね。 相対単位 相対単位一覧。内容は仕様書より抜粋。(最下部にリンクおいてます) 単位 相対基準 em 要素のフォントサイズ ex 要素のフォントの x-height >>続きを読む
せっかくの勉強記録ブログなので、普段使わないものも色々試していこうかな、と。今回は「15 CSS blend modes that will supercharge your images | Webdesigner Depot」こちらのページに触発されて、CSS3のbackground-blend-modeを試してみます。 background-blend-modeプロパティ background-blend-modeについて(仕様書) Compositing and Blending Level 1 ブレンドというと、グラフィック系ソフトを使っている方には馴染みのある機能だと思いますが、C >>続きを読む
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 >>続きを読む