ブートストラップ３のスクリーンリーダー用の設定とsr-onlyクラス: Angular、Bootstrapなどの学習備忘録
アクセシビリティ（視覚障害者を含めすべての人がWebに問題なくアクセスできる）を考慮した設定についてです。 ●長いナビゲーションメニューをスキップできるようにする ・ナビゲーションメニューにたくさんのリンクが含まれていると視覚障害者がスクリーンリーダーを使ってページの頭から読み上げているときに、実際のコンテンツにたどりつくのに時間を要してしまうのでスキップできるようにします。 <body> <a href="#content" class="sr-only">メインコンテンツへスキップ</a> <div class="navbar role="navigation"> ： ：多数のリンクを含むナビテーションメニュー ： <div class="container" id="content"> ここからメインコンテンツ </div> </body> ●sr-onlyCSSクラス ・ブートスト
Bootstrap使い方メモ２（Components） - Qiita
│ sample..html │ ├─css │ bootstrap.min.css │ └─fonts glyphicons-halflings-regular.eot glyphicons-halflings-regular.svg glyphicons-halflings-regular.ttf glyphicons-halflings-regular.woff <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/bootstrap.min.css" /> </head> <body> <span class="glyphicon glyphicon-search"></sp
プログラマのためのBootstrap入門 その６ ナビゲーションバー
Bootstrapの使い方を勉強中です。 プログラマのためのBootstrap入門 その５ タブ 今回はナビゲーションバーについて調べてみます。 こちらを参考にしました。 http://getbootstrap.com/components/ ナビゲージョンバーの基本形 ナビゲーションバーを作成するにはお作法があるようです。 html5で追加された「nav」タグを使用する。 navの中にdivを定義。クラス名を「container-fluid」とする。 divの中にさらにdivを定義。 「navbar-header」でサイトのタイトルを表示する領域を定義。 「collapse navbar-collapse」でコンテンツへのリンクを定義。 最小限のサンプルはこうなりました。 <!DOCTYPE html><html lang="ja"> <head> <meta charset="u
レンタルサーバーナレッジ
Twitter CPIのTwitterアカウントでは、サイト、サーバー管理者のための重要なセキュリティ情報や、サイト運営者のためのヒント、お得なキャンペーン情報をお知らせしています。 Follow @cpiadjp Tweets by cpiadjp 掲載内容について、当社は情報の掲載には細心の注意を払っておりますが、完全性などについて保証を行うものではありませんので予めご了承ください。 掲載されている情報をご利用いただいた際に、損害が発生・誘発した場合や、情報自体の真偽性・合法性・道徳性・著作権の許諾等について問題が発生した場合などについて、当社は一切の責任を負いません。掲載されている情報を利用したサイト製作については、ご自身の責任において行ってください。
lessを使ってBootstrapのデザインをカスタマイズ (1/5)
最近よく見かけるシングルページを作るデザイン塾。第2回では、ページの大まかなデザインを作成し、Bootstrapを使ってナビゲーションバーを実装しました。今回はlessファイルをカスタマイズして、オリジナルのデザインに近づけていきましょう。 index.htmlの<ul class="nav navbar-nav">内のリンクを書き換えます。検索フォームやドロップダウンメニューは今回使いませんので削除してOKです。 ■変更前ソースコード（index.htmlの一部、緑色部分を変更） <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="na
Bootstrap使い方メモ１（基本＋CSS） - Qiita
公式サイトを一通り動かしてみたときのメモ。 まずは CSS。 Hello World Bootstrap を入手する ここ から zip ファイルをダウンロードする。 HTML を書く <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="bootstrap.min.css" /> </head> <body> <h1>Hello Bootstrap!!</h1> </body> </html> HTML5 の DOCTYPE を記述する。 css ファイルを読み込むだけで使い始められる。 モバイル用に viewport を設定する meta タグを記述する。 user-scalable=n
メモ: Oracle Data PumpのExport/Import - 虎塚
Oracleデータベースでのデータ移行といえば、export/importツールが昔からありましたが、バージョン11gからはサポートされなくなったそうです。代わりに、Oracle Data Pumpというユーティリティが推奨されるようになりました。 オリジナルのエクスポートは、Oracle Database 11gからは原則としてサポートされなくなりました。（中略）オリジナルのエクスポートおよびインポートが必要な次の場合を除いて、データ・ポンプ・エクスポートおよびインポート・ユーティリティを使用することをお薦めします。 オリジナルのエクスポート ここでは、Oracle Data Pumpを使って、あるサーバのスキーマのデータを、別のサーバのスキーマに移行する手順についてメモします。 公式マニュアルを読めばできることですが、途中でいくつかミスをしてハマって、夜中に色々調べる羽目になったので、
datapump impdpコマンド(インポート)のまとめ ｜ Oracle使いのネタ帳
Oracle DB へのインポート インポートとは、簡単に言うと「データベースに外部ファイルからデータを登録すること」。 Oracle DB へインポートを行う際、 datapump ユーティリティを使用するのが一般的。 実行する際は、エクスポート時に出力した dmp （ダンプファイル）がインプットとなる。 対象は業務データそのものだけではなく、メタデータ（データディクショナリで管理される定義情報）も扱える。 旧 imp コマンドに比べはるかに高速になり、対象データ単位やインポート時の変更など、 オプション・パラメータを使い分けることで柔軟な対応が可能となっている。 例えば、impdp でデータのみを対象とする（content=data_only）、事前に既存データを削除する（table_exists_action=truncate）などが良く使われるオプション。 また、スキーマの変更（r
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
