【コピペ可】background-attachment: fixed;がスマホ（iOSのSafari）で効かない問題を完全に解決する【CSSのみ】
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <link rel="stylesheet" href="./destyle.css" /> <link rel="stylesheet" href="./style.css" /> </head> <body> <div class="Firstview">FirstView</div> <section class="Section"> <div class
head内でパフォーマンスの問題がある箇所、Webページのレンダリングを妨げる要因を明らかにするCSS
Webページのレンダリングを妨げる要因、<head>タグ内でレンダリングをブロックしているCSSやJavaScript、サードパーティーのリソースなどを表示して、どこを修正すればよいか教えてくれるCSSのスニペットを紹介します。 ちなみに下記のグリーンは問題なし、レッドはエラーで対応が必要、オレンジは特定のシナリオで問題が発生する、です。 ct.css ct.css -GitHub ct.cssの特徴 ct.cssのデモ ct.cssの使い方 ct.cssの特徴 <head>内にあるタグは、ページのレンダリングを妨げる要因となる最大の箇所で、正しい形式であることは非常に重要です。ct.cssは、Webページの<head>タグ内に潜在するパフォーマンス上の問題を明らかにするCSSのスニペットです。 ct.css ct.cssの使用にあたっての制限事項は、下記の通りです。 一致しないmedia
Wordのルーラーが揃わない場合の対処
Wordのルーラーが揃わない場合の対処方法を紹介します。 １．問題点 Wordには段落の1行目と2行目以降の開始位置を指定するためのルーラーが用意されています。 ▽が段落の1行目の開始位置、△が2行目以降の開始位置、その下の□で全体の開始位置を指定します。 が、行によっては▽と△が一致せず、開始位置が不揃いになる場合があります。 ということで、ルーラーが揃わない場合の対処方法を紹介します。 ２．ルーラーが揃わない場合の対処方法 ルーラーはマウスでドラッグすると一定間隔でしか移動できないのですが、Altキーを押下しながらドラッグすることで微調整ができるようになります。 ルーラーの表示も切り替わります。 コツは下記の手順で実施することです。 Altキーを押しながらルーラーをドラッグ 位置が揃った時点でマウスのクリックを離す Altキーを離す 2と3の手順を逆にすると（＝先にAltキーを離すと）
FirefoxでPDFの表示が崩れる場合の対処
FirefoxでPDFの表示が崩れる場合の対処方法を紹介します。 １．問題点 Firefoxで確定申告書を作成していたのですが、最後の「印刷画面の表示」で表示されたPDFの文字の表示が大きく崩れていました。 （クリックで拡大：入力データはほとんどダミーです） そのときは原因が分からなかったので、Google Chromeで作成し直しました。 ２．原因 Firefox 19で機能追加された「PDFビューア」で表示されていることが原因です。 Firefox 19 リリースノート ちなみに、PDFビューアで見ると崩れていますが、ダウンロードしてAdobe Readerなどで閲覧すれば正常に表示されます。 ３．対処方法 ダウンロードせず、そのまま正常に表示するには、ツールバーの「ツール」→「オプション」をクリック。 「プログラム」タブにある「PDF文書(PDF)」をクリック。 プルダウンメニューの
Firefoxで3Dが表示されない場合の対処
Firefox 11以降では3D表示（ページインスペクタ機能を利用）が可能です。が、どういうわけか3Dにできないケースもあるようです。私がそうでした。 ということで、Firefoxで3Dが表示されない場合の対処方法について紹介します。 １．3D表示する 対処方法は後回しにして（笑）、まずは3Dの表示方法から説明します。 メニューから「Web開発」→「調査」を選択。または画面を右クリックして「要素を調査」を選択。 ブラウザ右下に表示された「3Dビュー」をクリック。 これで3Dビューに切り替わります。マウスでドラッグすれば方向を変えられ、ホイールでズームイン・ズームアウトができます。 ２．問題点 ところが、冒頭で述べたとおり、私の環境では「3Dビュー」ボタンが表示されませんでした。 ネットを検索しても、 「3Dこんな風に表示されました！すごい！最高！」 という、まったく苦労せずに表示されました
「この文書はPDF/Aモードで表示されています」を解除する方法
Adobe ReaderやAdobe AcrobatでPDF文書を開いたときに表示される「この文書はPDF/Aモードで表示されています」を解除する方法を紹介します。 １．問題 冒頭に記したとおり、PDF文書を開いたとき「この文書はPDF/Aモードで表示されています」が表示される場合があります。 このモードになっていると次のような動作になるようです。 Acrobat Standard ユーザーガイド - PDF の表示 PDF/A 表示モードで PDF/A 準拠文書を開くと、文書が変更されないように読み取りモードで開かれます。メッセージが文書メッセージバーに表示されます。文書への変更および注釈の追加を行うことはできません。PDF/A モードをオフにすると、文書を編集できます。 「PDF/A」はPDFのISO標準だそうで、スキャンしてPDFに変換した文書はPDF/A準拠になるようです。 ２．対
More Custom FieldsプラグインのMT5での管理画面の乱れを修正する方法
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 Dan Wolfgang氏が開発したMore Custom Fieldsプラグインを使うと、複数チェックボックスなどのカスタムフィールドを追加することができます。 ただ、Movable Type 5にMore Custom Fieldsプラグインをインストールすると、ブログ記事の編集画面が乱れるというご質問を受けました。 修正方法を見つけましたので、紹介しておきます。 1.原因 More Custom Fieldsプラグインは、管理画面のテンプレートにjQueryを追加しようとします。 ただ、Movable Type 5は、標準で管理画面にjQueryを組み込んでいます。 その
FirefoxでFlashが表示されないときの対処法
flashを使ったサイトをチェックをしていた時に、表示されない時がありました。 そこで検索してみたところ、情報がいろいろあったので主な原因をまとめてみました。 swfobject2.2とFirefox3.5の相性が悪い flashを貼付ける時に使う、「swfobject2.2」と「Firefox3.5」の相性が悪いとのことです。 簡単な解決法はswfobjectのバージョンを2.1にすることです。 Issue 327 – swfobject – swfobject 2.2 fails… SWFObject v2.1 アドオンのPearl Crescent Page Saver Basic2.5を削除する サイトのキャプチャを撮ってくれるアドオンの「Pearl Crescent Page Saver Basic」。 こちらのアドオン（バージョン2.5）が入っていると表示されない事があるそうで
Movable Typeにインストールしたプラグインがプラグイン一覧に表示されない件について
Movable Typeにインストールしたプラグインがブログ（またはウェブサイト）のプラグイン一覧に表示されない件について、ときどき質問を頂くことがあるので本エントリーにまとめておきます。 理由をさくっと知りたい方は、エントリー後方の赤字部分のみお読みください。 １．プラグインのインストールの確認方法 Movable Typeでプラグインが正常にインストールされたことを確認するには、システム管理画面のプラグイン一覧に移動します。 プラグイン一覧に進むには、Movable Type 5の場合、ユーザーダッシュボード左上メニューから「システム｣をクリック。 システム管理画面になりました。Movable Type 5の場合、システム管理画面は次のようなグレーの背景の画面で、左上に「システム」と表示されています。 左メニューの「ツール」→「プラグイン」をクリック。 プラグイン一覧に移動します。ここ
WordPressの「QF-GetThumb」プラグインがPHPのセーフモード環境で動作しない問題の対処
先日エントリーした「WordPressの記事に挿入した画像のサムネイルを表示する「QF-GetThumb プラグイン」」で、PHPのセーフモード環境で正常に動作しない問題の対処方法を紹介します。 「QF-GetThumb」は、記事に挿入した画像から自動的にサムネイル（キャッシュ）を生成するプラグインです。 １．問題点 XREAやCORESERVERなど、PHPがセーフモードで動作するサーバでは、プラグインが利用するための、キャッシュを保存するディレクトリが正常に生成されないため、プラグインが正常に動作しないようです。 ２．対処方法 プラグインファイルqf-getthumb.phpの中にある、qf_get_savepath()関数の以下の部分を変更することで、サムネイルを表示させることができました。 変更内容は、プラグインのデフォルト動作である、サムネイル単位のディレクトリ作成をやめて、ファ
PHPのmktime()で取得したタイムスタンプが8ヶ月前になる事象について
PHPのmktime()関数を使ったカスタマイズで躓いたので情報展開しておきます。動作確認したPHPのバージョンは5.2.13です。 １．問題 次のコードは、指定した日付のエポック秒（1970年1月1日0時0分0秒から、指定した時刻までの通算秒）を取得し、それを年月日時分秒に変換して表示する簡単なサンプルです。 <?php $date = mktime(01,23,45,08,01,2010); echo date('Y.m.d A H:i.s',$date); ?> mktimeの引数は左から順番に、「時・分・秒・月・日・年」となります。このコードを実行すると、 2010.08.01 AM 01:23.45 という結果になるはずですが、実行すると、 2009.12.01 AM 01:23.45 となり、指定したタイムスタンプよりも8ヶ月前になってしまいます。 ２．原因と対処 PHPでは、
Adobe Reader の文章の読み上げ機能を無効にする方法
PDF のビューワーとして Adobe Reader をお使いの方が多いことかと思います。 僕は１年ほど前まで Adobe Acrobat 6 を使い続けてきたので、何の不満もなかったのですが、パソコン替えたりしてから Reader 9 を使うことになったわけですが、PDF を開く度に文章の読み上げ準備のダイアログが勝手に開いて非常にイライラします。バージョンいくつからの機能？これ。 他の PDF ビューワーへ乗り換えようかと考えましたが、その前にこの機能を無効化する方法がないものかと試してみました。まずは真っ当な方法で [環境設定] ＞ [読み上げ] を見てみます。 うん。なんという設計思想なんでしょうか。無効化することができません。なんとも不親切極まりない。 でもイライラ感をどうにかしたいので、この機能を実装しているプラグインのファイルを直接削除してしまうことにしました。僕は Win7
流入ページでの不用意なリンクは、離脱を後押ししてしまう (ユーザビリティ実践メモ)
検索エンジンから情報サイトに流入してくるユーザは、流入ページの情報が自分の求めるものだったとしても、自分と無関係なリンクがあるだけで離脱してしまう場合があります。 ある教育系サイトにて、「高校」受験情報に興味のあるユーザに対してユーザ行動観察調査を行ったところ、以下のような行動が見られました。 【全体の動き（図1）】� 検索エンジンから流入し、記事の続きを読もうとしてサイト登録を要求されたユーザは、記事ページ(流入したページ)に戻って離脱した。 【離脱直前の個別ページでの視線の流れ（図2）】� 記事ページに戻ってきたユーザは、右カラムにある「中学」受験の広告と、中学受験・高校受験・大学受験と情報が並んだテキストリンクを見て、離脱した。 ＜考察＞ 検索エンジンから流入してくるユーザは、「同様の情報は他サイトでも見ることができる」と考えているため、わざわざ自分からサイトの全体像を把握しようとは
なぜそのソフトがクラッシュして強制終了したのか教えてくれるフリーソフト「AppCrashView」
Windows XPとWindows Server 2003以降のバージョンには「Windows エラー報告 (WER)」と呼ばれる仕組みがあり、OSとアプリケーションのクラッシュデータをキャプチャする機能があります。このクラッシュデータには、クラッシュ時に実行されていたモジュール (コントロールおよびプラグイン) だけでなく、ドライバーおよびアプリケーションに関する情報も含まれています。このようにして収集された情報を表示し、なぜそのソフトがクラッシュして強制終了したのかを教えてくれるのがこのフリーソフト「AppCrashView」です。 ダウンロードは以下から。 AppCrashView - View application crashes (.wer files) http://www.nirsoft.net/utils/app_crash_view.html 上記サイトから「Down
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://ideahacker.net/2014/02/15/7599/