Webデザインをする時にHTMLの事を考えては、いいデザインはできません。 どうやったら構築できるかな?と心配になったり、ルールがあったりしますが、それらの制限があることで無難な物や不十分な物が出来上がる場合がほとんどだ […]
2017年7月
クリックされるボタンを作ろう
ボタンの表記について どのWebサイトにも必ずといっていいほど、リンクボタンがあります。 押してほしいからボタンを設置しますが、なかなか押してもらえないとか、ボタンを設置した目的が達成されないということはありませんか? […]
thやtdにpositionを付けてはいけない
thやtdにpositionを指定しても効かない 先日、tabel要素のセルにアイコンをpositionで位置を指定して配置したい案件があったので、何気なしにtd要素へpositionを付けました。 普段から使っているG […]
クリック操作を考慮したテキストリンクにしよう
クリックしにくければ押してもらえないかも? Webサイトは、テキスト(文字)をクリックするとページを移動できるリンクにして、様々なページを見てもらう事ができますよね。 何気なくa要素を使ってリンクを設定しますが、そのリン […]
知らないと損をしているかも?wwwありとなしの違い
検索ロボットには別サイトに見えている URLの先頭に入る「www」 これはあっても無くてもページは見る事ができるので、あまり気にしていない方もおおいのではないでしょうか。 人が見るときには差がわかりませんが、検索ロボット […]
カラーミーショップでレスポンシブWEBデザインに対応する
対応しているテンプレートを選択しよう すっかり主流になった、レスポンシブWEBデザイン これまでPC・タブレット・スマートフォンと、デバイス毎に用意していた専用のHTML・CSSを使う方法から、一つのHTML・CSSを使 […]
viewportを設定して正しく見えるように整える
viewportを設定して、表示させる画面サイズを決める GoogleのモバイルフレンドーテストでWebサイトをチェックしたとき、「モバイル用viewportが設定されていません。」なんて文言を見たことはありませんか? […]
型あってこその型やぶり
物事には色々と「型」つまりスタイルがあります。 型とは基本動作の事ですね。セオリーとも言い換えられるでしょう。 確率された手法、定跡が「ひとつの型」にあたります。 皆さんの通常業務でも「このように進める」といったような工 […]
Yahoo!ショップのデザインをカスタマイズしよう
ショップデザインのカスタマイズ 実店舗でも飾り付けや商品の陳列など、お店独自の雰囲気を上手く引き出しています。 ネットのショッピングモールだからといっても売っている商品や、扱っている商品の雰囲気(テイスト)に合わせてショ […]
検索で上位表示を狙う時に気を付けたい事
なかなか上位に上がらない・・・検索対策しなきゃ!は間違い? Yahoo!やGoogleの検索サービスでなかなか上位に上がらないと困ってはいませんか? もし1番に表示されれば見てもらえるのに・・・と思いますよね。 確かにそ […]
httpsの不思議と検索順位との関係
httpsは暗号化された通信でやり取りしている状態 ブラウザを通してインターネットに繋いで、ホームページを見ますよね。 その時に通常は「http(Hyper Text Transfer Protocol ハイパー・テキス […]
印刷物とWebページの決定的な違い
Webページも紙面も同じグラフィックデザインですし、紙面と同じ感覚でデザインしてしまいがちですが、それではうまくいきません。 紙面の場合は印刷をしてしまえば表示が崩れてしまうことはありません。 印刷後に写真を差し替えたい […]
機器のアップデート(更新)の重要性
パソコンを使っていると、時々アップデートが入りますよね。 スマートフォンを使っていても同様で、機械本体の更新や、インストールしているアプリの更新がしょっちゅう入ります。 特にパソコンの場合だと、終了したタイミングで自動更 […]
ウィンドウ幅を狭めると背景が切れてしまう現象について
どうして?背景が途切れてしまう現象の解決法 作成したホームページをブラウザで表示させて、ウィンドウ幅を狭めてみてください。 横スクロールが出る状態になったら、今度は右へ移動させてみてください。 ・・・bodyなどに設定し […]
キャッチコピーは短ければ良いというのは間違いです
キャッチコピーは伝えたい事が伝わるように書く 人を惹きつける文章、キャッチコピー 短いほど読むのに時間がかかりませんし、フォントサイズを大きくしても場所も取らず、一行に収められたりするので短いほど良いものだと思ってしまい […]
特殊文字にご用心(Yahoo!ショップの場合)
特殊文字の使用には注意! 平方メートル(㎡)とか立方メートル(㎥)、上付き下付き文字(²・³)は結構利用頻度が高いと思います。 商品説明やスペックの掲載に使いたくなるこれら […]
google翻訳の文言について
便利なGoogle翻訳 Googleが提供している翻訳機能はとても便利ですね。 文章の表現に関する精度はともかく、読める文章に翻訳してくれます。 Googleが提供している翻訳サービスで「ウェブサイト翻訳ツール(http […]
Yahoo!ショッピングの商品登録について
Yahoo!ショッピングへのストア出店が無料になってしばらく経ちます。 Yahoo!ショッピング(https://business-ec.yahoo.co.jp/shopping/) 「今使っているカートの他に立ち上げよ […]