タグ スタイルシート が登録されている動画 : 8 件中 1 - 8 件目
種類:
- タグ
- キーワード
対象:
CSS3でアニメーション実験!思い付きの力技でねじ伏せてみる
HTML5/CSS3を使った描画の実験でアニメーション的な表現がどこまでできるか試してみた。
また、閲覧環境がさまざまな状況でなるべく近い状態でなおかつ割と手間を掛けずに対処する方法を思い付きで実装した力技の実験である・・・
demoサイト http://conyanco.tk/portfolio/
【CSS】スタイルシート入門講座 第6回【Webデザイン】
※第7回が手つかずの状態で,大変申しわけありません… 現実逃避してました…m(_ _;m
スタイルシート講座の第6回目です.navigation領域をいじくっていきます.
※実際にソースコードをいじるのは「6-2」(5:14~10:00)だけですが,その後の6-3.「ブロックレベル要素」と「インライン要素」の内容は,ぜひ押さえておいてください.
・開始前→ http://park2.wakwak.com/~suttoko/css/files/css05.zip
・完成例→ http://park2.wakwak.com/~suttoko/css/files/css06.zip
■前回【第5回】→sm3580829
■【マイリスト】→mylist/6670435
■CSS講座以外→mylist/7571503
【CSS】スタイルシート入門講座 第5回【Webデザイン】
(7/21)3段組の質問ですが,今回の内容を応用して実現できます.いずれフォローを入れますが,ぜひ考えてみてください.m(_ _)m
スタイルシート講座の第5回目です.それぞれの領域ごとに幅と高さを決めたあと,実際にスタイルシートをいじくっていきます.予告通り,最終的には2段組レイアウトになります.
※実のところ2段組は,拍子抜けするくらいあっさりと実現しちゃいます.
※1スライドあたりの中身を詰めすぎたため,少し見づらいかもしれません.反省です… m(_ _;m
・開始前→ http://park2.wakwak.com/~suttoko/css/files/css04.zip
・完成例→ http://park2.wakwak.com/~suttoko/css/files/css05.zip
■前回【第4回】→sm3428239
■次回&最新【第6回】→sm3924568
■【マイリスト】→mylist/6670435
【CSS】スタイルシート入門講座 第4回【Webデザイン】
スタイルシート講座の第4回目です.ストイックにセレクタの記述法を扱ったあと,ようやくCSSのコーディングが本格スタートします.
※セレクタの記述法をある程度ご存じの方は,7:19くらいからご覧いただければと思います.
・開始前→ http://park2.wakwak.com/~suttoko/css/files/css03.zip
・完成例→ http://park2.wakwak.com/~suttoko/css/files/css04.zip
■前回【第3回】→sm3347574
■次回【第5回】→sm3580829
■最新【第6回】→sm3924568
■【マイリスト】→mylist/6670435
【CSS】スタイルシート入門講座 第3回【Webデザイン】
スタイルシート講座の第3回目です.HTMLファイル内の1カ所にスタイルシートをまとめて記述する“内部スタイルシート”を用意して,そこに記述していきます.
※今回,ソースコードへの記述は2回しかしていません.4:12以降の「内部スタイルシートの準備」と,8:35以降にある「h1タグへのスタイル記述」です.
※途中の説明も,それなりに重要な内容になっておりますので,どうか投げ出さずにご覧になっていただければ幸いです.
・開始前→ http://park2.wakwak.com/~suttoko/css/files/css02.zip
・完成例→ http://park2.wakwak.com/~suttoko/css/files/css03.zip
■前回【第2回】→sm3281073
■次回【第4回】→sm3428239
■最新【第6回】→sm3924568
■【マイリスト】→mylist/6670435
【CSS】スタイルシート入門講座 第2回【Webデザイン】
スタイルシート講座の第2回目です.今回は,一気にHTML側を仕上げます.
※時間が17分あります.忙しい方は「前置き〜2−1」と,6:42以降の「2−2」とに分けてご覧ください.
※皆さんのコメント,大変感謝しております.ありがとうございます.
・完成例→ http://park2.wakwak.com/~suttoko/css/files/css02.zip
■前回【第1回】→sm3224325
■次回【第3回】→sm3347574
■最新【第6回】→sm3924568
■【マイリスト】→mylist/6670435
【CSS】スタイルシート入門講座 第1回【Webデザイン】
スタイルシート講座の第1回目です.DOCTYPE宣言を行い,HTMLファイルのひな形を用意します.
※今回の結論は,2:18以降にある「10行分のHTMLファイルの用意」だけです.HTML編集の経験がある方は,そこだけを見ていただければ大丈夫です.
※残念ながら,CSSの記述にはまだ入れません… 次回,構造化されたHTMLを組んでからでないと,CSSを組む意味が半減してしまいます.気長におつきあい下さい….
■前回【第0回?】→sm3208619
■次回【第2回】→sm3281073
■最新【第6回】→sm3924568
■【マイリスト】→mylist/6670435
【CSS】スタイルシート入門講座 第0回?【Webデザイン】
えっと,CSS講座を開きます.ニーズありますでしょうか?
※画質への指摘のおかげで,本編(第1回)から画質を良くすることができました.この場を借りて感謝を申し上げます.
■次回【第1回】→sm3224325
■最新【第6回】→sm3924568
■【マイリスト】→mylist/6670435