【まとめ】レスポンシブデザインで使えるメニュー3選＋１｜モバイルラボ
前回は「ハンバーガーメニュー」について紹介させていただきました。 今回はハンバーガーメニューだけではない、レスポンシブデザインでも使えて、変換ツール系でも利用できる、jQueryメニューをいくつかご紹介します。 【関連ページ】レスポンシブデザインのスマホサイトを使いやすいUIに jQueryでサイトに合ったナビゲーションメニューを作ろう レスポンシブデザインで使える簡単メニュー「Naver」 レスポンシブデザインのサイトで今もよく見る形の、画面幅が小さい場合にグローバルメニューを、ハンバーガーボタンのメニューの中に隠すjQueryです。 【関連ページ】レスポンシブデザインのスマホサイトを使いやすいUIに サンプルコードはこんな感じになります。 <nav> <a href="#">Home</a> <a href="#">News</a&
ソースコードを行番号付きで、きれいに表示する「SyntaxHighlighter」の導入と使い方
ソースコードをきれいに色分けしてくれる「SyntaxHighlighter」の導入と使い方です。 JavaScriptをサーバにアップロードする必要はありません。 JavaScriptが置いてあるリンク先を示すことで、簡単に導入できます。 実際に、このBloggerの「gogoToRoTAN」ブログに導入しました。 表示したソースコードの一部を強調させることも可能です。 「SyntaxHighlighter」は、エディタの色分けのように、きれいに表示してくれるスクリプトです。 対応コードは、以下のように、ほとんどのソースに対応しています。 ActionScript3 Bash shell ColdFusion C# C C++ CSS Delphi Pascal Diff Erlang Groovy JavaScript Jscript Java JavaFX Perl PHP Plain
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
