[CSS]スクリプト無しでこんなにかっこいいスライダーが実装できるとは！ -radio click through
画像が右からスライドし、それに続きコンテンツを配置した半透明のパネルが追いかけるようにスライドするコンテンツスライダーを紹介します。 実装はHTML/CSSで、スクリプトは無しです。 radio click through スライダーの動作の仕組みはラジオボタンで、チェックが入ったコンテンツを表示します。 実装はこんな感じ。 HTML 各パネルはリスト要素で、ラジオボタンとラベル、コンテンツがセットになっています。 <div id="gal"> <nav class="galnav"> <ul> <li> <input type="radio" name="btn" value="one" checked="checked"/> <label for="btn"></label> <figure> <img src="image.jpg"/> <figcaption> <h4>見出し</h
ガーリーデザインに使える！可愛い商用可フリー素材・素材サイトまとめ
可愛らしいものが大好きです、Kanaです。 私がガーリーなデザインをする際によく使う素材や、素材サイトをまとめました。 可愛らしいレース柄や、お花、パターン素材など、使い勝手のよいものばかりです。 ガーリーデザインのポイントをまとめた、ガーリー好きがお届けするガーリーデザインのポイント5つもあわせてご覧ください:) 2015/12/4：写真素材カテゴリを追加しました！ それでは、素材を提供してくださる方々に頭を下げつつ、ご紹介したいと思います。 商用可のサイトや素材を集めていますが、詳細な規約は、ご利用の際ご自身でご確認ください。 1.イラスト素材2.レース素材3.フレーム素材4.パターン素材5.テクスチャ素材6.写真素材 ガーリー素材 やさしい色使いの、かわいいイラスト素材がいっぱいのサイト「ガーリー素材」。非常に完成度が高くて、いつも利用させていただいてます！ eps、png形式で配布
JavaScript のデバッグ時にオブジェクトを調べるのに console.dir を使うと便利
<script type="text/javascript"><!-- function print_r(obj) { var count_obj = 0; function _output(str) { document.writeln(str + "<br/>"); } function _print_r(obj, name, level) { var s = ""; if (obj == undefined || level > 4) return; for (var i = 0; i < level; i++) { s += " | "; } s += " - " + name + ":" + typeof(obj) + "=" + obj; _output(s); if (name == "document" || typeof(obj) != "object") return;
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
