[B! JavaScript][CSS] deeekiのブックマーク

deeeki id:deeeki

JavaScriptとCSSに関するdeeekiのブックマーク (8)

令和のHTML / CSS / JavaScriptの書き方50選
Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
deeeki 2024/05/14
html

css

javascript
リンク
Primer
PrimitivesPrimer’s design tokens for color, spacing, and typography.
deeeki 2012/02/26
JavaScript

css

convention
リンク
透過PNGや角丸などをIE6や7でも実装出来るJavaScriptのメモ - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 IE6のPNG透過や6、7での角丸、ドロップシャドウを実装するjsライブラリのまとめです。同じ用途でもライブラリによって良し悪しだと思いますので、備忘録的にメモ。もうIEはいいよとも思いますが、現実そうも行かないのはもどかしいですね。万能では無いですけど、作業工数を減らせるならjsに頼ってもいいと思います。そういう訳で、透過の問題や角丸、ドロップシャドウを実装してくれるjsのメモ。 IE7.js IE6以下でもIE7と同じようなXHTML / CSSの解釈をしてくれます。要DOCTYPE 宣言。 IE6以下をWeb標準に準拠させるライブラリ『IE7.js』 DD_belatedPNG.js IE6でも透過PNGを実装できるライブラリ。class名等を指定
deeeki 2010/05/30
JavaScript

CSS

library
リンク
YOUもCSSプロパティ覚えてJavaScript楽しんじゃいなよ - 三等兵
YOUもJSやっちゃいなよー！ジースジュニア(ジースJr.)に入っちゃいなよー！ええ？どんな活動をするかって？そりゃ決まってるよー、歌をうたったりダンスしながらJavaScriptのコーディングするんだよーアーハー！さあ今日からキミもジースジュニアの一員だよー！やっぱりダイナミックが売りだからね！最新最先端技術（笑）のDHTMLやるよー！ダサイHTMLじゃないよー！死語じゃないよー！最低限これ覚えておくとジースジュニアとしてダイナミックに活躍できるプロパティ覚えたらどうかなーウーハー！プロパティはここから選ばさせてもらってるZE☆ http://css-happylifezero.com/property/ ダイナミックに使いがちなCSSプロパティの前にちょっと注意。moonshellというの使ってみました。横▲んとこ押すと実行されます。あとちょっと読み込みに時間かかるかもしれません
deeeki 2010/03/22
JavaScript

css
リンク
IE6でmin-width,max-widthを実装する：CSS | Tech de Go
漬物は料理において重要なアクセントを提供します。その酸味が、食事の味わいを引き締め、新たな深みを加える役割を果たします。例えば、酢漬けの漬物は、独特の酸味と爽やかさで料理全体を軽やかにし、油っぽさを中和します。これにより、食べ手の口の中をさっぱりとさせるだけでなく、食欲を増進させる効果も期待できます。また、塩漬けの漬物もまた重要です。塩の効果で野菜から水分を抜き、旨味を凝縮させることで、料理に深いコクと風味を加えます。この塩味は料理全体のバランスを整え、食事を豊かにしてくれます。漬物の酸味が生む料理のアクセントは、料理の種類や季節によっても異なります。夏にはさっぱりとした酢漬けの漬物が、冬には塩漬けの漬物が特に重宝されます。季節感や地域の食材と漬物の組み合わせを工夫することで、料理の魅力がさらに引き立ちます。漬物は単なる付け合わせではなく、食事の一部としてその重要性を増
deeeki 2009/08/09
css

JavaScript
リンク
Web ページを高速化する
IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant techno logies such as generative AI, data science, AI, and open source.
deeeki 2009/02/28
html

css

JavaScript
リンク
http://www.designwalker.com/2009/01/speedup.html
deeeki 2009/01/31
html

css

JavaScript
リンク
HTMLテーブルの行を見やすくするテーブルクロスJavaScript*ホームページを作る人のネタ帳
»　Introducing Tablecloth テーブルクロスを導入する。この記事がWEB関連のなかで話題になっていました。はて・・テーブルクロス・・・。何のことやらさっぱりだったんですが、使ってみるとなかなか素敵な動きをしてくれましたので記事に。あなたのhtmlに2行のコードを加えたら・・・ By simply adding 2 lines of code to your html page you will have styled and active tables that your visitors will love あなたのhtmlにたった2行のコードを加えるだけで、あなたのサイトのテーブルは、あなたのサイトの訪問者に愛される。なんとも素敵な響きだなと思った人はデモを見てみましょう。 »　デモはこちらテーブルによって大量のデータを出力するときには便利な機能ですね。
deeeki 2007/10/13
design

JavaScript

css
リンク
1