タグ

ブックマーク / allabout.co.jp (4)

  • 100種類以上ある! ウェブ上で使える矢印記号(絵文字) [ホームページ作成] All About

    ウェブ上で表示可能な矢印記号には「↑←↓→」以外にも多数ある 矢印記号というと「↑」「←」「↓」「→」の4つがよく使われています。「やじるし」と入力して漢字変換すれば出せる環境が多いので、簡単に入力できる矢印の代表格でしょう。しかし、ウェブ上に書ける矢印記号(矢印の絵文字)はもっとたくさんあり、実は100種類を超えています。例えば、下図のような矢印記号があります。 ■矢印記号は種類も向きも豊富 上図には上下左右を示す矢印のほかに、右上矢印・左上矢印・右下矢印・左下矢印など、斜め方向を示す矢印も見えます。ぐるりとループするような円形の矢印もあります。矢印の種類も一線だけでなく、二重線、白抜き、手(指)型、フック付きなど様々です。 ■テキスト(文字)なので装飾も自由 これらの矢印記号は、文字コードがUnicodeならテキストとしてそのまま記述できます。それ以外の文字コードでも、HTML内で特

    100種類以上ある! ウェブ上で使える矢印記号(絵文字) [ホームページ作成] All About
    isogin88
    isogin88 2018/10/18
  • 外壁塗装 どうしてこんなに値段が違うの? [リフォーム費用] All About

    外壁塗装 どうしてこんなに値段が違うの?リフォームの中でも、かなり価格差のある外壁塗装。塗料の種類ごとの価格も耐久性に合わせて、後悔しないためのチェックポイントをご紹介します。 外壁は文字通り外から劣化状況がわかってしまうため、頻繁に塗装業者が訪ねてきたり、チラシがたくさん投函されたりすることがあります。また、それら業者の提示する金額がそれぞれまちまちで、しかも金額にかなりの開きがあるので、一体どの金額が適正なのかわからなくなってしまうことはないでしょうか。 この金額の差を生み出している大きな要因の一つが「塗料」の種類です。塗料の種類・性質によって工事費用だけでなく、塗装の耐久性、すなわち外壁を長持ちさせる上で大きな差が出るのです。 この記事では、外壁塗装にかかる費用の違いを解説しましょう。また、粗悪な業者にひっかからないようにするためのポイントも合わせてご紹介します。 まずは「相場」を知

    外壁塗装 どうしてこんなに値段が違うの? [リフォーム費用] All About
    isogin88
    isogin88 2014/05/21
  • ノートのように罫線(下線)を引くデザインの作り方 [ホームページ作成] All About

    ノートのように各行に下線を引くデザインを作る方法 (画像使用) ノートのように、各行に下線を引くデザインを作ってみましょう。スタイルシートと画像を使うことで、下記のようにノートっぽく見えるデザインが簡単に作れます。 2009年7月13日 ■ノートのような罫線を引く 「下線を引く」というと、text-decorationプロパティに値「underline」を指定したり、border-bottomプロパティを使ったりする方法を思い浮かべる方々も多いでしょう。 しかし、text-decorationプロパティを使う方法では、文字のない箇所には下線が引けないため、あまりノートのようには見えません。 また、border-bottomプロパティを使う方法では、ボックスの最下部に下線が引かれるだけで「各行」には引かれないため、まったくノートのようには見えません。 ここでは、スタイルシートで下線を引いてい

    ノートのように罫線(下線)を引くデザインの作り方 [ホームページ作成] All About
  • 別窓を開かずにその場クリックで拡大画像を表示する4つの方法 [ホームページ作成] All About

    別窓を開かずにその場クリックで拡大画像を表示する4つの方法画像のクリック後にページを移動せず、その場で拡大画像を表示できるLightbox系スクリプトのおすすめ4を紹介。JavaScriptを読み込むタグと短いHTMLを書くだけで簡単に使えます。jQueryを使う定番のLightbox2や、動画のポップアップも可能なColorbox、スマホ対応で全画面表示もできるIntense Imagesなどを紹介。CSSを使えば画像サイズの調整も簡単です。 画像クリックで拡大表示されるJavaScriptが便利 HTML内にたくさんの写真や画像を掲載するアルバムページなどでは、最初にサムネイル画像(縮小画像)だけを並べておき、閲覧者がそれをクリックしたりタップしたりした際にだけ拡大画像を表示するデザインがよく使われています。 ウェブページ上で拡大画像を表示する際には、ポップアップウインドウを出したり

    別窓を開かずにその場クリックで拡大画像を表示する4つの方法 [ホームページ作成] All About
  • 1