リンクである事を知らせる 画像をページに設置して、そこにa要素でリンクを付ける事ができます。 でもそれで終わってしまっては押してもらえないかもしれません。 文字のリンクであれば、初期値で青色・下線という見た目になります。 […]
Web制作スタッフのブログ
PDFの掲載時はファイル容量に注意
PDFファイルは容量が大きくなりやすい 印刷会社からもらったチラシや自分で作ったチラシなど、PDFをWebサイトからリンクで見れるようにする事ってありますよね。 意識していないと、膨大なデータ量になっているかもしれません […]
掲載する画像ファイル容量を圧縮して快適な閲覧環境を整える
掲載する写真のファイル容量に注意する ページを更新するとき、文章だけでは味気ないので写真も入れますよね。 見栄えがしないという理由でなくとも、まず見てもらい文章で補足したいとか、イラストで解説したいとか、そういう理由の方 […]
カラーミーショップは全ページSSL対応!
以前にSSL通信でやり取りする情報を暗号化することの重要性についてお話しました。 httpsの不思議と検索順位との関係 個人情報を扱うインターネットショップへの導入は急務です。 氏名や住所、電話番号などの個人を特定する情 […]
着想を得る時にはHTMLなど知識の事は考えない
Webデザインをする時にHTMLの事を考えては、いいデザインはできません。 どうやったら構築できるかな?と心配になったり、ルールがあったりしますが、それらの制限があることで無難な物や不十分な物が出来上がる場合がほとんどだ […]
クリックされるボタンを作ろう
ボタンの表記について どの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などに設定し […]