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

MENU [+]閉じる [×]

ホームページ制作において、デザイン修正は様々な場面で発生することがあります。 文言を変更したい場合や、要素の並びを部分的に入れ替えたい場合など、状況に応じて様々ですが、特定の種類の修正でも、制作案件の進行具合に応じて「修正作業の内容」が異なる場合があるのです。 私が経験させていただいた中で、とくにその違いを大きく感じるのは「コーディングに着手する前か、後か」というボーダーラインです。 …… 続きを読む

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

皆さんは、ホームページのデザインを、どのページから始めるのが良いか、お考えになったことはありますか? もちろん、すべての場合に当てはまる正解などありません。 依頼者様からご注文・ご要望のあったページが納期までに公開されていれば問題ないとは思いますが、それでも、効率的に作れるならばその方法を考える意味はあると思います。 そこで今回は、あくまで考え方の一つとして「ホームページのデザイ …… 続きを読む

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

jQueryといえば、ペーズのスムーズスクロールや画像のスライドショーだけでなく、フォームの項目の制御にも使えます。 代表的なものの一つが「チェックボックス」ですが、チェックボックスにチェックした時と、チェックを外した時(または初期表示の状態)とで処理を分けるようなjQueryの記述が使えれば、より便利になりそうです。 そこで今回は「チェックボックスの変更に応じて処理を分ける方法」をご …… 続きを読む

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なしで作りたい!」 とお考えの方も多いようです(^^;) そこで今 …… 続きを読む

1 / 3123

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

ページの先頭へ