「 コーディング 」 一覧

Basic認証を簡単に設置する方法

特定の人にだけ公開する場合、IDとパスワードを用意する「Basic認証」という方法でアクセス制限をするのができます。 「Basic認証」で必要な「.htaccess」「.htpasswd」の設置が、ち …

カラーミーショップ無料テンプレート「Bit」のフリーページ表示順を変えてみた

比較的安価でネットショップ初心者でも始められる「カラーミーショップ」。 スマホからのアクセスにも対応できる、シンプルなレスポンシブデザインの無料テンプレート「Bit」があります。 デフォルトのテンプレ …

モバイル フレンドリー テストで合格しているのに、「スマホ対応」ラベルが付かない時

スマホで検索していると「スマホ対応」と表示されるようになって、しばらく経ちました。 検索している時の順位も、「スマホ対応」と表示されてないページより、表示されているページの方が上位に表示されているのを …

no image

Webフォント「Google Web Fonts」を使ってみた

だんだんと古いブラウザに対応しなくてよくなってくると、以前は画像だけで対応していたものがcss3などを利用できるようになってきます。 Webフォントもcss3の技術。簡単に好きなフォントを使えるのが嬉 …

no image

クリッカプルマップをjQueryでレスポンシブ対応させる方法

滅多に使わないのですが、たま~に「クリッカプルマップ」を使用してコーディングをする事があります。 しかし、「クリッカプルマップ」はレスポンシブで使用してしまうと、リンク位置がズレてしまう現象がおきます …

no image

ちょっと複雑なtableがコピペで簡単にできる「Table Tag Generator」

滅多に複雑なtableタグを書くことがないのですが、久々にtableタグを使うことになって・・・すっかり忘れていました。。。 tableデザインの時代のコーディングでなくて良かった!! ・・・で、簡単 …

no image

スマホサイトの画像コピーガード対策

スマホ向けのサイト制作の機会が増えました。 PC向けの時にいろいろとしていた画像コピーガード対策も、スマホ対応しなくてはならなくなってきました。 画面の長押しすると、画像を保存することができます。 し …

no image

無料で簡単!アイコンフォント「Font Awesome」を使ってみた

先日SNSアイコンをつけた時に、アイコンフォント「Font Awesome」を使用しました。 無料で、初めてでも簡単に使えるアイコンフォント「Font Awesome」。 いろいろな使い方があるので、 …

no image

スマホ用サイトに「LINEで送る」ボタンを設置してみる

スマホ向けに情報を発信しているサイトなど、あると便利なシェアボタン。 いつの間にかに「LINEで送る」ボタンが出来ていたのですね。 ひとまず自分用に記述方法を2種類メモします。

no image

別窓でリンク先のページをポップアップで開きたいとき

よくリンク設定で、「target=”_blank”」を入れて別タブで開くようにすることは多いですが・・・。 今回、たまたまポップアップでリンク先のページを表示することになって、 …