HTML/CSSファビコンを設定する方法：検索結果に表示されない時の対処
今回はWEBサイトのファビコンを設定する方法を紹介します。また検索結果に表示されない理由やWordPressでの設定では1点注意が必要だった点など、役に立ちそうな情報も一緒に説明していきます。
2020-05
HTML/CSS
Tool/AppTweetの予約投稿の仕方(スマホでの予約方法)
今回は、Twitterが待望のTweetの予約投稿を操作できる機能を公式に追加したので、その使い方を紹介します。今まで、ツイートの予約と言ったら外部のツールを使用して色々と設定をしてからでないといけなかったのですが、今回の追加機能は公式Twitter一つだけで誰でも簡単に予約投稿が可能になりました。※2020/05/30時点ではPC版のみの機能です。ただスマホでも予約投稿する事も出来ます。
Tool/App複数ファイルの同要素を一回で置換する裏技
今回は、テキストエディタの「Visual Studio Code」を使用して指定した全てのファイルの特定の要素を好きな文字列に一括置換する方法を紹介します。
Tool/Appサイトに何のツールを入れてるか確認する方法
今回は、他人のWEBサイトやホームページはなんのCMSで作られているのか？もしくはどんなツールが入っているのか？を簡単に見る事が出来る方法を紹介します。またその方法を更に分かり易くしてくれるChromeのプラグイン（拡張機能）を一つ紹介します。
HTML/CSSテキストの前後に共通の記号やアイコンを付けたい（before/after）
今回は、CSSの「::before」と「::after」を使用してテキストや要素の直前または直後に共通の記号やアイコンなどのコンテンツを配置する方法を紹介します。「::before」と「::after」を使用すると下記の様に決まったクラス名を付けてあげるだけで決まったコンテンツ（アイコン）が直前直後に付いてくれます。
Server【お名前】CSVを活用してメールアドレスを一括追加する方法
今回はお名前ドットコムのレンタルサーバーから複数のメールアドレスを作成する際にCSVを利用して楽に一括申請する方法を紹介します。この方法を使えば100件でも1000件でも作業時間10分で超簡単に追加と管理が可能ですので、お名前ドットコムを利用しているWEB担当者は覚えておきましょう。
HTML/CSS【特殊文字コード】HTMLで使用できない記号を実態参照で表示する方法
今回は、HTMLで表示する事が出来無い特殊文字や記号を表示させるための実態参照についてを紹介します。またよく使う実態参照の例をいくつか紹介します。
GadgetiPhoneの拡大鏡の消し方と出し方：謎に表示されるレンズのやつ
今回は、iPhoneの機能にある拡大鏡のレンズ（ズーム機能）の消し方と出し方についての裏技を紹介します。下の方にある楕円の小さなボタンを押せば、「縮小」「区域を選択」「レンズのサイズを変更」「フィルタを選択」「コントロールを表示」と出てきます。その一番上の「縮小」を押せば消えてくれるのですが、初めのボタン部分が小さくて全く反応してくれずにイライラする・・・そんな経験はないでしょうか？
HTML/CSS【CSS】:first-○○で最初の要素のみスタイルを変える方法
今回はCSSの「::first」のプロパティを使って最初のテキストもしくは要素のみにスタイルを適応させる方法と使い方について紹介します。今回紹介する「:first-○○」を使えば下記の様に同じタグ（クラス）内に入った要素で初めの1行や要素のみにスタイルを適応させる事が出来ます。本来はタグやクラスをしっかりと付けてスタイルを振り分ければ良いのだが、今回の「:first-○○」は基本的に装飾的な意味合いが大きいのでWEBデザインを作成する際にメリハリの付け方などで重宝する技術です。
IT literacyUI/UXとは？事例と共に二つの違いを分かり易く解説
今回はUI/UXとは何なのか？どの様な場面で使う用語なのか？そして両者の違いについてとWEBデザインでの活用方法を事例と共に紹介していきます。UI/UXは"良質なWEBサイト"には必須な概念なのでしっかりとUI/UXを理解してサイト制作に挑みましょう。