画像の加工はスタイルシートで
昨日、こんな記事を書きました。kimi to boku / B-CHAN を出版しました。iPhone、iPad、Android、Kindleで読めます。
この記事の中で、iPhoneとAndroidのKindleアプリのリンクを貼りました。
もう一度ここに貼ってみます。
Kindle
価格：0円
平均評価：4.1（317,533）
平均評価：4.1（317,533）
iPhoneもAndroidもアイコンの角が丸くなっています。
実は、iPhoneのほうのKindleの元のアイコンは、こうです。
で、昔は角が丸いアイコンを作るには、グラフィックのアプリを使って加工する必要があったんですね。
しかし今は違います。
HTMLとCSSだけで、四角い画像の角を簡単に角を丸く表示することができます。
つまり、画像自体は四角いままで、表示のときに角を丸く表示できるということです。
CSS3の時代になって、スタイルシートを使って、こんなことが可能になったんですね。
<img />
だと四角いままなので、
<img style="border-radius:20px;" />
てな感じで、
imgタグに、
style="border-radius: 20px;"
を加えてるだけです。
20pxの数値が角丸の大きさです。
CSS2までの時代のことはよく知りません。
こんなのWeb制作関係者からすれば当たり前！と言われそうですね。
でもいいんです。
ボクの仕事のキャリアはWeb制作とは何の関係も無いアマチュアですし、このブログもアマチュア向けですから。
経済学を知らない人向けに経済学の記事を書き、
生命保険を知らない人向けに生命保険の記事を書き、
不動産を知らない人向けに不動産の記事を書き、
論理的思考を知らない人向けに論理的思考の記事を書き、
スマートフォンの使い方を知らない人向けにスマートフォンの使い方の記事を書き、
作曲方法を知らない人向けに作曲方法の記事を書き、
カメラを知らない人向けにカメラの記事を書き、
Webサイトの作り方を知らない人向けにWebサイトの作り方の記事を書き、
ダイエット法を知らない人向けにダイエット法の記事を書き、
文学を知らない人向けに文学の記事を書き、
作曲方法を知らない人向けに作曲方法の記事を書き、
自動車工学を知らない人向けに自動車工学の記事を書き、
物理学を知らない人向けに物理学の記事を書き、
金融・ファイナンスを知らない人向けに金融・ファイナンスの記事を書き、
心理学を知らない人向けに心理学の記事を書き、
IT活用法を知らない人向けにIT活用法を書いています。
プロ向けでは無く、素人向けに役立ちそうな記事を書いています。
久しぶりにブログの紹介をしちゃいました。
この中のどれかに興味がある人は、どうぞ今後もよろしくです。
これ以外の事もたくさん書いてますけどね〜。
あ、今回の記事、まったく理解できなくても、ほとんどの人には何の支障も無いので気にしないように。
というわけで、あらためまして、Kindleから出版されたボクの詩集をよろしくお願いします。
iPhone、iPad、Android、Kindleで読めます。
