Home > TagScript > html、css、Java > html5css3

ベクトルドロー・レベルゼロ

html5,css3全般

新規作成日 2015-11-10
最終更新日

html

videoタグを使ってmp4動画を再生する

ページ内に、動きがあると視線を誘導することができます。videoタグを使うとmp4ファイルを再生することができます。 videoタグは、html5から導入された機能です。videoタグを使用して、mp4ファイルをページ内で再生する方法をまとめました。

CSS3

cssは、スタイルシートにスタイルをまとめることで、サイト全体のスタイルを統一、変更が簡単にできる仕組みです。

css3に進化したことで、アニメーションも使えるようになりました。 アニメーションを利用することで、訪問者の視線を誘導することができるので、より読みやすく、見やすいページにすることができます。 上品なデザインをうまく配置して、サイトの居心地をより快適なものにしましょう。

自分で独自にcssアニメーションを作成するのは大変ですが、 ネット上にいろいろなcssアニメーションの実装が公開されていますので、有効に利用し、運営するサイトのデザインを向上させましょう。

リンクテキスト

ページ内に存在するリンクは、押してもらえるように目立たせる必要があります。 リンクテキストをcssで修飾して、ページの読者に目につきやすいデザインに変更しましょう。

htmlとcssで 文字と画像を横に並べる方法

htmlファイル内にスタイルを記述する

色見本

色見本は自分で作成したいものですが、まあそれはそれ、作成してくれている人のサイトを利用しましょう。

CSS色見本(外部サイト)

未整理分

いまさら聞けないCSS3テクニック集20選!(外部サイト)

いますぐ使えるCSS3テクニック集! コピペ用サンプル付き!(外部サイト)

アイデアの宝庫!CSS3を使ったUI表現・テクニック集 (外部サイト)

積極的に取り入れたい9つのCSS3(+jQuery)テクニック(外部サイト)

すごく役立った!サイト制作でさりげなく使われているCSSテクニックまとめ(外部サイト)

CSSだけで作るamazon風な縦型メガメニュー(外部サイト)

cssジェネレータ

Bootstrap

HTML5 Boilerplate

理解できれば、HTML5のサイトが素早く作れるフレームワークです。

このエントリーをはてなブックマークに追加

Home Editor Tools Operation TagScript HPSpace

Copyright (C) 2011-2015 Horio Kazuhiko(kukekko) All Rights Reserved.
kukekko@gmail.com
ご連絡の際は、お問い合わせページのURLの明記をお願いします。
「掲載内容は私自身の見解であり、所属する組織を代表するものではありません。」