ユーザーにスクロールを予測させるCSSの書き方について | mkasumi.com
受託案件でレスポンシブ対応をするようになって4年半ほど。未だに悩むのがテーブルのレスポンシブ対応。 テーブル要素をレスポンシブ対応する方法はいろいろとあると思うのですが、私がよく使うのはテーブルをスクロールさせる方法。ただ、このテーブルにはデザインの面で抱えている問題があります。それは、スクロールできることがユーザーには伝わらないこと。ぱっと見、途中でコンテンツが切れているように見えてしまう。もっとひどい場合にはthやtdの区切り線と同じタイミングで見切れてしまっていてその先にもっとコンテンツが存在することが予測できない可能性があります。 今回は続きのコンテンツの存在をグラデーションで表現し、CSSのみでスクロールを予測させる方法について記述しています。 実装方法 box-shadowやbackgroundプロパティでグラデーションを適用すればいいと思ってしまいがちですが、ただ単にこのプロ
CFMファイルを開くには？ .CFMファイル拡張子 - File Extension .CFM
CFM拡張子を持つファイルを開くことができないことには、さまざまな原因があります。 重要なのは、 CFM拡張子を持つファイルに関連するすべての一般的な問題をユーザー自身で解決できることです。プロセスは迅速であり、IT専門家は関与しません。 以下は、ファイル関連の問題の特定と解決に役立つガイドラインのリストです。 ステップ1.Adobe ColdFusionを取得する CFMファイルを開いて操作する際の問題は、おそらく、マシンに存在するCFMファイルと互換性のある適切なソフトウェアがないことに関係しています。 これは簡単です。 Adobe ColdFusionまたは推奨プログラム（Adobe Dreamweaver, BlueDragon, Railoなど）のいずれかを選択し、適切なソースからダウンロードしてシステムにインストールします。 ページの上部には、サポートされているオペレーティング
【暫定対応済み】日産レンタカー、メールアドレスと氏名と電話番号があれば全個人情報にアクセスできる事が発覚！ - Windows 2000 Blog
3rdに引っ越しました。 2010/12/31 以前＆2023/1/1 以降の記事を開くと５秒後にリダイレクトされます。 普段の日記は あっち[http://thyrving.livedoor.biz/] こちらには技術関係のちょっとマニアックな記事やニュースを載せます。 Windows2000ネタ中心に毎日更新。 レンタカーの予約ならいつも笑顔の日産レンタカー 何の変哲もない日産のレンタカーのページ ところが、パスワードを忘れたときのページにアクセスすると…。 ログインID（メアド） と 氏名（カナ）と電話番号を聞いてくるのです これを入れると、メールアドレスにパスワード送ってくれるんだとふつう思うじゃないですか？ パスワード生で表示！！ なんと、メアドと電話番号と名前の読み方だけわかっていたらパスワードがゲットできてしまうのです。 そして、このパスワードでアクセスすると？ ▂▅▇█▓▒
A/Bテスト - Wikipedia
英語版記事を日本語へ機械翻訳したバージョン（Google翻訳）。 万が一翻訳の手がかりとして機械翻訳を用いた場合、翻訳者は必ず翻訳元原文を参照して機械翻訳の誤りを訂正し、正確な翻訳にしなければなりません。これが成されていない場合、記事は削除の方針G-3に基づき、削除される可能性があります。 信頼性が低いまたは低品質な文章を翻訳しないでください。もし可能ならば、文章を他言語版記事に示された文献で正しいかどうかを確認してください。 履歴継承を行うため、要約欄に翻訳元となった記事のページ名・版について記述する必要があります。記述方法については、Wikipedia:翻訳のガイドライン#要約欄への記入を参照ください。 翻訳後、{{翻訳告知|en|A/B testing|…}}をノートに追加することもできます。 Wikipedia:翻訳のガイドラインに、より詳細な翻訳の手順・指針についての説明がありま
CSSのposition:stickyがすごく便利 | q-Az
最近新しく追加された position の新しい値 sticky が場合によってはすごく便利なので記事を書いてみます。 対応ブラウザがまだあまり多くないので実用性は乏しいかもしれませんが、今まで JavaScript の力を借りなきゃ出来なかったことがたったの2行の CSS で出来てしまう魔法みたいな position の値です。 position: stickyMDN が説明が詳しいので貼っておきます。 参考：position - CSS｜MDN 簡単に言うと「スクロールでその位置まで来たらそれ以降は fixed する」みたいな感じです。 サンプルこの記事内で「position: sticky」や「サンプル」など h2 要素に position: sticky をかけています。対応ブラウザであれば h2 要素が fixed しているはずです。 HTML<h2 class="h2-stic
大量のデータをpostしたら一部のデータがサーバ側に渡らない... - エンジニア的な技術的なブログ
postしてるはずなんだけど、データが途中で切れて、 サーバ側に渡らない現象が発生！ たぶん、phpの設定だろうとあたりを付けて調べたところ 答えは、php.iniの max_input_vars の設定値。 この設定値以上の要素数の配列は渡せないらしい。 ちなみにapacheのエラーログみたら、、こんなんが Warning: Unknown: Input variables exceeded 1000. To increase the limit change max_input_vars in php.ini. in Unknown on line 0, referer: http://localhost/exchange/admin/pro/test.php? ぐぅ。
You are being redirected...
Javascript is required. Please enable javascript before you are allowed to see this page.
【公式】プラウドタワー名古屋栄｜トップページ
※1 名古屋駅までの直線距離より算出。※2 1995年以降に名古屋市中区・中村区・東区で供給された分譲マンションにおいて、建築確認申請対象敷地面積10,590.79m²は最大規模複合開発となります。（2015年3月現在／株式会社DGコミュニケーションズ調べ）建築確認申請対象敷地面積は納屋橋東第一種市街地再開発事業区域内の隣接地を含んだ合計となり、分譲対象の面積とは異なります。※3 複合開発の業種については、現状の予定となり、今後変更となる場合があります。※4 栄交差点まで約1,300mより算出。※外観完成予想図／掲載の外観完成予想図は計画段階の図面を描いた完成予想図と周辺の環境写真（平成27年2月撮影）をCG加工・合成したもので、実際とは異なります。また、今後変更になる場合があります。なお、外観の細部・設備機器・配管類等はは一部省略又は簡略化しております。植栽は特定の季節の状況を表現したも
【Firefox】うっとうしいプッシュ通知を無効化する方法 | ハルパス
一部のウェブサイトで表示される「通知の送信を許可して受信しますか？」というプッシュ通知を永久に無効化する方法のご紹介です。 プッシュ通知とは？ プッシュ通知とは、ウェブサイトからのメッセージを画面上に表示する新しい機能です。 ウェブサイトにアクセスすると、「通知の送信を許可して受信しますか？」というメッセージが表示されることがあり、「通知を許可する（A）」 をクリックすると、サイトを表示していなくても、通知がデスクトップ画面に表示されるようになります。 「後で（N）」を選択すれば一時的に表示されなくなりますが、アクセスの度にクリックするのは非常に面倒です。また、サイト毎に設定する必要があります。 よって、このページではプッシュ通知を完全に無効化する方法をご紹介します。 なお、「オプションから無効化できる」と記載しているウェブサイトがありますが、オプションからは一時的な無効化（再起動するまで
✨安い！！お得！！激安CSS！！✨ - Qiita
<span class='price'> <span class='price1'>19</span><span class='price2'>,800</span> <span class='yen'>円</span> </span> @import url(https://fonts.googleapis.com/css?family=Poppins:700); .price { color: #c70506; text-shadow: 2px 0 0 #fff, 0 2px 0 #fff, -2px 0 0 #fff, 0 -2px 0 #fff, 5px 4px 3px rgba(0,0,0,0.5); font-weight: bold; font-family: Poppins; letter-spacing: -3px; } .price1 { font-size: 78px
darkredの配色パターン 色の組み合わせ- 原色大辞典
キーカラーKey Color 配色の基準となる色 ■#8b0000 同一色相、同一彩度の配色 明度に変化を持たせた配色 ■#8b0000 ■#330000 ■#660000 ■#990000 ■#cc0000 ■#ff0000 同一色相、同一明度の配色 彩度に変化を持たせた配色 ■#8b0000 ■#8c7070 ■#8c5454 ■#8c3838 ■#8c1c1c ■#8b0000 コンプリメンタリー配色Complementary 色相環の正反対にある色同士の配色 ■#8b0000 ■#008c8c トライアド配色Triads 色相環を正三角形で3等分した位置にある3色の配色 ■#8b0000 ■#008c00 ■#00008c アナロガス配色Analogous 色相環で隣り合う色を組み合わせた配色 ■#8c008c ■#8b0000 ■#8c8c00 スプリット・コンプリメンタリー配色
[ASP.NET][C#][JavaScript] 特定のファイルをブラウザにキャッシュさせなくしたい
js や css ファイルを修正して, ブラウザで試すときに, ブラウザにキャッシュされてしまっており修正が反映されないことがままあります. 私はこれでハマりました. それで, そのファイルだけキャッシュさせなくしたい. そのための方法を, C#(ASP.NET)版と 生のhtmlに JavaScript を埋め込む版 の2つ描きました. C#(ASP.NET)版 これを <!-- 修正中のjsファイル --> <script src="/scripts/test.js"></script> こうじゃ! <!-- 修正中のjsファイル --> <script src="/scripts/test.js?timestamp=@DateTime.Now.Ticks.ToString()"></script> こうするとhtmlでは <script src="/scripts/test.js?t
![[ASP.NET][C#][JavaScript] 特定のファイルをブラウザにキャッシュさせなくしたい](https://cdn-ak-scissors.b.st-hatena.com/image/square/abdd56b3ab2666b0122ca49c0399014ffe842d98/height=288;version=1;width=512/https%3A%2F%2Fchomado.com%2Fwp-content%2Fuploads%2F2016%2F01%2Fcropped-aSdLGr6h_400x400.jpeg)
静的サイトで JS/CSS のキャッシュを防ぎつつレポジトリをキレイに保つ
「ABOUT」のページをリニューアルしました。 １つ前のデザインのままだったものを、現在のデザインに沿って作りなおして、ついでに文章やレイアウトなども整えました。 公開したものの問題発生 意気揚々と公開してみたのですが、１つ問題が見つかりました。 ページを公開したあと、本番環境を表示するとデザインが崩れていました。そのあと、ページをリロードすると期待通りの結果になりました。 原因は CSS がキャッシュされていた ことでした。 たとえページが更新されていたとしても、JavaScript や CSS は古いキャッシュを使い続けてしまうことがあります。 で、この問題に対処しようとしたのですが、「静的生成」「生成結果を GitHub で管理」「キャッシュ問題への対策」の 3 つのいいとこ取りをしようとすると、意外に複雑でした。 その話をいまからします。 キャッシュ問題の一般的な解決策 よく見る解
ブラウザにJavaScript等コンテンツをキャッシュさせない 1行のコード | PLUS1WORLD
このブログに、ライブドアの相互RSSを設置してしばらく経ちました。設置した当初はちょっとしたトラブルがありました。 このブログでの相互RSSの表示はJavaScriptで行っているため、ブラウザなどによっては、JavaScriptがブラウザにキャッシュされてしまい、RSS更新があってもなかなか表示の内容が更新されないという現象が起こっていました。 ブラウザのキャッシュ機能は便利な反面、更新の多いページでは逆に邪魔な存在になります。 サーバ上では更新されているのに、キャッシュが表示されるばかりで更新が反映しないということがあります。 ブラウザ のキャッシュを制御する/no-cache 相手先の更新がすぐに表示されないと相互RSSとは言えないので、解決策を探ったところ、たった1行のHTMLのmetaタグでJavaScriptのキャッシュをさせない設定が出来る事を知りました。 ブラウザでキャッシ
Ajaxで通信を強制停止させる方法 | システムエンジニアの戯言
Ajaxで通信を強制停止するには XMLHttpRequestのabortを使います。 実際には、abortなんてそうそう使う機会はありません。 果たして使い道はあるのでしょうか？ 例えば、Ajax通信中に、「Now Loading・・・」なんていうメッセージをモードレスダイアログで表示し、さらにユーザが手動で通信を停止させる手段としてダイアログの右上に×ボタンを用意しておき、ボタンが押されたタイミングで、abortする、なんていうことが考えられます。 Ajax通信中に他のページに移動する際の問題 ミッションクリティカルなWebシステムでない限り、Ajax通信中に他のページへの移動を許容する事は間々あるかと思います。 例えば、最近私が作成したWebシステムでは、Topページのパフォーマンス向上のために、Ajaxで情報を遅延ロードして表示するような仕組みを採用しました。 どれぐらい、パフォー
動画と音声のコンテンツ - ウェブ開発を学ぶ | MDN
完全な初心者はこちらから!ウェブ入門ウェブ入門基本的なソフトウェアのインストールウェブサイトをどんな外見にするかファイルの扱いHTML の基本CSS の基本JavaScript の基本ウェブサイトの公開ウェブのしくみHTML — ウェブの構造化HTML概論HTML 入門HTML を始めようヘッド部には何が入る? HTML のメタデータHTML テキストの基礎ハイパーリンクの作成高度なテキスト整形文書とウェブサイトの構造HTML のデバッグ手紙のマークアップコンテンツのページの構造化マルチメディアと埋め込みマルチメディアとその埋め込みHTML の画像動画と音声のコンテンツobject から iframe まで — その他の埋め込み技術ウェブへのベクターグラフィックの追加レスポンシブ画像Mozilla のスプラッシュページHTML 表HTML 表HTML の表の基本HTML 表の高度な機能とア
すたみな太郎のサイトのメニューが押せば押すほど追加されていくので食べ放題っぽさが半端ない - 今日も得る物なしZ
焼肉・寿司・デザートの食べ放題レストランすたみな太郎グループ URL的にはhttp://edo-ichi.jp/stamina/menu/dinner/でこのページが表示されるんだけど、メニューをいろいろ押すとURLにメニューがどんどん追加されていく。 例えば寿司焼肉寿司焼肉ドリンクご飯惣菜寿司サラダご飯デザートアイスクリームと押していくとこうなる。 焼肉・寿司・デザートの食べ放題レストランすたみな太郎グループ http://edo-ichi.jp/stamina/menu/dinner/dinner_sushi/dinner_yakiniku/dinner_sushi/dinner_yakiniku/dinner_drink/dinner_rice/dinner_souzai/dinner_sushi/dinner_salad/dinner_rice/dinner_dessert/din
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
八百津町ホームページ
節約が「快感」になる7つのハック |
【やじうまPC Watch】 ChromeやSafariの自動入力でクレジットカードなどの個人情報が盗まれる危険性
