アイスケットは神奈川県相模原市のホームページ制作、システム開発、パソコン・スマホに関するサポートを行う会社です。
アイスケットのブログ
  • HOME »
  • アイスケットのブログ »
  • Webデザイン

Webデザイン

Googleのモバイルフレンドリーが検索順位に影響するのはいつ?

モバイルフレンドリーかどうかは今はまだGoogleのランキング要因になっていない [海外SEO情報ブログ様] 最近、Googleのモバイルフレンドリー関連の話題が多いのですが、スマホのブラウザを使ってGoogleで検索し …

mobile_friendly_00

[CSS]文字列の折り返しを禁止する方法

HTMLでテーブルを組んだ時、ブラウザの幅によっては文字列の部分が自動的に折り返されてしまって読みづらくなりますよね。 今回はテーブル内の文字列の折り返しを禁止する方法です。とても簡単です。 スタイルシートで以下の定義を …

[JavaScript]ボタンを押した時にその行を削除する方法

久しぶりにプログラミング関連の投稿です。 今回は実装はとても簡単ですが、いろいろなところで使える内容です。 こんなユーザインタフェースを作った時に、削除ボタンを押すとその行だけ消すことができれば、ユーザエクスペリエンスと …

[CSS]マウスカーソルをのせた時に画像の透明度を変更する

リンクを張っている画像にマウスをのせた時、選択しているように簡単に表現する方法をご紹介します。 今回やりたいことはこんなことです。 スタイルシートで画像の透明度を変更する スタイルシートを使えば、マウスをのせた時に画像の …

[CSS]ボックス内でテキストを垂直方向に中央揃えする方法

久しぶりの投稿となってしまいました。 お仕事が忙しすぎて更新が滞ってしまっていました。そのおかげ(?)もあり、更新を一時的に中断した場合にどのような傾向で検索順位が落ちてくるのかという貴重なデータも取ることができました。 …

[CSS]backgoundでグラデーションと背景画像を同時に指定する方法

スタイルシートのbackgroundは「見出しタグを画像でリッチに表現する方法」でも利用しましたが、使用する機会の多い便利なプロパティです。 今回、背景色をグラデーションにして、背景上にアイコンを表示するというデザインを …

[CSS]見出しの角を丸くして丸角にする方法

最近、Web制作ばかりしているのでめっきりPHP関連の投稿がありません。その代わり、WordPressやら、スタイルシートやらが増えています。 今回は基本的なことですが、スタイルシートで丸角を表現する方法です。 bord …

[CSS]ボックスを中央揃えにする方法

画像や文字列を中央揃えにする方法としては、HTMLでCENTERタグを使えば中央揃えになりますが、今回はスタイルシートを使って背景に画像があるボックスを中央揃えにしてみたいと思います。 HTMLはシンプルにこれだけ 中央 …

みんなが好きな色は何色?男性と女性で好きな色はやっぱり違う

ちょっと興味を引く記事を見つけたのでご紹介します。 「Preferences – Favorite Color」 好きな色について調査した結果です。 みんなが好きな色は「青」 男女合わせて最も好きな色は「青」 …

[CSS]見出しタグを画像でリッチに表現する方法

HTMLの見出しタグ(H1、H2、H3・・・)はよく使われるタグですし、見出しを付けてサイトを構成することは見やすいサイト作りの基本です。 今回はそんな見出しタグの背景に画像を表示して、リッチな見出しにする方法をご紹介し …

[CSS]文字に影を付ける方法

今回はスタイルシートを使って文字に影を付ける方法をご紹介します。 HTMLで文字を表示する時、画像(ボタンなど)の文字にはドロップシャドウの効果が付いているので読みやすかったり、少しリッチな感じがしたりするのですが、テキ …

  • メールでお問い合わせはこちら

カテゴリー

アーカイブ