Webで文章を書くときに最初にやっておくCSSの設定

Webサイトやブログを見てもらうためには、読みやすい文章を書く必要があります。読みやすい文章とは?? 「結論から述べる」「1文の文章量を適切なものにする」などいろいろな技法があります。 しかし、文章を書くための技法は一長一短で身につけられる…

【WordPress】トップページ表示用テンプレートの使い方

WordPressのトップページ表示用のテンプレート「front-page.php」「home.php」「index.php」の利用方法を実際にテーマを作成して紹介します。 「home.php」「index.php」の両方のテンプレートが1…

MITやCCなどライセンスごとの利用方法

Webアプリを一から十まで全て自作するということはあまりなく、Web上に落ちている画像やプラグインまたはページのテンプレートなどを使用して作成していくのが一般的だと思います。 そしてWeb上の落ちているものには、ほぼ100%ライセンスがつい…

CSSで三角形を描く方法

CSSを使ったデザインも年々進化して、角を丸くしたり影を付けて見たりと画像と見分けが付かないほどになってきています。 今回はそんなCSSのデザイン技術の一つで三角形を作る方法を紹介したいと思います。三角形をCSSで作れれば、ボックスを合わせ…

CSSで作るフラットなアイコンセット

CSS3から丸角用のプロパティ(radius)や傾きを付けれるプロパティ(transform)などが実装されたため、今まで画像として作成していた複雑な形がCSSで作れるようになりました。 今回は、CSS3がどこまで画像の代わりなるか?出来る…

無料で使えるフラットアイコンフォント「Genericons」

「Genericons」はWordPressのデフォルトテーマ「TwentyFourteen」にも使用されているアイコンフォントです。汎用的なアイコンが揃っており、CSSで色やサイズが簡単に変更できるため、どんなWebサイトやブログに合うよ…

CSSで作るツールチップ

少ない表示領域を補うためや、ページをスッキリされる手段としてツールチップは良く利用されます。 jQueryやjavascriptを利用したリッチなツールチップのプラグインは良く見かけますが、今回はCSSのみでツールチップを実現してみました。…