Posts Tagged HTML

CSSで三角形を描く方法

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

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

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

CSSで作るツールチップ

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

ポップアップで画像を拡大表示するjQuery

画像をホップアップ表示する有名なjQueryのプラグインには「LightBox」があります。 LightBoxほど多機能ではありませんが、画像をポップアップ表示するため処理を実装してみたので紹介します。 ポップアップで画像を拡大表示する ポ…

jQueryで作る開閉式のメニュー

jQueryで何かするときは、自作するよりやりたい処理を実装しているプラグインを探すことの方が多いと思います。 メニューも「メニュー jQuery」で検索すればプラグインが多くヒットしますが、自分んで組んでおいた方が後々メンテや少しメニュー…

jQueryの使い方とバージョンの違いについて

javascriptを使用するに当たって、jQueryという言葉を聞かないという人はいないと思います。 それほどに浸透したjQueryですが、そもそもjQueryとは何なのか?どうやって使えばいいのか?わからない人も多いと思います なので、…

CSSでヘッダーとフッターを常に固定する

ヘッダーとフッターを常に固定の位置に配置する方法。 前にCSSでフッターを画面下部に固定する方法をUpしたので、今回は常に固定する方法をステップ バイ ステップでご紹介します。 ※CSSでフッターを画面下部に固定する方法はこちら ヘッダーと…