CSSのposition: stickyでテーブルのヘッダー行・列を固定する - Qiita
CSSの position: sticky を使ってテーブルのヘッダー行・列を固定する方法を解説します。動作確認したブラウザーは次のとおりです。 Google Chrome 71 Firefox 64 Safari 12 Microsoft Edge 43 (EdgeHTML 17) ちなみに、IE 11などの対応していないブラウザーで見た場合、ヘッダー行・列が固定されないだけで、表示が崩れたりはしません。 theadを固定するかthを固定するか 縦スクロール時にヘッダー行を固定するにあたり、thead に対して position: sticky を指定したくなりますが、これはあまり筋が良くなさそうです。まずChromeやEdgeは thead や tr の固定に対応していません1。 display: block などで回避できますが、列の幅が決まっていないといけないという制約が生まれたり
Firefoxはもう限界！Chromeへ完全移行したお勧めの拡張の紹介
※今回はFirefoxユーザーへの記事です。 本当にね、Firefoxが好きでず～っと使ってた。 でもね、もう限界です。 WordPressで画像をUPすれば固まる。 1PassWordのパスワードは読み込まない。 それがもう最近は頻繁。 もういいっ！Chromeへ移行してやる とはいうモノの、今まで何度もChromeは挫折。 何よりも「ブックマーク」が無いのが違和感、使いにくい。 でも、最近はFirefoxでもブックマーク代わりは専ら「Speed Dial」。 そして、いつの間にか（僕が知らんかっただけだけど）Chromeに「Speed Dial2」が・・・！ イケる。。これならいける。 前のChromeのSpeedDialはFirefoxのに比べて残念な子だったけど、 Speed Dial2は出来る！ ていうか、Firefoxのより出来る。。 そして、その他のFIrefoxで欠かせない
「HTTP」「Cookie」「参照元」「動的コンテンツ」…あなたは正し...
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
Chromeブラウザ初の「WebRTC」実装発表 - JavaScript/HTML5でIMを簡単開発 | エンタープライズ | マイコミジャーナル
Google Chrome runs web pages and applications with lightning speed. WebRTC実装のChromeへのマージが開始されたことが報告された。WebRTCはJavaScriptおよびHTML5技術でリアルタイムコミュニケーションアプリケーション(いわゆるインスタントメッセンジャー)の開発を可能にするためのオープンソースプロジェクト。テキストのみならず、音声や動画などを使ったリアルタイムコミュニケーションをJavaScript APIとHTML5のみで利用できるようにすることを目指している。 GoogleはChromeにWebRTCの機能を取り込むことを発表。まだマージは始まったばかりで、これから実際に利用できる状況まで仕上げていくことになる。Googleは自社のGmailにおいてインスタントメッセージング機能を提供している。W
CSS Click Shooting Game - No JavaScript -
JavaScriptを使わず、CSSとHTMLで作ったクリックシューティングゲームです。 Chrome / Safariの最新版で動きます。IE / Firefoxでは動きません。 ● 操作方法 - 移動する牛をクリックすると捕まえることができ、スコアが増えます。全部で101匹います。 - F5で再スタートできます。 ● 技術的詳細とソースコード - http://d.hatena.ne.jp/ndruger/20110428/1304021590 ● コピーライト このソフトの画像は、REFMAPが配布しているフリー画像素材を加工して使用しています。このソフト内で使用されている画像を、このゲームを遊ぶ以外の用途には使用しないで下さい
javascriptを使わず、html + cssだけでクリックシューティングゲームを作ってみた - 最高のコンピューティング環境とは？
CSSで描かれたぐぬぬ画像などを見てたら、ふとhtml + CSSだけでアクションゲームが作れないかと思ったので作ってみました。 ページ移動すればいくらでも可能ですが、それだとつまらないので、1ページ内で作るという縛りもつけてます。 デモページ http://ndruger.lolipop.jp//hatena/20110429/css_game/css_game.htm Chrome / Safariの最新版で動きます。Firefox / IEだと動きません。 ソースコード https://github.com/ndruger/css-game 技術的な説明 アニメーションはCSS Animationを使うだけなので簡単ですが、問題は状態管理です。 アクションゲームを作るには、基本的に下記の要素が必要です。 1. ユーザー入力に対する状態の変更 2. 状態の保持 3. 状態に応じて見た目
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe、オープンソースのコードエディター「Brackets」Sprint 32を無償公開
