どっちの構図がいいのかなあ、と悩むｗ
上の写真は、右の花がメインに見えるし、下の写真は左の花がメインに見える。
はいけいのぐちゃぐちゃが見えるか見えないかでは上の方がましに思える・・・
桜はだいぶんほころんでました。
ほとんどの蕾がピンク色になってた。
どっちの構図がいいのかなあ、と悩むｗ
上の写真は、右の花がメインに見えるし、下の写真は左の花がメインに見える。
はいけいのぐちゃぐちゃが見えるか見えないかでは上の方がましに思える・・・
桜はだいぶんほころんでました。
ほとんどの蕾がピンク色になってた。
| ||
| ||
|
| ||
| ||
|
| |||
| |||
|
| ||
| ||
|
| ||
| ||
|
| ||
| ||
|
| ||
| ||
|
| ||
| ||
|
| ||
| ||
|
| ||
| ||
|
むしゅめが塾に行き始めた。
さっそく春休みの講習だよ～いくらいるんだろう？
４月ぶんコミで３６０００えん払ってきた
そして緊縮財政に付き、またおやつにポップコーン作った。今日もどんぶりふたつできた。
買い物に行くとカネ使うから行っちゃだめだな・・・家族４人で１日１０００円を厳守しなければ・・・
（・・・・・・・・浮いた金でケロロ全巻大人買いしたとか言えない・・・・・・）
ネットスーパーで１時間ぐらいかけているもの、いらないものを熟慮しつつやまもり買うのがいちばんいい。スーパーだと、とりあえず「安い」で買うと合計金額聞いて「えっ？」てなるからなあ・・・
| ||
| ||
|
一個ずつ<a>タグでくくるテキストリンクではなくて、たぶんリスト＋ｃｓｓで作るべきなんだろう、と思った。
で、うちのサイトでためしに作ってみた。
四角のボーダーで囲ってあるリンクがリストタグ<li>を横並びにさせたもの。
上の、普通のテキストリンクとの違いは
ボーダー内をタッチ、あるいはクリックすることでリンクになるってだけだけど、
上のちっこい数字をiphoneで指タッチする難しさを考えると、妥当かな、と思うんだけどどうでしょう？（そもそも目次の字が小さすぎる、という批判は甘んじて受けるっ）
【追記】
iphone用のｃｓｓもいじりにいじって、何とかこんなふうに表示されるようになった。
色がかわってるのは、visitedの部分。わかりやすいかなーって思って。
２の、テキストリンクのところだけはさすがにちょっとめんどくさくてhtml書き換えていません。
角丸とシャドウを使っています。
htmlは以下↓
<div id="mokuji">
<ul>
<li><a href="short/tuki_v1.html">１</a></li>
<li><a href="short/tuki_v2.html">２</a></li>
</ul>
</div>
ｃｓｓは参考サイトからいただいてきたのでそっちをみてください。
いっぱい書き換えてるので、そのへんは臨機応変にｗ
（参考）
http://desperadoes.biz/ ｃｓｓによるリストタグサンプルいろいろ（横並び）
| |||
| |||
|
小説サイトにも、ｐｃ用とスマホ用のｃｓｓの両使いが広まるといいなと思って書きます。
小説用につくったページを、スマートフォンから見たときは、スマートフォン用のｃｓｓで表示するやり方。
これだとスマートフォン専用のサイトを作らずにすむので、超便利です。
１ ｐｃ用に作ったページに、以下のおまじないをくっつけます。
<meta name="viewport" content="width=320, initial-scale=1.0, user-scalable=yes, maximum-scale=2.0, minimum-scale=1.0, ">
<link media="only screen and (max-device-width:480px)" href="smart.css" type="text/css" rel="stylesheet" />
<link media="screen and (min-device-width:481px)" href="style.css" type="text/css" rel="stylesheet" />
<!--[if IE]>
<link href="style.css" type="text/css" rel="stylesheet" />
<![endif]-->
これで、画面の横幅が４８０以上のときはｐｃ用のスタイルシートstyle.cssが適用されて、それ以下のスマホサイズのときはスマホ用のスタイルシートsmart.cssが適用されるようになります。
幅は固定じゃなくて％表示で。
これだけ！マジでこれだけなので！いっそスマホ用のｃｓｓなんかなくても動きます。
スマホで見て、すごくちっさくなって見えるサイトさんが多いので、ぜひ導入してみてください。
あと、画像は３２０以下、なるべく３００ぐらいに横幅を抑えるのがみそです。
じゃないと、スマホで見たとき、横にびろーんって表示が滑りますので。
あとは小説サイトに特有のもくじをどう表現したモノか、今は試行錯誤中です。
もくじの数字リンクが１００個ぐらい並んだページって、ｐｃならありだけど・・・スマホだとどうかな、と思って。
リストでタイル状に数字をならべるしかないのかな、と思ったりもします。むずかしい。
2014/11 追記
けっこう未だにアクセスがある記事のようですので、ついでに作ってたスマホ小説用テンプレートのリンクも貼り付けておきます。
２年もまえのですけど、よろしければorz
http://homepage1.nifty.com/yuri_world/lovenovel/smarttemp/index.html
小説用につくったページを、スマートフォンから見たときは、スマートフォン用のｃｓｓで表示するやり方。
これだとスマートフォン専用のサイトを作らずにすむので、超便利です。
１ ｐｃ用に作ったページに、以下のおまじないをくっつけます。
<meta name="viewport" content="width=320, initial-scale=1.0, user-scalable=yes, maximum-scale=2.0, minimum-scale=1.0, ">
<link media="only screen and (max-device-width:480px)" href="smart.css" type="text/css" rel="stylesheet" />
<link media="screen and (min-device-width:481px)" href="style.css" type="text/css" rel="stylesheet" />
<!--[if IE]>
<link href="style.css" type="text/css" rel="stylesheet" />
<![endif]-->
これで、画面の横幅が４８０以上のときはｐｃ用のスタイルシートstyle.cssが適用されて、それ以下のスマホサイズのときはスマホ用のスタイルシートsmart.cssが適用されるようになります。
幅は固定じゃなくて％表示で。
これだけ！マジでこれだけなので！いっそスマホ用のｃｓｓなんかなくても動きます。
スマホで見て、すごくちっさくなって見えるサイトさんが多いので、ぜひ導入してみてください。
あと、画像は３２０以下、なるべく３００ぐらいに横幅を抑えるのがみそです。
じゃないと、スマホで見たとき、横にびろーんって表示が滑りますので。
あとは小説サイトに特有のもくじをどう表現したモノか、今は試行錯誤中です。
もくじの数字リンクが１００個ぐらい並んだページって、ｐｃならありだけど・・・スマホだとどうかな、と思って。
リストでタイル状に数字をならべるしかないのかな、と思ったりもします。むずかしい。
2014/11 追記
けっこう未だにアクセスがある記事のようですので、ついでに作ってたスマホ小説用テンプレートのリンクも貼り付けておきます。
２年もまえのですけど、よろしければorz
http://homepage1.nifty.com/yuri_world/lovenovel/smarttemp/index.html
| ||
| ||
|
| ||
| ||
|
| ||
| ||
|
| ||
| ||
|
ＮＮＲのスマホ版を作ることにした
今のＮＮＲのトップ、スマホだと小さすぎて見えないんだよねえ・・・
中身がちっちゃすぎるのも問題。あのテンプレート、ガチガチのhtmlすぎて、ほぼいじれないのよねえ・・・ううむｗ
とりあえず、新着と更新を吐いているｊｓを利用して、いつ見てもおｋなトップページにするのと、
各ジャンルのランキング表示を何とかスマホ表示できる形にしてみたい。
テンプレートがなあ・・・ちょっとなあ・・・・・・・・・・・・厳しいわｗ
中身見直して、できるならスマホ対応のランキングテンプレート作ってみる・・・・・・
ｃｓｓ切ったとき、２カラムの左サイドバーを１カラム表示にしたときに下に持って行けたらいいんだよね、要するに。
でもあのテンプレート古いからもしかしたらテーブルでレイアウトしてるかもしれん、と思うと
ちょっとぞっとするなあ。中身見たくないーーーーーーｗ
でもわたしが思うにスマホ対応すべきなのは、
たぶん、ほぼ、間違いなく女子向けのほうなんだなー・・・・・・
今のＮＮＲのトップ、スマホだと小さすぎて見えないんだよねえ・・・中身がちっちゃすぎるのも問題。あのテンプレート、ガチガチのhtmlすぎて、ほぼいじれないのよねえ・・・ううむｗ
とりあえず、新着と更新を吐いているｊｓを利用して、いつ見てもおｋなトップページにするのと、
各ジャンルのランキング表示を何とかスマホ表示できる形にしてみたい。
テンプレートがなあ・・・ちょっとなあ・・・・・・・・・・・・厳しいわｗ
中身見直して、できるならスマホ対応のランキングテンプレート作ってみる・・・・・・
ｃｓｓ切ったとき、２カラムの左サイドバーを１カラム表示にしたときに下に持って行けたらいいんだよね、要するに。
でもあのテンプレート古いからもしかしたらテーブルでレイアウトしてるかもしれん、と思うと
ちょっとぞっとするなあ。中身見たくないーーーーーーｗ
でもわたしが思うにスマホ対応すべきなのは、
たぶん、ほぼ、間違いなく女子向けのほうなんだなー・・・・・・
| ||
|
焼きトマトダイエットなるものがあったｗ
いや、別にダイエットしたかったわけではなくて、トマトが酸っぱすぎて生では食えなかったのだ。
けど、焼くと案外甘くなって、美味しかった。
これなら大量に食えるなあ。
ちなみにカレーにもざくぎりにしたトマトを２個ぶんぶちこんで、トマトカレーにして食べました。
いや、別にダイエットしたかったわけではなくて、トマトが酸っぱすぎて生では食えなかったのだ。
けど、焼くと案外甘くなって、美味しかった。
これなら大量に食えるなあ。
ちなみにカレーにもざくぎりにしたトマトを２個ぶんぶちこんで、トマトカレーにして食べました。
| ||
| ||
|
３時間ぐらいずーーーっとぬくぬくして動かないチワプー。
| ||
| ||
|
キモイ物体閲覧注意ｗ
犬の散歩に行くとよく見るのですが、空き地の地面にぬるぬるしてるワカメみたいなアレ。
それがなぜか我が家の犬用フェンスに！
なぜ？
ということで
接写してみました。
これ、細菌らしいです。wikipediaイシクラゲ。
| |||
| |||
|
| ||
| ||
|
買いました。
ハンディスキャナー A4～名刺サイズまで 本・書籍のデータ化（自炊）に最適 USB接続 電池駆動
自動読取【サンワダイレクト限定品】
スキャナとプリンタの複合機が壊れて、とりあえずプリンタは急ぎで別に買ったんだけども、コピー機代わりにならなくて困ってたのです。
ＰＴＡの会議の議事録を手っ取り早く作るのに必要だよなあと思って。
１０００円のクーポン＋１０倍ポイントがついてるうちに急いで買いました。
ええい、複合機はもう二度と買わんorz
スキャナとプリンタの複合機が壊れて、とりあえずプリンタは急ぎで別に買ったんだけども、コピー機代わりにならなくて困ってたのです。
ＰＴＡの会議の議事録を手っ取り早く作るのに必要だよなあと思って。
１０００円のクーポン＋１０倍ポイントがついてるうちに急いで買いました。
ええい、複合機はもう二度と買わんorz
| ||
| ||
|
豆腐カレーを作ってみました！
何と言うことはない、普通のカレーを作る途中に、絹ごし豆腐を一丁、そのまま「えいっ！」と放り込むだけです！
１ 肉を炒める
２ たまねぎ、じゃがいも、にんじんなど野菜を炒める
３ 水を分量よりちょっと少なめに入れる
４ 煮込む
５ ある程度火が通ったら、絹ごし豆腐を一丁、どーんと丸ごと放り込む！
６ まぜる！
７ いったん火を止め、ルーを投入！
８ 焦がさないようまぜまぜしつつ煮込む。この時点で見た目がほぼ”混ぜすぎなクラッシュ麻婆豆腐”状態に。
９ できあがり！
豆腐一丁どーーーん！ のせいでかなり水分が多くなります。
そのへんは適当に牛乳足すなりなんなりして最後に調整してください。
見た目は麻婆豆腐ですが、味は普通のカレーです。豆腐の存在感は限りなくゼロ。
具だくさん感はありませんが、木綿豆腐で作るとまた食感が変わってくるのかも。
何と言うことはない、普通のカレーを作る途中に、絹ごし豆腐を一丁、そのまま「えいっ！」と放り込むだけです！
１ 肉を炒める
２ たまねぎ、じゃがいも、にんじんなど野菜を炒める
３ 水を分量よりちょっと少なめに入れる
４ 煮込む
５ ある程度火が通ったら、絹ごし豆腐を一丁、どーんと丸ごと放り込む！
６ まぜる！
７ いったん火を止め、ルーを投入！
８ 焦がさないようまぜまぜしつつ煮込む。この時点で見た目がほぼ”混ぜすぎなクラッシュ麻婆豆腐”状態に。
９ できあがり！
豆腐一丁どーーーん！ のせいでかなり水分が多くなります。
そのへんは適当に牛乳足すなりなんなりして最後に調整してください。
見た目は麻婆豆腐ですが、味は普通のカレーです。豆腐の存在感は限りなくゼロ。
具だくさん感はありませんが、木綿豆腐で作るとまた食感が変わってくるのかも。
| ||
| ||
|
