HTMLとCSSについて

htmlとcss 2017.11.06

CSSで背景色を透過させる方法

CSSで背景色を糖化させる方法について

rgba()を使って透過させる 要素を透過させる時には「opacity」を使用すると思います。 ですが「opacity」では、CSSを割り当てた要素全体が透過します・・・ なのでその要素に含まれる画像や文字も透過してしま […]

htmlとcss 2017.10.31

CSSは検索機能を使って編集項目をすぐに見つけよう

CSSで検索機能を使って編集項目を見つける

コメント機能を活用して編集箇所を検索する CSSを編集していると、「あの項目はどこで設定したっけ?」とか「あのページのCSSはどのあたりに書いたかな?」と迷子になる事があります。 全てのページ、全てのパーツを同じ日に作り […]

htmlとcss 2017.10.06

vw, vh, vmin, vmaxというCSSで使える単位について

vw,vh,vmin,vmaxなどCSSで使える単位について

ブラウザの大きさを基準とした単位 CSS3では新たに「vw, vh, vmin, vmax」という単位が追加されたいたんですね。つい先日まで知りませんでした・・・ これら4つの単位に共通で付いている「v」は「Viewpo […]

htmlとcss 2017.08.17

id・class名に日本語が使えるってホント?

【CSS】id名、class名に日本語が使えるってホント?

idやclass名を日本語に設定する事ができます 以前に参考にしていたWebサイトを見ていた時です・・・何気なくclass名を確認してみると驚きの光景が広がっていました・・・ ・・・class名に日本語が使われていたんで […]

htmlとcss 2017.07.28

thやtdにpositionを付けてはいけない

【HTML】thやtdにpositionをつけてはいけない

thやtdにpositionを指定しても効かない 先日、tabel要素のセルにアイコンをpositionで位置を指定して配置したい案件があったので、何気なしにtd要素へpositionを付けました。 普段から使っているG […]

htmlとcss 2017.07.24

viewportを設定して正しく見えるように整える

viewportを設定して正しく見えるように整える

viewportを設定して、表示させる画面サイズを決める GoogleのモバイルフレンドーテストでWebサイトをチェックしたとき、「モバイル用viewportが設定されていません。」なんて文言を見たことはありませんか? […]

htmlとcss 2017.07.05

レスポンシブWEBデザインでも簡単に印刷対応する

レスポンシブWEBデザインの印刷対応について

スマートフォンファーストで作ると印刷対応が難しい レスポンシブWEBデザインで作られたページの場合、画面幅によってCSSを切り替えます。 普通にブラウザで閲覧するには問題になりませんが、印刷する時・・・この時には思い通り […]

htmlとcss 2017.06.27

とっても便利な「box-sizing」

とっても便利な「box-sizing」について

paddingやborderを付けた時の要素幅指定について paddingとかborderって意外と厄介ですよね。 例えば横幅500pxのボックスを用意します。 そこにpadding:50px;とborder:5px s […]

htmlとcss 2017.06.23

instaglamの投稿画像をWebページへ掲載するには

Instagramの投稿をWebページへ掲載するには

2019年1月30日追記 2020年には埋め込みに使っていたAPIが使えなくなるので、この記事情報では設置ができなくなる可能性があります。 ご了承ください。 この記事にある実装方法では、設置ができない可能性があります。 […]

htmlとcss 2017.06.20

IEの各バージョンを分岐させる方法

IEの各バージョンを分岐させる方法

まだまだなくならないIE10以前・・・ Windowsに最初からインストールされているInternet ExplorerことIE 今では最新バージョンの11以前はサポートが終了していますね。 サポートの切れたインターネッ […]

htmlとcss 2017.06.08

コンテンツの高さを揃える「fixheight.js」

コンテンツの高さを揃える『fixHeight.js』

コンテンツの高さを揃えたい時に便利! Webページを作成していて3カラム、2カラムなどの複数列にコンテンツを配置する事がありますよね。 1行であればそこまで問題になりませんが、2行3行と複数行になっていくとコンテンツの高 […]

htmlとcss 2017.06.07

スマホにも対応する便利な画像拡大Script

スマホにも対応する便利な画像拡大Scriptについて

「photoswipe.js」を使って画像を拡大表示させよう ホームページにはクリックで画像を拡大するページがありますよね。 新規でタブが開いて、ブラウザ内に大きく表示されたり、ページが暗転してその上に画像が表示されたり […]

htmlとcss 2017.06.02

リンクエリアを拡大させるbiggerリンク

リンクエリアを拡大させるbiggerリンクについて

biggerlink.jsでクリックできる領域を拡大させる ホームページを作っていて、a要素でリンクを設定します。その時にa要素で囲んだ範囲しか、リンクができません。 あまり問題が無いように思えますが、実際にWebページ […]

htmlとcss 2017.05.31

301リダイレクトを正しく設定しよう

301リダイレクトについて

URLが恒久的に変更された事を伝える「301リダイレクト」 301リダイレクトはURLが恒久的に変えた場合に使われる転送処理のステータスコードです。 「ページをリニューアルして、フォルダ構造が変わった」「移転してドメイン […]

CONTACTお問い合わせ

ホームページ制作に関するご質問などございましたら、
お気軽にお問い合わせください。

※ブログ記事に関するご質問はお答えしかねます。

TEL:0258-31-5005FAX:0258-37-7301

ホームページ制作やSEOのお悩みはぜひ弊社へご相談ください