gnetyのブックマーク - はてなブックマーク

CSSのz-index: 10000;はいらなくなる、要素を最上位に表示する「最上位レイヤー（top layer）」の基礎知識と使い方

ポップアップやダイアログやフルスクリーンモードを実装する時などによく使用されるCSSのz-index: 10000;が必要なくなります。 Chrome 105のデベロッパーツールで「最上位レイヤー（top layer）」がサポートされました。この最上位レイヤー要素は、z-indexが最も高い要素の上に表示され、かならずドキュメントの最上位に表示されます。最上位に表示したいコンポーネントをHTMLの最下部や最上部に記述したり、CSSのz-index: 10000;で最上位に昇格させる必要はありません。 Meet the top layer: a solution to z-index:10000 by Jhey Tompkins 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。 CSSの最上位レイヤー（top layer）とはデベロッパーツールで最

gnety 2022/09/29

z-indexではどうしても最上位に持ってこられない場合があるから、これはかなり有用になりそう

リンク

2019年になってもまだjQueryを使用している理由

現在、jQueryを使用している人、そしてjQueryを取り去ろうとしている人がいると思います。jQueryの使用に対する一つの考え方を紹介します。 Why I'm still using jQuery in 2019 by Martin Tournoij 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は元サイト様のライセンスの元、翻訳しています。 2019年になってもまだjQueryを使用しているのはなぜですか Hacker News での議論多くの人が「普通のJavaScriptを使えば、jQueryは必要ない」と主張しています。私は多くを必要としないので、jQueryを必要としませんが、確かに便利です。 You might not need jQueryのようなページでは、jQueryを捨てるのは簡単だというアイデアを売り込もうとしていますが、逆にこのページの最初の例

gnety 2019/06/05

管理画面とかなら未だに筆頭候補

リンク

Visual Studio Codeで見やすいテーマファイルのまとめ

Web制作時などのコーディングの作業が捗る、コードがはっきりと見やすくて、使いやすい Visual Studio Codeのテーマを紹介します。ダーク系が好きな人も、ライト系が好きな人も、そしてクリーム系やMaterialカラーのテーマなど、いろいろ揃っています。 VSCodeThemes VSCodeThemes -GitHub VSCodeThemesでは、Visual Studio Codeのさまざまなテーマがまとめられています。 Visual Studio Codeで使いやすいテーマファイル Visual Studio Codeのテーマのインストールと変更方法 Visual Studio Codeで使いやすいテーマファイルまずは制作者に人気が高い、暗い色を使用したダーク系のテーマ。

gnety 2018/08/03

ハイコントラストテーマが見やすい

リンク

これは便利！よく使うコードを保存・管理できる個人用リポジトリ -Code Bank

HTML, CSS, JavaScriptをはじめ、XML, ActionScript, Flex, Java, Perl, PHP, SQL, Cなどさまざまな言語に対応したコードを手軽に管理できるソフトウェアを紹介します。 Code Bank [ad#ad-2] Code Bankは簡単に個人でコードを保存・管理できるAdobe Airのアプリケーションです。Subversionのコード専用お手軽版という感じでしょうか。データベースはローカルとサーバーのどちらにも作成することができます。画面はシンプルで、使い勝手もよいです。コードの登録画面では、Language（登録する言語）、Title（タイトル）、Description（説明文）、Code（コード）、Tag（タグ）を登録できます。