カメ子🐢 | WEB制作周りを幅広く

ウェブ制作界隈を25年。担当の役割をモクモクとやるより、その案件に関わりながら分担を変えたり、相互に変化したり、成長したりする仕事が好きだし得意。最近はWordPressで制作→そのまま運営、SNS運営、チラシ制作など販促全般を請け負うこと多め | 仕事は人柄。あとこの人ならどうにかしてくれるの信頼感だと信じてる

[カメ子🐢 | WEB制作周りを幅広く @ristokame]

どれかに統一してくれい

[Webクリエイター ボックス @webcreatorbox]

Webサイト制作：JPGでもPNGでもない　2026年内に主要ブラウザが「JXL」を正式採用へ https://t.co/EXb4PMkmLY

[カメ子🐢 | WEB制作周りを幅広く @ristokame]

@naka_takaya 「登場」

[カメ子🐢 | WEB制作周りを幅広く @ristokame]

@MaroRiri_k Contact Form 7に1票です！特に不便を感じてないので、他を検討したことがあまりなかったですー。

フォーム系のプラグインもいろいろあるんですね。
参考になります！

[カメ子🐢 | WEB制作周りを幅広く @ristokame]

@nodoka_iwata FF外から失礼します🙏 都内在住20年の後、半年前に広島に移住しました。移住理由は、同じように東京にいるメリットないなぁという感覚を持ったから。今の生活に満足しています。一方、たまに旅行として行く東京は、刺激的だし面白くて前より好きになりました

[カメ子🐢 | WEB制作周りを幅広く @ristokame]

新しいWindowsPC買うのも、仮想環境を作り直すのも、どっちも気が乗らないのだが

[カメ子🐢 | WEB制作周りを幅広く @ristokame]

Windowsのブラウザ表示チェック環境って、2022年いまも必要なのかな

[カメ子🐢 | WEB制作周りを幅広く @ristokame]

別アカウントのほう、プロフィールにサイトURLを貼っていると明らかにフォロワーが増える。何も投稿していないけど勝手に増える

プロフィールを充実させることが有効なのは知っているけど、結構ふしぎ。何がトリガーでアカウントにたどり着くんだろう。いいねしたかな? ぐらい何もしていないのだが

[カメ子🐢 | WEB制作周りを幅広く @ristokame]

Photoshopで、ファイル > 別名で保存 する時に、なぜかフォーマットに「WebP」が出てこない時がある

対処法として、「コピーを保存」から保存しているんだけど、他に何かいい方法あるのだろうか...。

[カメ子🐢 | WEB制作周りを幅広く @ristokame]

MDNのデザインが変わってるー！
https://t.co/OIxIA1CYSp

[カメ子🐢 | WEB制作周りを幅広く @ristokame]

@shinoko0000 ウェブ制作のかたわら、ヨガインストラクターをやっています🧘🏻‍♀️ 運動習慣をつけるのが、大事かなと思います。ウォーキングとかヨガとか。どこでもできて、自分が楽に続けられるものがおすすめ！

[カメ子🐢 | WEB制作周りを幅広く @ristokame]

おはようございます！東京は冬に逆戻りみたいな寒い朝です☃️ 週末は暖かくなるようなので、それまで粛々とがんばろーっと(ง •̀_•́)ง

[カメ子🐢 | WEB制作周りを幅広く @ristokame]

おはようございます！本日の東京はとっても爽やかなお天気です☀️今週は水曜休みだし気持ちが軽い〜✨

[カメ子🐢 | WEB制作周りを幅広く @ristokame]

約0.8Mにした画像

なお、
③④は、細かい画質設定ができないため、0.8Mよりやや小さいサイズになり、不利な戦いであったことお伝えしておきます🙇‍♀️

WebPがやっぱりいいのかな。あと②が意外と頑張っていて微笑ましい気持ち。ま、使わない方がいいんでしょうけど。

[カメ子🐢 | WEB制作周りを幅広く @ristokame]

WebPも加わったPhotoshopで、画像書き出しテストをしてました！ それぞれ約1Mと約0.8Mサイズになるように調整して保存した結果

①WebP > ②Web用に保存(従来) > ③書き出し形式 > 　④「TinyPNG」で追加軽量

の順で画質が良かった印象

#画像によるでしょうが #まだWeb用に保存使っていてすみません

[カメ子🐢 | WEB制作周りを幅広く @ristokame]

約1Mにした画像

[カメ子🐢 | WEB制作周りを幅広く @ristokame]

@sora_blogtw 通りすがりに失礼します。私もまだJPGを使っています。Photoshop対応の歓迎ムードに、えっそんな感じ?!とちょっと驚いています!?😳 私は、IE非対応なのが気になっていて、なかなか踏み切れずです...。
https://t.co/OFgz1jaeVm

[カメ子🐢 | WEB制作周りを幅広く @ristokame]

@suznary_8 ムロさんに共感します！　本はもちろん、コンテンツ全般にそう思います。自分が多少なりともコンテンツ作って商売させてもらっているのに、人が作ったものには敬意を払わないって、なんか嫌。

[カメ子🐢 | WEB制作周りを幅広く @ristokame]

なお、本来のリセットCSSの目的である”ブラウザ間の差異をなくす”という点では、すべてのリセットCSSで気になるところは見当たりませんでした!

[カメ子🐢 | WEB制作周りを幅広く @ristokame]

【総括】リセットCSSの見直し
「destyle.css」を使うことにしました!

選んだ理由は「destyle.css」だと画像の下に余白ができないからです

ress.cssとThe New CSS Resetでも解消できるので問題ないのですが、自分の場合、このことをすっかり忘れて、なぞの余白に悩むとかしちゃいそうだったので…🐢

[カメ子🐢 | WEB制作周りを幅広く @ristokame]

リセットCSSの見直し。
お試しその3[The New CSS Reset]

使っている unsetキーワード はIE非対応。なので、IEのことバッサリ切り捨てられるならOK!

ress.css同様、画像の下に余白できます。img{vertical-align: bottom;}を別ファイルに追加する✍️