サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
ノーベル賞
www.keyton-co.jp
メインはMacなので、WindowsでChromeは滅多に使わないのですが、久々に起動するとフォントが汚くて読みづらい・・・。 早速ネットで調べて、フォントをメイリオにすれば良いとの記述を見つけたが、やはり汚い。 さらに調べてみると、以下が参考になりました。 Google Chromeの文字(フォント)が汚くなったときにやってみたこと 私の環境(バージョン 58.0.3029.110)では、 chrome://flags/#top-chrome-md を実行すると「ブラウザのトップ chrome 部分のマテリアル デザイン」ではなく、 UI Layout for the browser’s top chrome Mac, Windows, Linux, Chrome OS 標準レイアウトとタップ(以前の「ハイブリッド」)レイアウトを切り替えます。 が表示され、プルダウンメニューは 既定/ノ
ディスプレイの幅に合わせてレイアウトが変化するレスポンシブデザインのページに、幅が可変の動画を配置するため以下のCSSを指定しました。 video { width: 100%; max-width: 100%; height: auto; } モダンブラウザやAndroidのデフォルトブラウザでは、意図したとおりウィンドウサイズに合わせて動画のサイズが縮小されます。 しかし、iPadやiPhoneでは、動画のサイズが小さくなり、動画の左右に黒く塗りつぶしたボックスが表示されてしまいます。 仕様は確認できませんでしたが、iOSのSafariではVideoのデフォルトサイズが300×150に設定されているそうです。 VIDEO要素に高さが指定されていない場合や「auto」になっている場合は、このデフォルトの高さが使用され、小さく表示されるようです。 幅に合わせて、高さが変更されるブロックを作成
先日、Google Analyticsでキーワードを調べていると、1件文字化けしたものがありました。 %e8%bf%91%e7%95%bf%e5%9b%bd%e7%ab%8b%e7%97%85%e9%99%a2%e8%96%ac%e5%89%a4%e5%b8%ab%e4%bc%9a この文字化けを修復できないかとGoogleで調べたところ、下記のオンラインサービスで修復できました。 Web便利ツール/URLエンコード・デコードフォーム – TAG index Webサイト http://www.tagindex.com/tool/url.html 結果は「近畿国立病院薬剤師会」です。 他、以下のサイトでも文字化けが修復できるようですが、上記の文字化けは修復できませんでした。 文字化け解読ツール「もじばけらった」 http://lab.kiki-verb.com/mojibakeratta/
2013年3月にiMac late 2012を購入。旧Macからのデータの移行はすべて手動で行った。 移行アシスタントはとても便利でこれまでも使ってきたが、逆にそれで3世代前ぐらい前からのデータがずっと引き継がれてきた。古いOSやアプリケーションの設定ファイル等も残っているはずなので、今回は手動で移行することにしました。 まず、参考にしたWebサイトは以下です。 Macを処分する際に必ずやっておくこと http://macfan.jp/guide/2010/07/08/hdd_6.html 新旧Macのデータ移行で覚えておくべきいくつかのこと (4/4) http://www.itmedia.co.jp/pcuser/articles/1205/31/news038_4.html Macの Time Machine のバックアップデータを別のマシンに復元する方法 http://www.tt
携帯サイト(いわゆるガラケー向け)ではJavaScriptを実行できない機種もあるため、Google AnalyticsのJavaScriptのトラッキングコードは埋め込めません。 Google Analytics ではJavaScriptを使用しない「携帯サイト – 従来型の携帯電話用」のトラッキングコードを公開しています。 2013年3月時点での「携帯サイト – 従来型の携帯電話用」のトラッキングコードの導入方法(PHP版)をシェアします。 なお、Google Analyticsの携帯サイト用トラッキングコードはPHP5以上が必要です。 HTMLがPHPとして動作するように設定する 携帯サイト用トラッキングコードはPHPで動作するため、HTMLをPHPで動作させる必要があります。 しかし、Shift-JISで作成することが一般的な携帯サイトではXHTMLではXML宣言が必要になりますが
CSS3では、:nth-child疑似クラスがサポートされました。これを使うと、表組などで奇数行、偶数行それぞれに背景色を付けることなどが簡単にできます。 ただし対応しているブラウザはFireFox3.6, Safari4+, Chrome5+, Opera10.6で、IE6,7,8は対応していません。 しかしながらIEには簡単なJavaScriptで対応することができます。 サンプルはこちら。 CSS3での指定は以下のようになります。 tr:nth-child(odd) td { background-color: #fdfff3; /* 奇数行の背景色 */ } tr:nth-child(even) td { background-color: #f8f8f8; /* 偶数行の背景色 */ } IEではJavaScriptでTR要素にoddクラスやevenクラスを付けます。(後
Illustrator CS4からは複数ページをサポートしたようですが,まだCS3を使っています. 1つのアートボード上(A3)でA4見開きを作成する,ということをよくやります. その場合の印刷・PDF化する方法(タイリング)です. 設定 [ファイル]メニューの[ドキュメント設定]をクリックします. [ドキュメント設定]ダイアログで,アートボードを「A3」に設定し,<OK>ボタンをクリックします. トンボやオブジェクトがアートボードからずれている場合は,すべてのロックを解除して移動し,アートボードに合わせます. [ファイル]メニューの[プリント]をクリックします. [プリント]ダイアログで用紙サイズを「A4」にします. 同ダイアログの「セットアップ」で,配置の値を「0」にします. タイルを「用紙サイズで区分ける」に設定します. 同ダイアログの「トンボと裁ち落とし」で、裁ち落としの値を「0」
MacBook Air 11インチを購入して1週間目。突然起動できなくなりました。電源ボタンを押しても何の反応も無し。AC電源アダプタを接続するとオレンジ色のライトが点灯しますが、起動できないのは同じ。 購入して1週間ということで、さっそくアップルのサポートに電話しました。 サポート担当者の返事は、初期不良の可能性があるものの、一度下記の操作を試してほしいとのこと。 [shift]+[control]+[option]を押したまま、電源ボタンを5秒間押し続ける。 5秒後、電源ボタンを押すと、みごとに起動しました。 ※上記はMacBook Air および MacBook Pro (Late 2008) 以降の操作方法です。その他のMacノートの場合は操作が異なります。詳しくは下記のアップルサポートをご覧ください。 とりあえずそのまま使って様子を見ることに。 それにしても、長年Macを使ってい
指定されたURLのページは存在しません。 サイト更新などによってURLが変更になったか、URLが正しく入力されていない可能性があります。 ブラウザの再読込を行ってもこのページが表示される場合は、サイトマップまたはサイト内検索でお求めのページをお探しください。 トップページに戻る
Categories JavaScript (8) CSS (9) SOY CMS (4) Mac (33) Google (12) iPhone (9) Windows (14) Firefox (4) Photoshop (6) Prallels Desktop for Mac (8) jQuery (6) アプリケーション (22)
HTMLで縦に長い表のときは、見出しを固定(エクセルの「ウィンドウ枠の固定」)して、スクロールできるようにしたい。この動作をCSSだけで実現するようにできたのでメモ。 (2013年8月6日改訂) 動作検証ブラウザ Win:IE7~10、Firefox22、Google Chrome28 Mac:Firefox22、Google Chrome28、Safari6.0.5 テーブルのヘッダ/フッタ固定・スクロールできるテーブルを指定できます。(あらかじめセルの幅を決めておく必要があります) ポイント TABLE要素を二つのDIV要素で囲む。 外側のDIV要素に「position:relative」を指定。(ポジションの起点になる) 内側のDIV要素に「overflow:auto」と「height」を指定(スクロールする)。見出しの文の高さの罫線を上下に追加。 THEAD要素の中のTR要素に「p
HTMLで縦に長い表のときは、見出しを固定(エクセルの「ウィンドウ枠の固定」)して、スクロールできるようにしたい。この動作をCSSだけで実現するようにできたのでメモ。 動作検証ブラウザ Win:IE6~8、Firefox3.6、Google Chrome8、Safari5 Mac:Firefox3.6、Google Chrome8、Safari5 テーブルのヘッダ/フッタ固定・スクロールできるテーブルを指定できます。(あらかじめセルの幅を決めておく必要があります) ポイント TABLE要素を二つのDIV要素で囲む。 外側のDIV要素に「position:relative」を指定。(ポジションの起点になる) 内側のDIV要素に「overflow:auto」と「height」を指定。(スクロールする) THEAD要素の中のTR要素に「position:absolute」「bottom:-100
お知らせ 2024年6月7日 弊社YouTubeブランドチャンネルを開設しました。制作実績をご紹介する動画などを公開しています。 2024年5月31日 2024年6月12日(水曜)に開催されるWeb販促&デジタル活用展2024に出展します!この日、弊社ではホームページ無料診断を受け付けると共に、個別相談も受け付ける予定です。 2024年2月7日 2024年3月13日(水曜)に開催される「この街のクリエイター博覧会2024」に出展します! この日、弊社ではホームページ無料診断を受け付ける予定です。 2023年8月31日 「e-Learning受講認定システムのご紹介」ページを作成しました。動画を見て、クイズに答えて、認定証の発行を受ける、という一連の機能をシステム化したWebアプリケーションです。大学等の教育機関、医療機関、養成学校、各種専門学校、学会、団体、企業等でe-Learningを実
このページを最初にブックマークしてみませんか?
『有限会社キートン KEYTON, Ltd. | ホームページ制作、Webシステム開発なら大阪の有...』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く