web関連tips備忘録

| 1 | 2 | 3 |

複数のファイル内文字列を一括置換する


.html ファイルのエンコードをShift_JIS からutf-8 に変換する手順

念のために変換する予定のファイルが存在するディレクトリーのバックアップをとってから作業に入る。

1.ファイルのエンコードを確認する。
 $ nkf -g *.html ↩
  index.html: Shift_JIS
    ・
    ・
    ・
  test.html: Shift_JIS

2.ファイルをutf-8形式に書き換える。
 $ nkf -w -Lu --overwrite *.html ↩

3.ファイルのエンコードを確認する。
 $ nkf -g *.html ↩
  index.html: UTF-8
    ・
    ・
    ・
  test.html: UTF-8

4.*.htmlファイルが UTF-8 形式で書かれていることをクライアントのブラウザーに知らせるコードを書き換える。
具体的には、下記コードのcharset=Shift_JIS 部分を charset=utf-8 に置換する。
 <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">

 $ find ./ -type f -name "*.html" | xargs sed -i 's/charset=Shift_JIS/charset=utf-8/g' ↩

5.変換したファイルをサーバーにアップロードして、ブラウザーで文字化けしないで表示できるか確認する。

参考:
nkfで文字コード変換したいときはこうする!!
   ファイル内の文字列を一括で置換する(centos)

web Tips 2019-06-06(木) 08:06:12 - kei - TrackBacks

TABLE(表組)で均等割付を実現する方法


debianを最新安定版(stretch)にアップグレードしたらKDEディスクトップ環境では総合オフィスソフトがApacheOpenofficeからLiberofficeに替った。

openoffice calcでは均等割り付けが実現できなかったが、LibreOffice Calcでは均等割付けが実現できる。
この際なので、HTMLのTEBLEでも均等割付けを実現してみた。

 td {
    text-align: justify; /* IE用 */
    text-justify: inter-ideograph; /* IE用 */

    -moz-text-align-last: justify;
    text-align-last: justify;
 }

firefox ver59.0.2、googlechrom ver65.0.、IE ver11で均等割付けが実現できることを確認。

目的のTDタグだけを均等割付けにしたい場合は、該当タグに同じクラス名を付けて上記の「td{」を
td.class名とすればよい。

参考サイト
CSSでの表見出しの均等割付 (css3版) - 鍋の底

web Tips 2018-04-10(火) 19:37:40 - kei - TrackBacks

firefoxでYoutube動画のダウンロードするプラグイン


これまで、ブラウザー(firefox)でYoutube動画をダウンロードするために、拡張機能に「Download Helper」を追加して使っていたが、いつの間にかダウンロードできなくなるなど動作が不安定なので、削除して「
Video Downloader Professional」に切り替えた。

「Download Helper」同様、動画を再生するだけでダウンロードできるようになる(ツールバーに該当するアイコンが表示される)。
使ってみての個人的な感想は、「Download Helper」に比べ使い勝手が良く、動作も安定している。
web Tips 2016-06-20(月) 17:09:32 - kei - TrackBacks

SEO対策の効果アップ手法


web Tips 2010-07-27(火) 11:03:48 - kei - TrackBacks

javascriptで要素のプロパティーを取得する


例.document.getElementById(id)を使ってバックグランドカラーを取得する。
var element = getElementById("elementid");
var element_bgclor = element.style.backgroundColor;

element_bgclorにバックグランドカラーの値が10進数(r,g,b)で入る。

web Tips 2010-02-04(木) 20:35:42 - kei - TrackBacks
| 1 | 2 | 3 |
LINK