新潟県妙高市|ホームページと広告の相談相手

MENU [+]閉じる [×]

Photoshop(フォトショップ)では、様々なブレンドモード(描画モード)が実現できます。 その表現を応用すればデザイン性の高い作品も作れますが、ホームページで、とくに更新の頻度が高いページに使う素材として描画モードを施した画像を扱うのは作業の手間がかかるもの。 でも、Photoshopと同様の描画モードがCSSで実現できるとしたら、いかがでしょう? 今回は、その方法をご紹介し …… 続きを読む

ユーザーの方の操作に応じて、Webページ内の表示や動きを制御するホームページは、今ではよく見受けられます。 それらを実現している要素は「jQuery&CSS」です! 今回は、jQueryでCSSのスタイル定義を追加・変更・削除する方法をご紹介したいと思います。 この記事の目次 [基本]jQueryでCSSを操作する(主な)2つの方法 [方法1]特定の要素のCSSのスタ …… 続きを読む

CSSで、ページ内のコンテンツとコンテンツを仕切る要素として「区切り線」というものがあります。 今回は「hr要素で区切り線をデザインする方法」として、基本的な考え方を中心にご紹介します。 この記事の目次 [前提]リセット用CSSであらかじめ記述しておきたいスタイル定義 [基本]リセット用CSSで定義してしまえば、ある程度は[border属性]だけで表現できる件 [応用]背 …… 続きを読む

主要ブラウザの一つとして、Safari(サファリ)も挙げられるかと思います。 「Safariだけ他のブラウザと表示が違う!」 という声を聴く頻度は、私の個人的には、あまりありません。 でも、ゼロではないのも事実です(^^;) そこで今回は「Safariが対象のCSSハック」をご紹介します。 Safariだけに適用されるCSS Safariのみにスタイルを適用させ …… 続きを読む

マイクロソフトに「Edge(エッジ)」というブラウザがあります。 コーディングをしていると、いろいろな理由でEdgeだけズレているという場合もあります。 今回は「Edgeが対象のCSSハック」をご紹介します。 Edgeだけに適用されるCSS Edgeだけに適用されるCSSは、適用させたいCSSのスタイル定義を[@supports (-ms-ime-align:auto) { …… 続きを読む

コーディングをしていると時々、一部のブラウザのみで、想定と違う表示になってしまう場合があります。 そのほとんどが「まるで違う」というより「微妙なズレ」という程度のものではないでしょうか。 一部のブラウザで表示がズレている場合、一般的には「CSSハック」と呼ばれる、そのブラウザのみで適用される特殊なCSSの記述形式を用いるのが一般的です。 今回はその中で「Internet Expl …… 続きを読む

ホームページを作るとき、特にスマートフォン用サイトの制作の場で「ハンバーガーメニュー」という単語をよく聞くようになりました。 HTMLとCSS、そしてjQueryを用いて作ることがまだまだ多いと思われますが、一部のスマートフォンの機種でjQueryの一部記述と相性が良くない問題があり、 「できればjQueryなしで作りたい!」 とお考えの方も多いようです(^^;) そこで今 …… 続きを読む

ホームページを見ていると、画面をスクロールさせるたびに、ヘッダーのメニュー項目が最上部に固定されたまま付いてくるページもありますよね(^o^)? 今回は、そんな時に役立つ「スクロールしたらヘッダーを固定したい場合のアイディア」のご紹介です。 この記事の目次 【結論】スクロールしたらヘッダーを固定したい場合のアイディア [概要]jQueryとCSSとで行われる処理のしくみ …… 続きを読む

ホームページのコンテンツを更新するとき、使用する画像のタテヨコ比が一定でない場合もあるでしょう。 制作会社がPhotoshopなどを用いて画像のタテヨコ比を整えることができれば良いかもしれませんが、お客様にコンテンツの更新を行なっていただく場合、つどサイズ調整していただくのも大変です(^^;) そこで今回は使用する画像のタテヨコ比が一定でない場合に、画像を指定サイズに収めて余りをトリミ …… 続きを読む

Copyright (C) 妙高Web屋 All Rights Reserved.

ページの先頭へ