SPAにおけるCSSについて、ひとつの解（追記あり） - エンジニアをリングする
SPAにおけるCSSのありかたについてずっと悩んでたけど昨日今日で一筋の光明が見えた— よしこ (@yoshiko_pg) 2017年4月7日 この話を簡単にまとめておこうと思います。 結論を先に書くと「今のところtemplate literal内にCSSを記述する形式のCSS in JSがいい感じ。Reactならstyled-componetnsが良かった」という感じです。 悩んでいたこと コンポーネント指向でSPAを作っていく上で、CSS（というかスタイリング）はどう書いていったらいいんだろう？ということに結構悩んでいました。 HTMLとJSがコンポーネントとしてまとまっていく中でCSSだけは今まで通り別物として扱い、BEMなどでグローバルスコープと戦うのか？はたまたCSSの枠をはみ出てJSコンポーネントの粒度に合わせたコンポーネント化をするのか？ 加えて、見た目も挙動も複雑なアプリケ
スマートフォン対応でよく使うhtml、css、javascriptのまとめ
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon
JavaScript/CSS圧縮処理を80秒から6秒まで短縮したテクニック - Mozilla | エンタープライズ | マイコミジャーナル
The Mozilla Foundation Mozilla WebDevブログに「From 80 Seconds to 6: Optimizing Our Asset Compression」として、JavaScript・CSS・画像の連結およびミニファイ処理にかかる時間を、80秒～160秒レベルから6秒まで短縮させたときのテクニックが掲載されている。実用的な資料として参考になる。 現在、「Add-ons for Firefox」はCDNを活用してリソースを提供しているが、こうなる前はキャッシュ効果を最大限に発揮させるためにJavaScript・CSS・画像をファイルへ連結してミニファイ処理を実施して使っていたという。このリソースの生成には80秒から160秒かかっていたが、処理を工夫することで最終的に6秒にまで短縮を実現したと説明がある。 ここで紹介されている高速化テクニックをまとめると
半年でjQuery採用増、転送量とリクエスト数も増加 - HTTP Archive | エンタープライズ | マイコミジャーナル
HTTP Archive GoogleのSteve Souders氏が「HTTP Archive」を発表してから1ヵ月半が経過した。HTTP Archiveは主要トップサイト約17,000を選出し、コンテンツの分析結果を報告するサービス。サービスの発表は1ヵ月半前だが、解析対象となるデータは2010年10月から収集されており、すでに半年分の分析データが公開されている。そして、同サイトでは、この半年間の推移を「HTTP Archive: today's runs」でまとめて紹介。グラフはHTTP Archive - Trendsに掲載されている。 この半年間における主な変更点は次のとおり。 トータルの通信データ量が増えている。58kB (8%)ほど増加しており、そのうち大部分を画像データの増加が占めている。 jQueryの採用率が39%から44%へ増加している。 Twitterガジェットが2
とほほのＷＷＷ入門
はじめに ご使用上の注意 (1) 主な更新履歴 (25) 管理者へのメール (1) 自己紹介 (1) 基本編 用語集 (82) Webページ作成入門 (7) 逆引きリファレンス (32) 技術動向 Chome新機能 (1) HTML HTML (402) HTML5 (7) XHTML (1) MathML (1) DTD (1) カスタム要素 (1) シャドーDOM (1) HTMLインポート (1) HTMLテンプレート (1) ダイナミックHTML (1) フォーマット JSON (1) SVG (1) VML (1) GIF (1) CSV (1) セマンティック・ウェブ (1) CSS CSS (ABC順)(719) Bootstrap 3 (1) Bootstrap 4 (52) Bootstrap 5 (10) Less (1) Sass (1) Tailwind CSS (
404 Blog Not Found:javascript CSS - google-code-prettifyの導入
2007年03月26日16:00 カテゴリAnnouncementLightweight Languages javascript+CSS - google-code-prettifyの導入 google-code-prettifyを本blogでも導入しました。 google-code-prettify - Google Code ex: 404 Blog Not Found:CGIの神話と現実 404 Blog Not Found:たらいを回すならHaskell cf: 404 Hatena::Diary not Found - [Hatena::Diary] スーパーpre記法のテスト ここでは、Livedoor Blogでの具体的な導入法を解説します。 必要なファイルの入手とインストール 以下のファイルを入手して、アクセスできるようにしておきます。 http://google-cod
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.web-milk.com/articles/javascript/javascript%E9%80%8F%E9%81%8Epng%E7%94%BB%E5%83%8F%E3%82%92ie%EF%BC%96%E3%81%A7%E9%81%A9%E7%94%A8.html