やればやるほど呪術化する、AI画像錬成について。 以下は、その道の専門家にはメッチャ怒られるかもしれない、雑なロジックと制御講座。 ただし、いちおうDALL-E2, MidJourney, StableEiffusion, DiscoDiffusion, crayon, dall-e mini 他メジャーなサービスでは、共通して動作するノウハウです。 雑に理解する画像AIのし…
この発想はすごい！ モダンCSSで実装する、ボーダーをアニメーションさせるテクニック
モダンCSSで実装する、ボーダーをアニメーションさせるテクニックを紹介します。矩形のHTMLはdiv要素1つだけ、ボーダーがどのようにアニメーション化されているのか、その仕組みが視覚的に分かるデモもあります。 CSS border animations by Bramus 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスにもと…
Webサイトを作る際に超参考になったデザインのサイトまとめ – Qiita
はじめに 仕事でWebサイトを作った際のデザインで、 非常に参考にさせて頂いたサイト様をまとめました。 Parts. SaaSのサービスサイトやLPを中心としたデザインの参考サイトです。 部分ごとにパーツやセクションごとのデザインが載っているので、 探しやすくとても参考になりました。 動くWebデザインアイディア帳 「動…
完全無料！誰でも美しいオンラインドキュメントやWebサイトを作成できる「Slick」を使ってみた！ – paiza開発日誌
どうも、まさとらん（@0310lan）です！ 今回は、誰でも簡単に美しいオンラインドキュメントを無料で作成できるWebサービスをご紹介します！ 多彩なテンプレートやすぐに使えるコンテンツなどが搭載されているので、ちょっとしたドキュメントを作ってシェアするのに重宝します。また、カスタマイズ次第では個人サイトなど…
iPhoneの省電力モードをJavaScriptで判定する方法
<video>が省電力モードだと自動再生されない罠 動画を背景で自動再生する案件に携わったのですが、iPhoneの省電力モードだと自動再生されず、代わりに再生ボタンが表示されることを初めて知りました。
puppeteerでbootstrap導入時の影響調査をやってみた！ – Hajimari Tech Blog| 株式会社Hajimari
こんにちは！ 6月から23卒内定者インターン生として株式会社Hajimariに入社した、江端 凌です。 普段は、TUKURÜS事業部で受託開発の業務に携わっています。 今回は受託開発している既存サイトに、bootstrapを導入することになったので、どのような影響が出るのかを調査することになりました。 背景としては、既存サイト…
takuji.eth on Twitter: “TikTokが昨年オランダでGDPR違反により75万ユーロの罰金を課されていた事案、詳細を読むと、「プライバシーポリシーのオランダ語版が無かった（英語版はあったけど）」が違反事由とされていた。 面倒だが、プラポリの多言語化を真剣… https://t.co/lyrNxc4yxD”
TikTokが昨年オランダでGDPR違反により75万ユーロの罰金を課されていた事案、詳細を読むと、「プライバシーポリシーのオランダ語版が無かった（英語版はあったけど）」が違反事由とされていた。 面倒だが、プラポリの多言語化を真剣… https://t.co/lyrNxc4yxD
【PC・スマホ両対応】CSSだけでモーダルの背景をスクロールさせない新しい方法（つっかえ棒式モーダル背景固定法） – Qiita
Help us understand the problem. What are the problem?
障害のある人々のウェブサイトでのアクセシビリティ向上をうたうアクセシビリティ・オーバーレイの問題点とは？
ウェブサイトの構造や文字の色、場合によってはソースコードなどをAIにより自動で修正・変更し、読み上げ機能の提供などを行うことでユーザーのアクセシビリティを向上させようとする「アクセシビリティ・オーバーレイ」が近年いくつかのサイトで導入され始めています。しかし、実際には導入することでパフォーマンスが…
CSSの実装はコンテナクエリで大きく変わる！ コンテナクエリをデベロッパーツールで検証およびデバッグする方法
Webのレスポンシブは、メディアクエリによるページベースだけでなく、コンテナクエリによる親コンテナベースの実装ができるようになります。 このCSSの新機能コンテナクエリによりコンポーネントを複数のコンテクストで使用でき、コンポーネント単位の実装も簡単になります。Googleのデベロッパーによるコンテナクエリを…