Bootstrap4のグリッドでスマホ対応の段組を簡単に作成12段のグリッドシステムで段組を簡単に作成できるBootstrap4を使って、PCだけでなくスマートフォンなどのモバイル端末にも対応したレスポンシブな段組レイアウトを作る方法を解説。Bootstrap4には、複雑に組み合わせて入れ子にもできるグリッドがあるため、table(テーブル)を駆使しなくてもPC・モバイル両対応の段組(グリッドレイアウト)が簡単に作成できて便利です。
![Bootstrap4のグリッドでスマホ対応の段組を簡単に作成 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/7c924d0517fe4e49c9dd97ee9499ef12bbe2ff46/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F6%2F4%2F7%2F8%2F1%2F201803031224%2Ftopimg_original.png)
CSS3の新単位「rem」で文字サイズを分かりやすく指定(2ページ目)単位emや%を使って相対的に文字サイズを指定すると、複数のボックスを経由した先などでの表示サイズが把握しにくいことがあります。CSS3の新単位「rem」を使えば、常にルート要素の文字サイズが基準になるため、文字サイズを分かりやすく指定できます。 CSS3で新しく追加された単位「rem」は、ルート要素の文字サイズを基準にして、文字サイズを指定できる単位です。 「ルート要素」とは、ソースの最も上位(基底)の要素のことで、HTMLでは「html要素」が該当します。右図のようにp要素を基準に考えると、div要素が「親要素」で、html要素が「ルート要素」です。 ※ルート要素は、「body要素」ではありませんので注意して下さい。 この単位「rem」の記述方法は、従来からある単位「em」と同じです。基準となる要素が異なるだけです。
CDまたはDVDのディスクイメージを作成する バックアップなどの目的でCDまたはDVDのディスクイメージを作成するには、まずディスクをMacに挿入し、ディスクユーティリティを起動します。 挿入したディスクを選択した状態にして「ファイル - 新規 - disk??からのディスクイメージ…」(??は装置によって異なる)を実行、イメージフォーマットを「DVD/CD マスター」にして(保存)を実行します。 ここで、作成されたディスクイメージを選択して、「イメージ - ディスクを作成…」を実行し、ディスクイメージファイルを選択すれば、後はブランクのメディアを挿入すればOK。 ちなみに、この操作で作成されるディスクイメージの拡張子を「.cdr」から「.iso」に書き換えれば、そのままISOイメージとして使うことができます。仮想マシンソフトのParallelsやVMwareではこのISOイメージをそのま
それでは最後に、ウェブサーバ「Apache」の設定ファイルである「.htaccess」を記述して、アクセス者の環境(端末)に応じて閲覧先を自動振り分けする方法をご紹介いたします。 なお、「.htaccess」ファイルそのものに関しての説明は本記事では割愛しています。詳しくは、記事「.htaccessファイルの作り方と設置方法」をご参照下さい。 【このページの目次】 トップページにアクセスされた場合にのみ自動振り分けをする方法 (詳細解説付き) どのページにアクセスされた場合でも、常に自動振り分けをする方法 (補足) ※「PC用サイト」と「スマートフォン用サイト」とで、各ページが必ず1対1で対応しているのなら(=フォルダ構造やファイル名がすべて同一なら)、トップページ以外でも自動振り分けを実現できます。1対1で対応していないのなら、自動振り分けはトップページだけを対象にしておきましょう。そも
IE6~8でも一部のCSS3が使える!「CSS3 PIE」の使い方(4ページ目)IE6~8でも一部のCSS3プロパティが表示可能になる「CSS3 PIE」をご紹介。この「CSS3 PIE」を使えば、すべてのIE6~8ユーザに対して(一部の)CSS3プロパティを使ったデザインを見せることができます。ボックスの角を丸くしたり、ボックスに影を付けたり、背景色に透明度を付加したりするなど、CSS3で実現できるデザインを活用しているなら、それらを古いIEでも表示可能にしてみましょう。 CSS3 PIEを使ってうまくいかない場合 CSS3 PIEを使ってもうまく表示されない場合は、以下の点を試してみて下さい。 ■positionプロパティを一緒に指定してみる behaviorプロパティを使って「PIE.htc」ファイルを指定した結果、背景色や枠線など一部のスタイルが無効になってしまうことがあります。そ
DOCTYPE宣言がないとIE7でも表示は古いままHTMLの先頭にDOCTYPE宣言がありますか? ないと、Internet Explorerでスタイルシートを活用できません。最新のIE7でもこの宣言がなければ以前と同じ表示になってしまいます。 HTMLの先頭に「DOCTYPE宣言」を記述していますか? DOCTYPE宣言を省略していると、せっかく最新のInternet Explorer 7で閲覧しても、従来の古いブラウザと同じ表示になってしまいます。 ブラウザには「標準モード」と「互換モード」の2種類の描画モードがある 代表的なブラウザの最新版には、描画モードとして、「標準モード」と「互換モード」という2つのモードが用意されています。 この違いは、次の通りです。 「標準モード」 : できるだけ文法を正しく解釈して表示します。文法ミスがあれば、その記述は無視します。 「互換モード」 : 古
限定した人々にのみ公開したい会員制ホームページを作りたい場合や、メンバー間だけで共有するファイルを置きたい場合など、ウェブサイト内の特定の領域にアクセス制限を設定したいことがあります。アクセス制限方法は多数ありますが、ユーザー名(ID)とパスワードを使うユーザー認証機能による閲覧制限方法が簡単です。 そこで本記事では、「.htaccess」という設定ファイルなどを作成して、Basic認証(基本認証)と呼ばれる認証機能をウェブサイト内に設置する方法をご紹介いたします。 アクセス制限を設定する対象のHTMLは一切修正不要です。認証の設定を書いた.htaccessファイルや、IDとパスワードを指定の書式で列挙した.htpasswdファイルを対象ディレクトリに置くだけの簡単な準備で、ログイン画面が出る秘密の会員制ホームページが作れます。 【目次】 Basic認証(基本認証)とは Basic認証(基
*n4でも動作します。 最近は、HTMLとデザイン(.css)を分離するということがわりと一般的に行われるようになってきました。 大規模なページでなくても、たとえば、ブログを作っていればそのツールは最初からHTML以外の分離が前提で作られて いたりします。 そこで、ここではCSSだけではなく、スクリプトを分離することについて考えてみます。スクリプトの分離といえば.js外部ファイルを利用するという手がまず思い浮かびますが、今回は、インラインのイベントハンドラをHTMLから切り離す方法です。 HTMLとそれ以外の要素を分離するメリットは、一般的にはソースが整理されることに関する事柄です。 もちろん、短いソースの場合は分離するためのオーバーヘッドが割りに合わないという場合もありますが、 何度も使う処理がある場合などには、見た目がシンプルでわかりやすくなることにより、 メンテナンス性が高まり、ミス
イベントハンドラをHTMLから分離する 基本サンプル(2ページ目)インラインからonloadやonclickなどの基本的なイベントハンドラをHTMLから分離するJavaScriptのサンプルを紹介します。 基本サンプル 1: インラインのonclickイベントハンドラ 2: スクリプトでonclickハンドラをセットする1 3: スクリプトでonclickハンドラをセットする2 4: onloadごとonclickをHTMLから切り離す 5: thisを取得する 6: 引数を使う 7: 複数のonclickハンドラをfor文でセットする 5: thisを取得する (*このサンプルは他のサンプルと共存できないので上記リンク参照) <script> <!-- //ページ構築後にしか設定できません window.onload = function ini(){ //要素test5へonclick
薬や医療業界の広告規制について 薬の広告のなぜ皆さんは普段、病院でもらっている薬の広告をテレビや新聞等で見かけることがないのに気が付いたことはありますか? 医薬品関係や医療に関する広告は様々な法律によって規制されているのです。 今回の話題は薬事法をはじめとする薬に関する法律の事についてです。 薬関係の製品は、その取り扱いなどについて「薬事法」という法律で規制されている事があります。また、薬剤師には「薬剤師法」があり、その他には「麻薬関係法」「毒劇物関係法」「食品・家庭用品関係法」「健康保険法関係」「医療法」「医師法」などがあります。 その中で薬関係のものは、例えば、まだ薬として承認されていないものを宣伝してはいけなかったり、処方箋に基づいて使用される医薬品については、その商品の宣伝広告の対象が医療関係者に限るものであったりします。 ですから製薬メーカーは、テレビコマーシャルや新聞広告などの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く