Home > ウェブ開発・運営

ウェブ開発・運営 Archive

google-code-prettify でソースコードをハイライト表示

ブログやウェブページにソースコードを掲載する時、ハイライト ( カラーリング? ) 表示できると見やすくなるだろうなぁと思い、google-code-prettify を試してみました。

Continue reading

XAMPP Lite を USB メモリにインストール

メモ帳として WordPress を持ち運びたいなぁと思い、Windows 上で Apache, MySQL, PHP などの開発環境を手軽に構築できる XAMPP Lite を USB メモリにインストールしてみました。以下、導入のメモです。

Continue reading

[ はてブ ] するんじゃなくて、直接ブログに書こうかと

例えば、ブログに書きたい便利なソフトを発見した時、今までは [ はてなブックマーク ] に登録して、「 時間が出来たら、記事を書こう 」 なんて思ってたんですが、[ はてブ ] した時点で安心してしまい、しばしば、ブログに書こうと思った事さえ忘れてしまうんですよね(笑)

Continue reading

ブログを分けるべきかどうか考える

ブログの記事数が増えてくると、テーマ毎に別のブログを作って記事を分割したいと思ってきます。そんな時、どうするべきか考えたメモ。

Continue reading

Safari で半角円マークを表示する

Safari で半角円マークがバックスラッシュに文字化けする件について、解決方法がわかったのでメモ。

Continue reading

よく使う画像スライス名の案

Photoshop や Fireworks で画像をスライスしている時、スライス名(画像名)をどうしようか悩むので自分用にメモ。

使わない様な物も書いてます。

接頭語 意味 ファイル名の例
h_ ヘッダを構成するパーツ h_logo.png
hbt_ ヘッダ内のボタン hbt_profile.png
h1_ 見出し h1_profile.png
bt_ 普通のボタン(button)。btn_ でも良いかも? bt_profile.png
m_ メニューを構成するパーツ m_head.png
mbt_ メニューボタン mbt_profile.png
bn_ バナー(banner)。bnr_ でも良いかも? bn_sample.png
f_ フッタ(footer)を構成するパーツ。ftr_ でも良いかも? f_copyright.png
bg_ 背景画像 bg_head.png
icn_ アイコン icn_edit.png
pic_ 画像 pic_01.png
ttl_ タイトル ttl_profile.png
pho_ 写真 pho_01.png
txt_ 文字 txt_01.png
lin_ ライン lin_foot.png
illust_ イラスト illust_mac.png
str_ 文字列 str_01.png
dot_ ドット dot_01.png
lm_ リストマーク(list-mark)。 lm_submenu.png

ちなみに、Firefox で表示しているページに使われている全ての画像は「ツール」→「ページの情報」→「メディア」で確認可能。

代替テキストや使われている回数なんかも確認できるみたい。便利。

超カンタンなフェイバリットアイコンの作り方

超カンタンな favicon.ico の作り方を自分用にメモ。

  1. 16px 四方の透過 PNG 画像を作成
  2. Fireworks の場合、[ PNG 32 ] で書き出し
  3. Favicon 自動生成 にて変換
  4. head タグ内に <link rel="shortcut icon" href="/favicon.ico" /> と書く。

32px 四方のアイコンも入れておくと良いみたいなんだが、今回はパス(笑)

SWF ( Flash ) ファイルから素材を抜き出すツール

サイトリニューアルのデザイン案を作らなければならないのだが、素材がなく担当者に問い合わせると 「 サイトから素材を取ってください 」 なんて言われて、サイトを覗いてみると Flash サイトだった。orz

なんて時に大変便利な、SWF ( Flash ) ファイルから素材を抜き出すフリーソフトとかウェブサービスとか。

Continue reading

SWF ファイルをローカルにダウンロードする方法

Flash Saving Plugin を使う

Windows の Internet Explorer か Firefox を使っている場合、Flash Saving Plugin をインストールすると SWF を保存する事が出来ます。IE の場合は、ページのどこかを右クリックすると 「 Save Flash 」 と言うメニューが出現。

それから、このソフトと同時にインストールされる 「 SWF Cache Viewer 」 を使うと、IE と Firefox のキャッシュフォルダから目的の SWF ファイルを引っ張りだす事が出来ます。

Windows XP + Internet Explorer 6 の場合

Windows XP + Internet Explorer 6 でブラウズしたページの物であれば、下記のキャッシュフォルダにファイルが残っています。

C:\Documents and Settings\****\Local Settings\Temporary Internet Files

※ **** の所はユーザ名

Windows 98 + Internet Explorer の場合

下記のキャッシュフォルダを参照

C:\WINDOWS\Temporary Internet Files

その他の覚え書き

プロテクトされていなければ、Flash で開いてフレームレートなどの情報を見ることが出来る。
また、Flash Player で URL を入力すれば SWF を直接開くことが出来ます。

HTML の特殊文字

HTML の特殊文字って、アンドとかダブルコーテーションとか、あと数個しか無いのかと思ったら、結構いろんなのがあるみたい。

とりあえず、使えそうな所をピックアップしてメモしときます。

キロメートル
平方キロメートル
平方メートル
いち
にい
さん

Mac OS 10.4.7 + Firefox 1.5.0.4 では、フォントファミリーに Osaka を指定しとかんと表示されない。

参考にさせてもらったページは、HTMLの特殊文字 / Studio Rikiy です。ありがとうございます。

Page 2 of 12«12345»...Last »

Home > ウェブ開発・運営

タグクラウド

Return to page top