No.3749, No.3748, No.3747, No.3746, No.3745, No.3744, No.3743[7件]
by tomoyo. ⌚2023年5月31日(水) 23:24:29〔2年以上前〕 <226文字> 編集
ふんわり表示できました!
トグル的なアニメーションとはちょっと違いますが、動きが見えるだけで全然印象が変わりました。
ありがとうございます。
非表示に戻すときはパッと戻ってしまいますが、現時点では仕方ないですね。
もし可能であれば、ここもカスタムできる日がくれば嬉しいです。
長文を隠したとき、表示はまだいいのですが、非表示に戻したときに自分がさっきまで見ていた行がどのへんだったか、見失いがちなので…
アニメーションしてたたまれていくと、目で追えるので画面上で迷子になりづらいのです。
by admin. ⌚2023年5月31日(水) 22:08:13〔2年以上前〕 <256文字> 編集
.readmorearea{
animation: appear .7s ease;
}
@keyframes appear {
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
ただ、近い将来display: none;にアニメーションをつけられる未来 が来そうなので、それを待ってみてもいいかもしれませんね
by tomoyo. ⌚2023年5月31日(水) 01:09:43〔2年以上前〕 <259文字> 編集
🍪Re:3736◆β版のご試用をどうもありがとうございます! 全体的にお試し下さってありがたいです。また、開発放言への反応もありがとうございます。反応がないと需要レベルを判断できないのでとてもありがたいです。(╹◡╹)
🍪Re:3737◆新機能がお役に立ったようで良かったです。手動入力した投稿日時順に並び替える機能は、やはりそこそこ需要があったのですね。
🍪Re:3738-3743◆サーバの障害は珍しいですがゼロにはならないのでしょうねえ。てがろぐリンク集には、どこのサーバで動かしているのかの情報もあったら参考になって良さそうですね。^^;
🍪Re:3740◆てがろぐ的なページを「てがろぐ」という名称で認識されるようになるとちょっと嬉しいです。(^_^)
🍪Re:3741◆はい。ここも、さくらインターネットのサーバで動作しています。スタンダードプランですが。かなり前に契約したサーバなためか、今回の障害の対象ではなかったようですね。
🍪Re:3744◆デザインツールからの変換だと元データの方にいろんな情報があるのでそれなりにできるとは思うんですよね……。ただ1枚の絵(PNG画像とか)から「そこに何が描かれているのか、サイズを変更するとどう見栄えが変わるハズか」みたいなのもAIで判断できるようになる日が来ると(まさしく私がそういう仕事をしているので)仕事が減りそうだな、と思いました。(笑)
🍪Re:3745◆「続きを読む」ボタンの開閉はJavaScriptを使って対象のdisplayプロパティの値を直接切り替えているだけですので、現状の仕様では残念ながらそこにアニメーションを加えるカスタマイズの余地はなさそうかな……という気がします。「続きを読む」ボタンで隠された範囲を開閉するJavaScriptソース自体も好きなソースに差し替えられる機能を用意すると、開閉動作を自由にカスタマイズしやすくなって望ましいかも知れませんね。ちょっとその辺も考えてみます。
(➡もしかしたら現状でもCSSのアニメーション機能で何かする方法があるかも知れませんけども。その辺を何か試したことがある方がいらっしゃったら情報をお待ちしております。)
by nishishi. ⌚2023年5月31日(水) 00:34:32〔2年以上前〕 回答/返信 <1050文字> 編集
てがろぐを設置しているページにJavaScriptでアニメーションするトグルメニューをつけているので、同じようにアニメーションさせたいなと思うのですが、どこかいじれるところはありますか?
by sakura. ⌚2023年5月29日(月) 23:35:38〔2年以上前〕 <150文字> 編集
これはAdobe XDかFigmaからWordpressへの変換ですけど
by tomoyo. ⌚2023年5月29日(月) 22:48:38〔2年以上前〕 <124文字> 編集
by tomoyo. ⌚2023年5月29日(月) 15:29:37〔2年以上前〕 <93文字> 編集
なるほど。デザインの好みにもよりますが、背景色をつけたり左側に一本ラインを引くだけでもちょっとわかりやすくなるのでお試しあれ。
.readmorearea {
border-left: 3px solid #ccc;
margin: 0 0 0 1em;
padding-left: 1em;
}
この場合、「設定」>「続きを読む・指定範囲を隠す 共通設定」>「展開する範囲の表示方法」をblockにしてください。