便利帳

自分用備忘録。誰かの役に立てたら幸いです。

CSS:三角形を作る

CSSを使って三角形を作る方法をまとめます。 <p class="triangle "></p>HTMLで三角形を設置したい場所に上記のように記載します。 .triangle { width: 0; height: 0; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent;…

CSS:リンクの範囲を広げる

バナーなどをCSSで作成した時、aタグのクリックの範囲を広げる方法です。 通常 <ul> <li class="nav-item><a href="#">リスト</a></li> <li class="nav-item><a href="#">リスト</a></li> <li class="nav-item><a href="#">リスト</a></li> <li class="nav-item><a href="#">リスト</a></li> </ul> .nav-item { display:inline-block; } .nav-item a { text-decoration: no…

Basic認証の仕方:特定のページのみ

Basic認証をかけたい時に、ディレクトリ全部ではなく特定のページのみに設定したい時があります。その際の、「.htaccess」の記載の仕方です。基本は下記をご参照ください。kana-webmanual.hatenablog.com .htaccess」下記のように記載し、 [test-page.html]…

Basic認証の仕方

作成中のサイトなど、パスワード保護をかけたい場合に 「Basic認証」を用いてアクセス制限をかけます。まず用意するファイルは ・「.htaccess」 ・「.htpasswd」 上記の二つです。テキストファイルで作成することができます。 パソコンで作成した際に、拡張…

CSS3:クロスブラウザプロパティ

クロスブラウザプロパティの一覧です。 -ms- …… Internet Explorer -webkit- …… Google Chrome、Safari -moz- …… Firefox -o- …… FirOperafox

WordPress:TOPページ以外表示されない

Wordpressのサイトアドレスを変更した時に、 (例えば http://***/wp → http://***/ へ変更) TOPページ以外のページが404エラーになってしまうケースがあります。これは、Wordpressが生成する「.htaccess」の中身が適切でないために起こるようです。 きちんと…

MySQL:Adminerの使い方

MySQLの中身を確認したい時、テーブルなどを作成したい時に 活用できるツールです。 [公式サイト] www.adminer.org 使い方は非常に簡単です。 公式サイトより最新ソフトをダウンロードして、それをそのまま自分のサーバーにアップロードするだけです。アップ…

CSS:文字にを縁取る

CSSでテキストを縁取りたいことがあったので まとめておきます。 text-strokeを用いて縁取る こちらの方法では文字の内側に縁取りがつきます。 .text { -webkit-text-stroke: 2px #000; }※現状では〔-webkit-〕をつける必要があるとのこと text-shadow を用…

WordPress:アドレスの設定を間違えたとき

ドメインなどを購入し、Wordpressのアドレスを変更しようとした時に、 WordPressの管理画面にログインできなくなるということがあります。これはWordPressアドレスの設定を間違えたというケースです。一度やってしまい非常に焦った経験がありますので、まと…

HTML/CSS・jQuery:ページ内リンクをスムーススクロールで移動する

ページ内にリンクを設定する際にスムーススクロールで移動する方法です。jQueryを使用します。 HTML/CSS HTML <div class="header"> ヘッダーがはいります </div> <div id="content"> <a href="#link">CONTENT</a> </div> CSS #content{ padding-top: 100px; } #link { margin-top:-100px; } jQuery $(function () { $('a[href^=#]')…

はじめに〜おまけ:ソースコードの埋め込み〜

これから自分が調べて知ったことなどをまとめていこうと思います。 (まとめたいと思っていることがたくさんあっていつ追いつくのやら・・・。) 仕事がらweb制作関連が中心になります。 webに関しては、独学で異業種から始めた自分は基礎が全くないため、最…