この発想はすごい! モダンCSSで実装する、ボーダーをアニメーションさせるテクニック

モダンCSSで実装する、ボーダーをアニメーションさせるテクニックを紹介します。矩形のHTMLはdiv要素1つだけ、ボーダーがどのようにアニメーション化されているのか、その仕組みが視覚的に分かるデモもあります。 CSS border animations by Bramus 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスにもと…

VS Codeの新機能がすごく便利! JavaScriptやCSSの関数やクラスなどを上部に固定させる「スティッキー スクロール」

8/5にアップデートされた、VS Code v1.70で「スティッキー スクロール」を使用できるようになったので、紹介します。 JavaScriptやCSSで作業しているときに、関数やクラスなどが自動でスティッキーされ、エディタの上部にくっつきます。行数のある長いコードに便利ですね。 VS Codeの新機能「スティッキー スクロール」 …

ドキュメントDBかリレーショナルDBどっち使う? – Qiita

はじめに ドキュメントデータベースかリレーショナルデータベース、どちらを選ぶか。 この選択で、アプリケーションのパフォーマンス、コスト、コードの可読性など幅広い影響が出るため、慎重な判断が必要です。この記事では、自分が思う「考慮すべきポイント」を解説したいと思います。 考慮すべきポイント 1. どのデー…

CSSは確実に進化している! 新機能、単位を変数として利用できる「Variable Units(変数単位)」

今年になってもCSSの進化が止まりません、むしろ加速しています! IEのサポートが終了し、CSSのさまざまな機能が使用できるようなりました。中でもCSSの変数(カスタムプロパティ)を使えるようになったのはありがたいですね。 参考: IEをサポート外にした時に使用できるCSSのプロパティや機能のまとめ そしてCSSの新機…

最近見かけた、CSSの一工夫加えたスゴ技テクニックのまとめ

Apple, Nike, Tesla, AirbnbなどのWebサイトやスマホアプリで使用されている、CSSの一工夫加えたスゴ技テクニックを紹介します。 美しい磨りガラスのヘッダ、コンテンツがズームするエフェクト、タッチフレンドリーなカルーセル、超クールなスワイプオーバーセクション、新感覚のスワイプアップするドロワーなど、すぐに…

CSSの実装はコンテナクエリで大きく変わる! コンテナクエリをデベロッパーツールで検証およびデバッグする方法

Webのレスポンシブは、メディアクエリによるページベースだけでなく、コンテナクエリによる親コンテナベースの実装ができるようになります。 このCSSの新機能コンテナクエリによりコンポーネントを複数のコンテクストで使用でき、コンポーネント単位の実装も簡単になります。Googleのデベロッパーによるコンテナクエリを…

CSSでこんなことができるの知ってた? 要素・コンテナのサイズに関係なく、ボーダーや背景をはみ出して配置するテクニック

h1やpなどブロック要素にボーダーや背景をつけると、通常はその要素のコンテナボックスいっぱいに適用されます。要素やコンテナのサイズに関係なく、ボーダーや背景を拡張させるCSSのテクニックを紹介します。 入れ子で実装? と…記事の続きを読む

2022 年度新卒研修で「読みやすいコード」の研修を担当しました | DevelopersIO

達成水準 リファクタリングを実施できる 内容 ワークディレクトリーのセットアップ(10min) ワーク用リポジトリーの git clone 依存のインストール モブプログラミング準備(30min) VSCode Live Share を使い、参加者すべてが同じコードベースで作業できるようにする ドライバーの担当順の決定 仕様を確認する リファクタ…

キャサリン・オブ・アラゴンにリンクされた長い間見過ごされてきた暗号の秘密| スマートニュース

文学者のヴァネッサ・ブラガンザは、キャサリンがペンダントのデザインを「彼女自身の永続的な正当性に対する彼女の信念のしるし」として委託したことを示唆しています。 Meilan Sollyによるイラスト/パブリックドメインのウィキメディアコモン経由の写真、©CCBY-NC-SA4.0の下の大英博物館の評議員 1531年7月、チューダー王ヘンリー8世 乗った の ウィンザー城 彼の愛人、アン・ブーリンと一緒に。 彼は警告なしに去りました さらば アラゴンのキャサリン、彼の妻であり、22歳の女王に。 キャサリンが数日後に彼の健康の後に尋ねる手紙をヘンリーに送ったとき、彼は 宣言 彼は「彼女を気にかけなかった adieux。” カップル 会ったことがない 再び直接会って。 ヘンリーの厳しい反応は、女王が同意することを拒否したことによって促されました 離婚。 ヘンリーが彼女を捨てたという事実にもかかわらず(そして、次の5年間で、彼女を一連の ますます老朽化 エステート)、キャサリンはペアの結婚を維持するための彼女の試みで不動のままでした。 ヘンリーがアンを彼のように公に発表したとしても 新しい女王、キャサリンは容赦することを拒否し、彼女が王の唯一の真の妻であると主張しました […]

The post キャサリン・オブ・アラゴンにリンクされた長い間見過ごされてきた暗号の秘密| スマートニュース appeared first on Gamingsym Japan.

GitHub – mintlify/writer: ✍️ AI powered documentation writer

✍️ Mintlify Writer Writing documentation sucks. Let Mintlify take care of it. Just hightlight code and see the magic. 👩‍💻 How to generate documentation Step 1 Highlight code or place cursor on the line you want to document Step 2 Click on the Write Docs button (or hit ⌘ + .) 📝 Languages supported …