対応させるデバイスをあらかじめ選定しておこう レスポンシブWEBデザインで作られるページは、ブラウザの大きさによって見た目を切り替えます。 ブラウザの大きさはデバイスによってまちまちです。 スマートフォンといっても、画面 […]
Webデザイン制作
レスポンシブサイトの制作はそのスケジュールで大丈夫?
HTMLが変わらないけど、構築には工数がかかる レスポンシブWEBデザインは、1ページを再現するのに1つのHTMLとCSSがあればできます。 対してスマートフォン用のページを設ける場合、1ページを再現するにはそれぞれに特 […]
ゴールと人に見てもらうための入り口を考える
ゴールを設定する ホームページを新規で立ち上げたり、リニューアルしたり・・・ お金や時間もかかるものなので、なんとなく「作ろう」と思って始める物でもありませんよね。 「利益につなげたい」「ブランド力を高めたい」「信用度を […]
スクロールに追従するコンテンツを作る時に気を付けるべき事
コンテンツの高さを考慮する Webサイトはほとんどが画面内に全て納める事ができず、スクロールさせて全体を見せます。 これは紙面と違って、表示させる画面のサイズが人によって異なるので仕方のない事ですね。 そんなWebサイト […]
リンクにはマウスカーソルを乗せた時に何か動きをつけよう
リンクである事を知らせる 画像をページに設置して、そこにa要素でリンクを付ける事ができます。 でもそれで終わってしまっては押してもらえないかもしれません。 文字のリンクであれば、初期値で青色・下線という見た目になります。 […]
クリックされるボタンを作ろう
ボタンの表記について どのWebサイトにも必ずといっていいほど、リンクボタンがあります。 押してほしいからボタンを設置しますが、なかなか押してもらえないとか、ボタンを設置した目的が達成されないということはありませんか? […]
クリック操作を考慮したテキストリンクにしよう
クリックしにくければ押してもらえないかも? Webサイトは、テキスト(文字)をクリックするとページを移動できるリンクにして、様々なページを見てもらう事ができますよね。 何気なくa要素を使ってリンクを設定しますが、そのリン […]
カラーミーショップでレスポンシブWEBデザインに対応する
対応しているテンプレートを選択しよう すっかり主流になった、レスポンシブWEBデザイン これまでPC・タブレット・スマートフォンと、デバイス毎に用意していた専用のHTML・CSSを使う方法から、一つのHTML・CSSを使 […]
Yahoo!ショップのデザインをカスタマイズしよう
ショップデザインのカスタマイズ 実店舗でも飾り付けや商品の陳列など、お店独自の雰囲気を上手く引き出しています。 ネットのショッピングモールだからといっても売っている商品や、扱っている商品の雰囲気(テイスト)に合わせてショ […]
google翻訳の文言について
便利なGoogle翻訳 Googleが提供している翻訳機能はとても便利ですね。 文章の表現に関する精度はともかく、読める文章に翻訳してくれます。 Googleが提供している翻訳サービスで「ウェブサイト翻訳ツール(http […]
スマートフォンの電話番号リンクについて
便利?電話番号にリンクが付く スマートフォンでホームページを見ると電話番号にリンクが付きますね。そのままタップすれば電話をかけることができるので、便利な機能です。 この機能はスマートフォンのブラウザが、電話番号と思われる […]
目立たせたいという理由から赤を使う前に
目立たせる手段は他にもある ココを赤くして——–という事を時々聞きます。 そのまま赤くしてみても、なんだか違和感が出たり、全体の雰囲気に合わなかったり・・・ そういう事ってよくあります […]
スマートフォンでの明朝体について
OSによってインストールされている書体が違う ページの雰囲気に合わせて書体を選びたいですよね。 CSSを使って、書体を変える事ができますので、色々な書体を指定できます。 但し機械にインストールされている書体しか使えません […]
読みやすい文章作成
一行の文字数を見直してみる なんだか読みにくいなぁ・・・という文章はありませんか? 行間が詰まりすぎている、文法がおかしい、文字サイズが小さすぎる・・・そういう理由もありますが、他にも要因があるかもしれません。 それは「 […]
時々耳にする「ランディングページ」とは
一つの商品・サービスの販売に特化した一枚のWebページ ランディングページ・・・ホームページとどう違うの?と思いませんか? どちらもインターネット上に掲載されるページなので、本質的には同じものなので混乱します。 そんなラ […]
余白を持たせたデザインを作ろう
余白の持つ役割 何もコンテンツが配置されていない空間を余白といいます。 余白を適切に付ける事で、コンテンツが読みやすくなったり、伝えたい情報へ目を向けたりさせる事ができます。 コンテンツがギッシリと掲載されている部分に余 […]
文字サイズの切り替えボタンについて
文字のサイズを切り替えてアクセシビリティ向上を狙う Webサイトで見かける「標準」「拡大」などのボタン・・・ クリックすると文字のサイズが変わるので、文字が小さくて読めない・・・と困っている人にはとても便利なボタンです。 […]
そうだったのかvideoタグ ブラウザ別にプレイヤーが異なる
インターネットブラウザ毎に異なるプレイヤー いろいろな場面で動画を扱う機会が増えたような気がします。 インターネット回線も光回線が主流になり、以前のISDNはもちろん、ADSLと比べても回線速度は段違いですね。ダイヤルア […]