最新版！WordPressのブログやサイトの運営に役立つプラグインのまとめ | コリス

2015/11/10 139 users コリス バックアップ セキュリティ パフォーマンス アンケート

WordPressのデザイン、記事の投稿、コンテンツ配信、検索エンジン最適化、メンテナンス、バックアップ、セキュリティ、パフォーマンス、アンケート、ショッピング機能など、ブログやサイトの運営に役立つWordPressのプラグインを紹介します。 WordPress Plugins We Use プラグインは、海外のWeb制作系ブログ「CSS-Tricks」で実際に利用されている厳選プラグインで、それ... 続きを読む

保存版！CSS3で出来る素敵なデザインやアニメーションをまとめてみた

2015/02/04 523 users アニメーション CSS3 table-cell 保存版 横幅

この擬似クラスを使うことにより3番目のli要素にわざわざ別のクラスを付けなくても独自のスタイルを適応することができるので、運用性の向上が図れます。 ▼記事リンク Useful :nth-child Recipes | CSS-Tricks 要素を均等に横並び CSS3の「display:table-cell」は要素を均等に横並びにすることができます。「float」でも要素を横並びに出来ますが、横幅... 続きを読む

Centering in CSS: A Complete Guide | CSS-Tricks

2014/09/02 137 users A Complete Guide

Centering things in CSS is the poster child of CSS complaining. Why does it have to be so hard? They jeer. I think the issue isn't that it's difficult to dCentering things in CSS is the poster child o... 続きを読む

CSSの「:nth-child」をマスターするための図解いろいろ | IDEA*IDEA

2011/06/17 160 users nth-child useful IDEA CSS ここらへん

あ、これはいいかも。CSSの「:nth-child」を理解するための図がいろいろ紹介されていましたよ。 ↑ ここらへんは基本。 ↑ こんなのとか。 ↑ こういうのも。 ↑ にゃるほど。 図解がすんごくわかりやすいですね。一度目を通しておくと良さそうです。こちらからどうぞ。 » Useful :nth-child Recipes | CSS-Tricks 続きを読む

[CSS]パンくずの実装はどのようにするのがよいかの考察 | コリス

2010/11/10 396 users コリス ul要素 チュートリアル ol要素 CSS

パンくずは何要素で実装していますか？　ul要素？　ol要素？　p要素？ パンくずをどのように実装するのがよいかの考察を紹介します。 先日紹介したCSS-Tricksの「画像を使用しないでApple風のパンくずを作成するチュートリアル」に寄せられたコメントから考察されたもので、各ポイントを意訳したものです。 パンくずのマークアップの考察のきっかけ -ul要素で同列配置 パンくずのマークアップの考察 ... 続きを読む

[CSS]大きい画像をブラウザのサイズに合わせて背景に表示するスタイルシート | コリス

2009/09/11 244 users background-imageプロパティ コリス 余白

CSS-Tricksから、大きい画像を余白を作らずにブラウザのサイズに合わせて、背景に表示するスタイルシートを紹介します。 Perfect Full Page Background Image 下記、それを実装する要件とテクニックを二つ、それぞれポイントをピックアップして紹介します。 実装の要件 前提として、画像のサイズを調整する必要があるため、background-imageプロパティでの配置は... 続きを読む