この記事で行なっていること 凄すぎて”ズキズキワクワク"が止まりません はじめに ついこの間、ChatGPTは2022年1月までの情報を学習した、というい発表がありましたが、さらに今回のアップデートで 画像解析機能(GPT-4V) が追加され、アップロードした画像を使った新たなタスクの実行が可能になってます。そして、それが凄すぎます 衝撃的な投稿 まずはこちらの衝撃的な投稿をご覧ください。 動画は自転車の画像と共に「サドルを下げる手助けをしてください」で始まります。 ChatGPTからレコメンドが返ってきますが、それに対して、質問者は追加で ポイントになりそうな部分を拡大してアップロード マニュアルと自分の持っているツールの写真もアップロード します。 その結果、その質問者は、サドルを下げることに成功!そんな内容です。 自分の環境で、画像解析機能(GPT-4V)を使えるのか? さて、画像解
ダークモードのときは通常の画像ではなく、それように最適化した画像を使いたい場面があるでしょう。特にアイコンなどは黒ベースのものに対して文字色などに合わせて白ベースのものにしたいことがあります。そんなときの出し分け方法です。JavaScriptなど使わずネイティブの機能でHTML・CSSの画像の出し分けができます。 サンプルはこちら <img>タグの場合 <img>タグで読み込む場合は<picture>タグと<source>を組み合わせることで実現できます。 <picture> <!-- ダークモード用 --> <source srcset="hoge-dark.jpg" media="(prefers-color-scheme: dark)" /> <!-- ライトモード用 --> <source srcset="hoge.jpg" /> <img src="hoge.jpg" alt="
この記事では、ウェブデザインの仕上がりをワンランクアップする最新HTML/CSSスニペットをまとめてご紹介します。 掲載しているほとんどの作品が、レスポンシブ対応となっており、コードを直接コピペできるのも特長です。 CSSのあまり知られていない小技テクニックから、2022年のWebデザイントレンドを意識したスニペットや、魅力的なアニメーションなどがずらり揃います。 昨年人気の高かったベスト・スニペット100や、一発コピペできるCSSボタン、すごいCSSアニメーションなどと一緒にチェックしてみてはいかがでしょう。 2021年にCodepenで話題!コピペ可なHTMLスニペット ベスト100発表 コピペできる!Webサイトがかっこよくなる最新HTMLスニペットまとめ ホバーで文字テキストが分割されるエフェクト See the Pen Split animation on hover with
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く