去年ぐらいはレスポンシブ対応のナビゲーションというとハンバーガーメニューばかりでしたが、最近ではスクリーンサイズに合わせるだけでなく、コンテンツや階層構造に合わせたナビゲーションが増えてきました。 Webページやスマホページのレスポンシブ対応サイトで最近よく見かけるナビゲーションのアイデアや実装方法を紹介します。
2015年3月18日 CSS 2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 ↑私が10年以上利用している会計ソフト! 目次 Div全体をクリックできるようにする テーブルの偶数・奇数の行の色を変える フォームにテキストを入れておき、フォーカスで消す(文字色も変更) ラジオボタンとチェックボックスを装飾する スライドパネル アコーディオン ツールチップ 言語によってスタイルを変更 横並びのdivの高さ揃える ボックスを上下左右中央に配置する それでは実際にどんな事ができるのか見てみましょう!サンプルも作ったのでコードと
JavaScriptを使わずに背景画像をランダム表示する方法を紹介します。 CSSとPHPファイルで、非常に簡単に背景画像のランダム表示が可能です。 JavaScriptを使用せずに、色々な背景画像をランダムにと表示したいなー。 と思っていたらとても簡単にできましたよ。 Web ≫A List Apart: Articles: Random Image Rotation 上記サイトでダウンロード可能ですが、わかりにくい方は以下をダウンロードしてください。 DW ≫rotate.zip zip解凍後「rotate」フォルダにランダム表示したい画像を入れます。 「rotate」フォルダごとサーバーにアップ。 そしてCSSで表示したい箇所に、rotate.phpを指定します。 スタイルシートの記述は、表示させたい箇所に以下のように body { background: url(rotate/ro
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く