株式会社オンズのブログ記事一覧
-
【CSS】長めのURL等の記述が枠からハミ出してしまう際の自動折り返しの設定方法。 HTML で長めの URL を記述した際に、親要素のボックスからハミ出してしまうことがあります。 そんなとき、CSS の設定で自動で折り返しをさせる方法が存在します。 使用するのは以下のスタイル。 word-wrap:break-word;... 【CSS】長めのURL等の記述が枠からハミ出してしまう際の自動折り返しの設定方法。続きを読む →
-
-
-
【jQuery】特定の[div 要素]で囲んだ箇所全体をリンクとして機能させる方法。 HTML5 以降では、インライン要素とブロック要素の区別がなくなったことで、[a 要素]で[div 要素]を囲うことが可能になっています。 しかし HTML5 未満では非推奨。 そこで、jQuery を利用して、特定の[div 要素]の中に... 【jQuery】特定の[div 要素]で囲んだ箇所全体をリンクとして機能させる方法。続きを読む →
-
【Google】ウェブやアプリなど、様々な用途に使える「マテリアル・デザイン」仕様のアイコンをリリース。 10月17日。Google が[マテリアル・デザイン]に対応したアイコンのセットをリリースしました。 同梱されているアイコンの数は750個。 それぞれ、以下のカテゴリーに分類されています。 action alert av communica... 【Google】ウェブやアプリなど、様々な用途に使える「マテリアル・デザイン」仕様のアイコンをリリース。続きを読む →
-
-
【PHP】データベース(MySQL)接続の基本。 PHPを使ってMySQLと接続する際の基礎的な方法を紹介します。 他の多くのサイトでは[PHP]+[MySQL]の接続方法として[mysql_connect]関数を使うサンプルを紹介しています。しかし、[PHP 5.5]以降では[mysql... 【PHP】データベース(MySQL)接続の基本。続きを読む →
-
-
【PHP】RSSの日時データ「pubDate」と「dc:date」を取得・表示するときの注意点。 個人的な備忘録を兼ねて。 PHPでRSSファイルを読み込み、任意の書式に整形して表示させるという処理をするとき、日時データの扱い方が「pubDate」の場合と「dc:date」の場合とで異なるため、意識してコードを書かないとエラーを起こす原... 【PHP】RSSの日時データ「pubDate」と「dc:date」を取得・表示するときの注意点。続きを読む →
-
-
-
-
【CSS】文字の間隔を調整する[letter-spacing]を指定したときの、中央揃え・右揃えの処理。 文字の間隔を調整する[letter-spacing]を指定したとき、同時に[text-align:center;]や[text-align:right;]を設定していると、最後の文字の後ろに空欄が挿入されているために思うように描画できないこ... 【CSS】文字の間隔を調整する[letter-spacing]を指定したときの、中央揃え・右揃えの処理。続きを読む →
-
【jQuery】alert() メソッドで表示される警告ウィンドウのデザインを変更する[SweetAlert]スクリプト。 通常、jQuery メソッドの[alert()]で表示される警告ウィンドウにはスタイルシートが適応されないため、デザインを施すことが不可能ですが、今回紹介する jQuery スクリプト[SweetAlert]を利用するとオシャレな感じにカス... 【jQuery】alert() メソッドで表示される警告ウィンドウのデザインを変更する[SweetAlert]スクリプト。続きを読む →
-
【WordPress】セキュリティ対策プラグイン[Limit Login Attempts]でログイン試行回数を制限できます。 今日紹介するのは WordPress のセキュリティ対策の1つとして活用できるプラグイン[Limit Login Attempts]です。 Limit Login Attempts:ダウンロード このプラグインを有効化すると、管理画面へのグ... 【WordPress】セキュリティ対策プラグイン[Limit Login Attempts]でログイン試行回数を制限できます。続きを読む →
-
【CSS】印刷時にのみ有効となるスタイルシートを設定する方法。 今日紹介するのは、極めて初歩的なテクニック。しかし、ご存じない方も多いかもしれません。 通常の CSS とは別に、印刷時にのみ有効となるスタイルシートを設定する方法です。 通常、何も意識せずに普通に記述した CSS は画面表示時と印刷時で同... 【CSS】印刷時にのみ有効となるスタイルシートを設定する方法。続きを読む →
-
【CSS】デバイスが縦長か横長かの状態によって Media Queries で振り分けが可能です。 各種デバイスの横幅によって振り分けることが多い[Media Queries]ですが、デバイスが縦長か横長かの状態によってでも振り分けが可能です。 使用するのは「orientation」要素。 縦長の場合は「portrait」を。 横長の場合... 【CSS】デバイスが縦長か横長かの状態によって Media Queries で振り分けが可能です。続きを読む →
-
【メモ】プライマリ(1次)、セカンダリ(2次)の先は? 「Primaryプライマリ」「Secondaryセカンダリ」はよく使うけど、その先がわからない。 ……というワケで調べてみました。 プライマリ - Primary セカンダリ - Secondary ターシャリ - Tertiary クオー... 【メモ】プライマリ(1次)、セカンダリ(2次)の先は?続きを読む →
-
-
-
【jQuery】これだけで完璧に導入できる[Lightbox]の実装方法。 一時期、多くのサイトで導入され大流行した jQuery プラグイン[Lightbox]の使い方を紹介します。 皆様もうご存知でしょうけれど、念のために動作のサンプルを以下のURLに置いておきます。 画像をクリックすると背景が暗くなり、指定さ... 【jQuery】これだけで完璧に導入できる[Lightbox]の実装方法。続きを読む →
-
-
【CSS3】ブラウザによって異なるフォーム要素のデザインをリセットする方法。 ウェブ観覧時に使用するブラウザによって、フォーム関連のデザインが若干異なって描画されます。 これを良しとしない場合、そのデザインをリセットするために、CSS3では新たに[appearance]プロパティが追加されています。 基本的な使い方は... 【CSS3】ブラウザによって異なるフォーム要素のデザインをリセットする方法。続きを読む →
-