Profile cover photo
Profile photo
西村文宏(にしし)
28 followers -
All About「ホームページ作成」ガイド。著書5冊発売中です。本を書いたり、記事を書いたり、萌えたりしています。このGoogle+アカウントでは主に、All About等での新着記事の案内や、ブログ更新情報のお知らせなどを垂れ流しております。お気軽にフォロー下さい!
All About「ホームページ作成」ガイド。著書5冊発売中です。本を書いたり、記事を書いたり、萌えたりしています。このGoogle+アカウントでは主に、All About等での新着記事の案内や、ブログ更新情報のお知らせなどを垂れ流しております。お気軽にフォロー下さい!

28 followers
About
Posts

Post has attachment
記事『アイコンWebフォント Font Awesome 5 の簡単な使い方』を全面改稿しました。

約4千種類のアイコン(絵文字)を収録したWebフォント「Font Awesome 5」を自サイトで簡単に使う方法を解説しています。

Ver.5でかなり仕様が変わりましたので。有料版が増えましたが、無料版でも1300種類以上のアイコンWebフォントが使えます。
あくまでもフォントですから、すべてのアイコンは「文字」として表示できるため、CSS(スタイルシート)で簡単に色やサイズを指定可能です。
そのほか、アイコンを回転させたり2つのアイコンを重ね合わせて新たなアイコンを作るような方法も紹介。

ぜひ、試してみて下さい。
https://allabout.co.jp/gm/gc/402551/
Add a comment...

Post has attachment
記事『CSSの両端揃え(均等割り付け)で行の右端も揃える方法』をちょっとだけ改稿しました。

ウェブ上のテキストを両端揃え(均等割り付け)にする方法を解説しています。この方法を使うと、各行の左端だけでなく右端も綺麗に揃います。
基本は text-alignプロパティに値 justify を指定するだけですが、IEとEdgeに関しては text-justify プロパティを併用して独自拡張の値を指定する必要があります。
https://allabout.co.jp/gm/gc/24009/
Add a comment...

Post has attachment
記事『ハートマークを表示したい! ハート記号の出し方』を改稿しました。
ウェブページにハート系の記号を表示する方法を解説しています。「ハート」と一口に言っても、実はUnicodeにはハート系の絵文字が20種類以上あります。それらハートマークの探し方と書き方、CSSを使った装飾方法などを紹介しています。

HTMLをUTF-8コードなどで記述していれば、どのハート記号もそのままソース内に記述できます。しかし、SHIFT-JISコードなどで記述している場合には、そのままHTMLソース内に書くことはできないので、数値文字参照などの書き方が必要です。それらの書き方も解説しています。
https://allabout.co.jp/gm/gc/23895/
Add a comment...

Post has attachment
記事『移転先へ自動移動(転送/リダイレクト)させる方法』をちょっとだけ更新しました。
ウェブサイトを移転した際などに便利な、アクセス者を一括して指定場所へ自動移動(リダイレクト)させる方法を解説しています。
.htaccessファイル・HTMLのmeta要素・JavaScriptの3通りでリダイレクトする書き方を紹介。
すぐに自動転送するほか、旧サイトの全ページに同じ「新しいホームページへの引っ越し案内」を一括表示する方法もあります。
https://allabout.co.jp/gm/gc/23770/
Add a comment...

Post has attachment
新規記事『メタタグとは? SEOにも重要なmetaタグの意味と書き方』を公開しました。

meta要素ってそもそも何なの?という基本から、HTMLソースに最低限は書いておきたいmeta要素3つとして、charset、description、viewportの書き方を解説しています。

また、meta keywordsは書いても意味がないよ、という話や、OGP+Twitter Cardsの書き方についても簡単に紹介しています。

SEOやアクセス向上に役立つmeta要素は忘れずにしっかり書いておきましょう、という初歩の解説記事です。
https://allabout.co.jp/gm/gc/476351/
Add a comment...

Post has attachment
新規記事『FTPソフトとは?役割と使い方&初心者におすすめな2選』を公開しました。
「ウェブサイトを公開するにはFTPソフトらしきモノが必要っぽいけど、そもそもFTPソフトって何なの?」という方々向けにざっと概要と役割を紹介した記事です。FTPソフトについて解説を書いて、という注文を受けたので書きました。

ウェブサイトのアップロードにはたいていFTPが使われていると思います。しかし、FTPはそのままでは暗号化されない通信なので、暗号化して通信するFTPSやSFTPがあります。名称が似ていますが、FTPSとSFTPは異なる通信です。その辺も軽く紹介しています。
既にウェブサイトを運営している方々にとっては特に新しい情報はないと思いますが、これから自分でサーバを契約してウェブサイトを作ろうと考えている方がいらっしゃったら、この記事もご紹介頂ければ幸いです。(^_^;)
https://allabout.co.jp/gm/gc/47989/
Add a comment...

Post has attachment
記事『CSS3とは? 機能が増えて便利になったスタイルシート』を改稿しました。

昔々、HTML5+CSS3が新しい技術として話題になった頃に書いた解説です。今となっては「CSS」といえば「CSS3」のことを指すでしょうけれども。
CSS3ってそもそも何なんだろう? CSS4もあるの? といった基礎というか背景を紹介しています。
また、CSS3で追加された様々な仕様を利用した書き方や関連記事も紹介していますので、ぜひ覗いてみて下さい。
https://allabout.co.jp/gm/gc/376450/
Add a comment...

Post has attachment
記事『別窓を開かずに その場で拡大画像を表示する4つの方法』を改稿しました。
ウェブページに掲載したサムネイル画像(縮小画像)がクリックまたはタップされた際に、ページ移動せずその場で拡大画像を表示できるLightbox系スクリプトのおすすめ4本を紹介しています。

jQueryを使う本家Lightbox2、スマホでの全画面表示に便利なIntense Images、画像以外にも使えるColorbox、jQueryなしのJavaScriptで動作するLightboxPlusなど、選び方の参考としてそれぞれの特長を簡単にご紹介。
各スクリプトの使い方を解説した記事はそれぞれについて別途ありますので、気になったスクリプトについてはそれらの記事もぜひご参照下さい!(記事中からリンクしています。)
https://allabout.co.jp/gm/gc/23975/
Add a comment...

Post has attachment
記事『タブやブックマークに独自アイコンを表示する方法』を改稿しました。
ブラウザのタブやブックマーク項目に表示されるアイコンとして、ウェブサイト独自の画像を設定する方法を解説しています。
favicon.icoファイルやapple-touch-icon.pngファイルを作って、短いHTMLを書くだけの簡単な方法で、自身のウェブサイトを表すアイコンを付加できます。

PC用ブラウザのタブやアドレスバーやブックマーク項目、スマートフォン用ブラウザのブックマーク項目やホーム画面などに自作のアイコン画像を表示させてみて下さい。
https://allabout.co.jp/gm/gc/23917/
Add a comment...

Post has attachment
記事『画像拡大スクリプトLightbox2の簡単な設置方法&使い方』を改稿しました。
ページ移動せず、別窓も開かずに、サムネイル画像をその場で拡大表示するための定番スクリプト「Lightbox2」の使い方を解説しています。

使い方からカスタマイズ方法まで、表示サンプルと共に1ページで解説。
Lightbox2はjQueryと共にCDN経由で読み込めるので、自サイトに何のファイルも設置することなく簡単に使えます。
ぜひ試してみて下さい。
https://allabout.co.jp/gm/gc/470618/
Add a comment...
Wait while more posts are being loaded