FileZillaをダウンロードしてインストールするやり方
FileZillaは数あるFTPソフトのうちの一つでPCからサーバーへアップロードしたり、逆にサーバーに保存していたファイルをPCにダウンロードするというファイル転送ができる無料の […]
HTML
HTMLファイルの開き方をブラウザを指定して表示する
HTMLの勉強を始めたときにHTMLファイルをブラウザで開いて表示する方法が全くわかりませんでした。 一体どのようにしてHTMLファイルを「Chrome」「Safari」「Fire […]
HTML タブの切り替えができるボックスを作成する
HTMLページでタブをクリックしたら、タブと連動してタブ下のコンテンツが切り替わるボックスを作成してみました。 タブで切り替えができるようにする前は、３つのリストを横並びにしてるだ […]
HTMLでページ内の特定の場所にジャンプする指定方法
HTMLページ内のリンクから自分で指定する特定の場所までジャンプできるようにしたいので指定方法を勉強してみました。 「ページ内で特定の場所にジャンプ」 「ページ内から […]
HTMLページの文字化けを直して解決する方法
作成しておいたHTMLページをスマホのテキストエディタで表示したときに6つあるHTMLファイルのうち2つが文字化けしてることに気づく。 PCでは文字化けしないのになんでスマホでは文 […]
jqueryプラグインで背景画像を自動スライドショーにする
複数の背景画像を順番に表示していくことができるスライドショーは、jqueryプラグインを使用することで自動スクロールするスライドショーにすることができます。 jqueryプラグイン […]
HTMLの「viewport」とは設定をどのようにすればいいのか覚える
HTMLでWebサイトを作成した表示をスマホで確認すると、全体的にコンテンツが小さくて見づらい。Webサイトを小さいスマホ画面で見やすく表示するためのレスポンシブ化が不足してること […]
iPhoneでHTMLソースを表示するアプリを使用して見る
iPhoneでHTMLソースを表示することができるアプリを見つけたのでインストールして使用して見ることにしました。 PC環境がない場合にiPhoneだけあれば自分のサイトや色々なW […]
Font AwesomeのアイコンをHTMLとCSSで表示する
Font AwesomeはWeb上のアイコンをアイコンフォントという文字として表示することができる商用利用が可能なツールです。 Font Awesomeの無料で使用可能なアイコンだ […]
HTMLで表示と非表示の切り替えをクリックでできる要素を作る
HTMLで表示と非表示の切り替えをできるように要素を組み立て、チェックボックスと連動するボタンをクリックしたら、組み立てた中の要素で文字や画像が表示と非表示に切り替わる、折りたたみ […]
HTMLでclassを複数指定するときはスペースがポイント
HTMLで一つの要素にclass属性の属性値(クラス名)を一つだけではなく複数指定することができます。 HTMLでclass名をふたつ以上同一要素に指定したり、入れ子になった要素で […]
HTML パンくずリストを構造化データにしてマークアップする
パンくずリストを作成するためにHTMLで要素をリストにしてマークアップするのは比較的簡単なのですが、作成したパンくずリストを構造化データにしてマークアップしたことが一度もなかったの […]
HTMLファイルにCSSファイルを読み込ませる方法
CSSを記述する専用のcssファイルを作成して、作成したHTMLファイルにcssファイルを読み込ませることでスタイルを適用していくことができます。 HTML文章にインラインで直接c […]
HTMLで2カラムのレイアウト作成をできるようにする
2カラムのレイアウトを作成できるようにするためには、HTMLの要素をどのようにマークアップすればいいのか、そして作成した2カラムのHTML要素をどんなCSSを使用してレイアウトを組 […]
iPhoneでHTMLエディタの無料アプリを使用してみた
iPhoneでHTMLエディタの無料アプリを使用してみたのですが、意外とPCではない環境でHTMLやCSSのコーディングするのも悪くないかなと思いました。 iPhoneで使用した無 […]
HTMLのnoindexはどのような書き方と使い方をするのか理解する
HTMLでnoindexタグを書くときは、どのような書き方をすればいいのか理解できるようにしておこうと思います。 「noindexの書き方」では、noindexの指定をするためにm […]