>>105 ほんとはサイズのちいさいサムネイルをべつに作ればいちばんいいのかもしれないけど、そこまで気力がない
写真はぜんぶポイと放り投げて終了にしたい…
[
サイト関連 ]
>>104 ずっとつけるべきか悩んでた。わたしは逆にうっとうしいときがあるから。
でも写真が多くて読み込みちゅうはページ全体がガタガタになってしまうのが気になって。
いちおう画面タップで消せるようにはしてみたけど、どうかなあ
#サイトデザイン
[
サイト関連 ]
写真のページにロード中のくるくる(?)つけた。
#更新記録
[
サイト関連 ]
過去ログページに、日付ごとに移動できるページ内リンクをつけました。
その他いろいろ細かい修正や見え方の変更などもしています。
2回目以降のご訪問のかたで、デザインが崩れて表示されているばあいは、ブラウザのキャッシュ削除で直る可能性があります、よろしくご検討ください!(以前にも削除したよ!というかたがいらっしゃったら、たびたび申し訳ありません…)
#サイトデザイン #更新記録
[
サイト関連 ]
JavaScriptで、画面内に今現在表示されてある(≒さいしょに画面内に表示される)要素の数を取得したいのに、やりかたがわからない🥹
window.innerHeightとかと合わせて、ちみちみ要素の高さやら位置取得して判断するしかないの?? やだ……長くなりそうだし、わたしにはできなさそう……。
調べるとjQueryならできそうなんだけど、jQueryきらいだから使いたくない…🥹
[
サイト関連 ]
>>95 ほぼなにも参考にしないでいちから組んだのに🥲なんでわたしは理解してないんだ?? いやぎゃくになにも参考にしてないからか????
(でもいまのとこいちおう動いてるみたいだから、まあいいか…触らないでおこ……)
[
サイト関連 ]
写真のページ、レスポンシブに対応して、写真の枚数に応じて足りない分は自動で補う(斜線つきのマスができる)ようにJavaScriptを組んであるんだけど、正直に告白すると、計算式がじぶんでぜんぜん理解できてなくて、実のところ『ちゃんと動いているのが奇跡』状態だったりする。
ほんとうになんで動いてるんだろ?? なぞすぎる……!(いつどこで崩れるかわからなくてすごい不安。笑)
#サイトデザイン
[
サイト関連 ]
>>91 個人サイトであちこちギョロギョロ動きまくる必要はあんまりないとおもっているんだけど、個人サイトだからこそ好きにやったらいいよね。
#サイトデザイン
[
サイト関連 ]
リンクにhoverをつけたり、aboutと過去ログページにちょっとしたJavaScriptを入れたりしました。
hoverもつけてなかったんだな、わたし。タブレットやスマホで見る分には気にならないけど、パソコンで見たら動きがなくて退屈だったかもしれません。
#更新記録
[
サイト関連 ]
テキストエディタ、これまで無料のQuickEditを使っていたのですが、有料で広告なしのQuickEditプロを入れました。
買い切りで410円でした。(ほんまにええんか??ってかんじの値段ですね…)
このアプリは、見やすいし余分な機能や動きがないのがいいです。
Androidだからなのか、ほかにテキストエディタの選択肢がほとんどなくて、ほかと比べてどこが秀でてる、とかは言えないのですが。
(最低限の機能のテキストエディタってなんでこんなに少ないんだろ…。)
#買った
そうそう。すこしずつ検索避けをはずしていってます。
(写真ページはフォルダごと検索避けしたままですが。画像検索からの無断転載がいやなので。)
サイトに有益なことをいっさい載せてないのでGoogleくんには嫌われそうなのですが、それでもすこしでも検索からの流入がしやすいようサイト全体の構造化をしてみました。
これまでは検索避けのため、ロボットにはむしろ読み取られたくなかったので、ぜんぶdivでくくって分かりにくくしてましたが、今回articleやnavタグを使ってロボットがページを認識しやすいようにこころがけました。
timeタグはじめて使った…!
でもまあGoogleなど大手から来るかたは少ないでしょうし、なにか有益な情報を求めて来られても困るし、あまり期待はしていません。
引き続き様子見…というかんじです。
(ちなみにPageSpeed Insightsの結果はあいかわらず無駄にいいです笑)
#更新記録
[
サイト関連 ]
個人サイト昔ばなし。
わたしがホームページ作りをはじめたころ(13歳/2000年くらい)は、スタイルシートの知識ゼロでもサイトが作れた。
たとえば文字色やサイズを変えるならhtmlで<font color="red" size="2"></font>で変えていたし、リンクの色もbodyタグで指定していた(<body link="色">みたいにしてた。)
わたしがスタイルシートの存在を知ったのは数ヶ月~1年後くらいだったとおもう。100の質問のページで使ってる方がいて(このころよくほかのひとのサイトのソースを見て参考にさせてもらっていた)、少ないタグでいっきにたくさんの部分の装飾を変えられることを知って興奮したな。
それでもこのときはまだ数行入れる程度だったはず。せいぜいfont-sizeやcolor、marginをすこし入れるくらいで。
こんなにたくさんcssを使うようになったのは、2010年代じゃないかなあ忘れちゃったけど。
いまでは当たり前のプロパティも、むかしはブラウザによって使えたり使えなかったりまちまちだったので、がっつり用いるにはリスクが要ったのかもしれない。
とにかく、そんなことをときどきおもいだす。
必要な知識がいまよりずーーっと少なくて、個人サイト作りのハードルがはるかに低かった時代のお話。
#サイトデザイン #おもいで
[
サイト関連 ]
サイト(css)をあちこちいじっているので、以前に訪問されたことがある方は、表示が一部変になっているかもしれません。お見苦しくてすみません。
ブラウザのキャッシュを一度削除していただけると直る可能性があります。よろしくお願いします…
[
サイト関連 ]
>>75 あとウィンドウサイズ1500ピクセル以上のおおきなモニターでの確認はまだなので、もしかしたらトップページが貧相なことになっているかもしれない。
あさって金曜日にB型行ったらパソコンで確認してみる。
(その結果次第では、またミートボールメニューにもどす可能性もある)
[
サイト関連 ]
トップページのメニューをこれまでJavaScriptで開閉するミートボールメニューにしていたんだけど、今回実験的に静的なhtmlのメニューにしてみた。
デザインとしてはミートボールメニューのほうがシンプルでいいんだけど、いちいち閲覧者が能動的にタップなりクリックしないと他コンテンツへのリンクが出現しない、というのは利便性としてどうなのだろう、とおもったから。
もちろん管理者であるわたしが見る分には迷わないけど、ほかのひとから見たらわかりにくい・まどろっこしいかとおもった。
でもその結果デザインに干渉があり、メニューのリンク色を黒&装飾(アンダーライン)なしにしてしまった。通常のテキストとおなじになってしまって(それでもいちおうfont-familyもweightもちがうから、多くのひとは見分けがつくとおもうけど)、ユーザビリティが総合的に上がったかといえば微妙なところ。
#サイトデザイン
[
サイト関連 ]
aboutページの内容を補強しました。
あとこのメモにカテゴリを追加してみた。
#更新記録
[
サイト関連 ]
テキストを一部書き直しました。ちゃんと文章になったかな。
短編小説の「すみれ」もじつは推敲が甘いので、そのうち読み返してがっつり手を入れないといけないだろうなあ。とおもいつつ先延ばしにしています。ふふふ。じぶんに甘い。
#更新記録
[
サイト関連 ]
>>66 けっきょく他の部分にも手を入れたら、それらとの兼ね合いで、余白はもとに戻しました。
こーゆーことはよくある
#サイトデザイン
[
サイト関連 ]
>>64 できた!😭やっとマージン減らせた。
last-of-typeが要素にしか効かないことを知らず、.class名:last-of-typeでやろうとしてたからだめだったらしい。
ベースのhtmlの方から直して、親要素で囲んでからdivで指定してみたらうまくできた😭
ちなみにソースの確認は、Chromeから閲覧ページをまるごとダウンロードして、mht(アーカイブファイル)をテキストエディタで開くという非常にけったいなやりかたをして確認した。
しかしとくに想定外のタグは入っていなかったので、これは完全に無駄足😇
とにかく、いちおう結果的におもったとおりにはできたけど、なんだかソースが審美的な意味で気もちわるい……もうちょっとすっきりさせたいな(ソースを)
#サイトデザイン
[
サイト関連 ]
>>64 まえに使ってたiPadでは、Safariにソースを見る拡張機能を入れてたので、ぎりソースを見るだけならできたのだった
でもそのiPad、電池消耗がひどくなったので、いまさっき初期化してしまった😇ほんとうについ今しがた。
初期化するまえに一回確認すればよかった……
[
サイト関連 ]
Powered by
てがろぐ Ver 4.7.0.