Home > Memo
Memo Archive
ホームページビルダー(v13)が吐くDOCTYPEについて
- 2009-05-25 (月)
- Memo
「ホームページビルダーv13でXHTMLファイルを更新するとDOCTYPE宣言が設定されているもの(デフォルトはHTML)に勝手に書き変わる」とこっちの記事で書いたけど、
最大の問題点(というかクソ仕様)はデフォルトで吐かれるDOCTYPEが後方互換モードになるやつという点だと思われる。
サイト製作初心者はレンダリングモードがどっちでも気づかないかもしれないが、
Dreamweaverユーザーが特別な事情でビルダーを使う事になった時、この罠に嵌る可能性は高いような気がした!
後方互換モードになるのはdtd(システム識別子)のないやつのこと▼
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
標準準拠モードになるDOCTYPEは最後にurlっぽい記述が入る。
-
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
つまり、HTMLの標準準拠モードDOCTYPEで作っていても、ビルダーで更新した時点で後方互換モードに書き換えられてしまう。
これが顕著に現れるのは、『IEだけ何故か左に寄っている』みたいなIEのみ現象だと思います。
そのページをビルダーで更新したならまずDOCTYPEを疑うといいでしょう。
DOCTYPEとレンダリングモードの関係については下記サイトが詳しい。
DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含んだ 2008 年版 )
解決策
ビルダーの公式ヘルプも後方互換のDOCTYPEを紹介しているのは置いといて、
「オプション」ダイアログの [ファイル] タブにある、[DOCTYPEを出力する] のテキストエリアに入ってるソースを変更する。
で直るんだけど別の文書タイプにする際は都度変更が必要なんだと思う。
この文書型宣言は、「オプション」ダイアログで変更することも可能です。
HTML ソースで書き換えることも可能ですが、再度ホームページ・ビルダー上で当該ページを開いたときに、「オプション」ダイアログで設定されている内容に書き換えられてしまいます。フレームページで「frameset.dtd」に変更したい、など、文書型宣言内容を変更する場合は、「オプション」ダイアログで変更することをお薦めします。
どうもこの仕様はv10くらいから継承されているらしい。
- Comments: 0
- Trackbacks: 0
Illustratorの無駄なアンチエイリアスを一掃する
- 2009-05-19 (火)
- Memo
Photoshopのモックアップが流行ってるっぽい今日この頃ですが、
ラフをIllustratorで作るデザイナーは多いと思います。印刷から移った人などは特に。
イラレで作られたラフの何がウザいかって、やたらとボカシのかかるあの無駄なアンチエイリアスじゃありませんか?
そのままスライスすればサイズが変わり、1pxで済むはずのラインがアンチエイリアスで2pxになったりと、それが嫌でわざわざPhotoshopで作り直した覚えのある人はきっと多いはず…。
ある設定をすればこのイラレ特有のアンチエイリアスを一掃することが出来ます!
メールで送りつけるもよし、メッセンジャーで送りつけるもよし、Twitterで(ry
ピクセルベース化する設定方法をテキストでまとめてみたので、アンチエイリアスかかりまくったラフを作るデザに教えてあげましょうw
IllustratorをWebデザイン向けの設定にする手順
- 編集メニュー最下部にある【環境設定】を選択して、『一般』タブを開く
- 『一般』内にある「プレビュー境界を使用」にチェックを入れる
- 『単位・表示パフォーマンス』タブへ移り、一般のセレクトメニューを「ピクセル」に変更
- 表示メニュー上部にある【ピクセルプレビュー】にチェックを入れる。ショートカットはAlt+Ctrl+Y
- 表示メニュー下部にある【ピクセルにスナップ】にチェックを入れる。ショートカットはShift+Ctrl+"
- 表示メニューにある【定規を表示】にチェックを入れ、アートボードの左上に原点を変更する
※ピクセルプレビューのチェックは新規作成する度に必要。
アートボードの原点変更手順
上記のステップ5まで終了していると想定します。
初期設定の原点は左下ですが、左上に変更すれば座標がWebと同環境になります。
- カーソルを【選択ツール】に変更
- ドキュメント左上にあるルーラーY軸とX軸が交差する□をクリック
- クリックして十字キーになった状態のまま、アートボード左上までドラッグ

- Comments: 0
- Trackbacks: 0
複数設置可能な情報公開型掲示板
- 2009-05-14 (木)
- Memo
…作ってたら更新止まったっていう。見れる状態になったので途中経過メモ
名前は「foglio」です。
- 管理人だけが投稿可能な情報公開型掲示板
- 1つの管理画面から全掲示板の管理が可能
- 項目を自由に設定出来る
- 画像アップロード可能
- 同ページ内に掲示板データの表示共存が可能
- 表示レイアウトの変更が可能
「管理画面の統一」と「項目自由設定」と「表示の共存」
この3つが最大のポイントだと思う。
表示はwordpressライクなタグ埋め込み型。
オブジェクト指向勉強がてら作ってるんだけどイマイチ怪しい…
PHPでOOPの掲示板ソース参考にしてます。
- Comments: 0
- Trackbacks: 0
[memo] 中国 ITソースコード強制開示強行へ
- 2009-04-24 (金)
- Memo
あまりにポカーンなニュースだったので晒しage。
制度は、中国で生産・販売する外国製の情報技術(IT)製品について、製品を制御するソフトウエアの設計図である「ソースコード」の開示をメーカーに強制 するものだ。中国当局の職員が日本を訪れ製品をチェックする手続きも含まれる。拒否すれば、その製品の現地生産・販売や対中輸出ができなくなる。
どの先進国も採用していない異例の制度で、非接触ICカードやデジタル複写機、金融機関向けの現金自動預け払い機(ATM)システムなど、日本企業が得意な製品も幅広く開示対象になる可能性がある。
中国側は、ソフトの欠陥を狙ったコンピューターウイルスの侵入防止などを制度導入の目的に挙げる。しかし、ソースコードが分かればICカードやATMなどの暗号情報を解読するきっかけとなる。企業の損失につながるだけでなく、国家機密の漏洩(ろうえい)につながる可能性もあるため日米欧の政府が強く反発。日本の経済界も昨秋、中国側に強い懸念を伝えた。
あれ?海賊版の本場はどこの国でしたっけ?w
FF11、リネージュ、ラグナロクオンラインなどのMMO経験者なら、どこの国のファーマーやアカウントハッカーが多いのかもご存知でしょう…
参考»FF11のハッキング対策説明サイト
戦闘機の設計を盗もうとしたり、納品した製品が偽者だったりといったことをしちゃうお国柄。
こちらのブログのIT三面ニュースの記事をみているとこの強行姿勢に通じるものを感じる。
続きはソースコードって何ぞ??という人への説明
- Comments: 0
- Trackbacks: 0
ホームページビルダーv13でXHTML+CSSコーディング
- 2009-04-06 (月)
- Memo
安価なオーサリングソフトとして超王道なホームページビルダー(笑)でいつもやってるコーディングは出来るのか?
実際やってみたら案の定残念な感じだったので、これは酷いと思ったところを列挙してみる。
なお、触ったのはver13体験版で製品版ではありません。
- Comments: 0
- Trackbacks: 1
ホーム > Memo
-
- そしてこのSQLはわれながらよく書いたと思う 2010-11-15
- CSVの列っていう方がいいのかな…118項目だった 2010-11-15
- 楽天のCSVの項目が116個もあった衝撃 2010-11-15
- オフィスで香水臭振りまくのは迷惑だと知れ 2010-11-15
- ぐあー フレグランステロやー 2010-11-15
- More updates...
Powered by Twitter Tools
-
- ホームページビルダー
- 擬似クラス
- 楽天
- 1Column
- 2BOX
- 2ch
- 2column
- 2Helvs
- 3column
- 5BOX
- Actionscript
- Ajax
- Animation
- AntiSpam
- API
- apple
- Aptana
- Aqua
- ASCII
- Assets
- AutoExternalLink
- background
- backup
- BETA
- Blog Status
- breadcrumb
- Bubble
- bug
- Button
- calendar
- Calendarizm
- canvas
- Center
- Chain
- Chrome
- Class
- Click Event
- CMS
- ColorMeShopPro
- ContactForm
- Control
- Cookie
- CSS
- CSS3
- CSV
- Custom
- date()
- Demo
- Dojo
- domain
- Download
- Dreamweaver
- dropdown
- Dummy Text
- Effect
- Elastic
- Error
- Filter
- filter.html
- FireFox
- Fixed
- Flash
- Floating
- foglio
- Form
- free material
- free script
- Function Reference
- Fx.Morph
- Fx.Scroll
- Fx.Slide
- Fx.Tween
- gettext
- get_posts
- GMarker
- Go-To-Top
- GoogleChart
- GoogleEarth
- GoogleMap
- GoogleSearch
- Hack
- Halves
- Highlight
- Horizontal
- HTML&XHTML
- HTML5
- HTML5API
- Icon
- IE
- illustrator
- infowindow
- iphone
- Javascript
- jQuery
- jQuery.plugin
- KML
- LeftMenu
- liquid
- ListMenu
- Localization
- login-system
- Magpie RSS
- Mobile
- mooFollow
- MooTools
- mooTyping
- number format()
- OnlineGame
- OOP
- OpenPNE
- Pagenation
- permalink
- Photoshop
- PHP
- ping
- plugin
- poedit
- Polyline
- prototype.js
- Regular Expression
- RightMenu
- rollover
- RPC
- RSS
- Safari
- Sample
- script.aculo.us
- scrollbar
- selection
- selectors
- SEO
- session
- Shortcode
- Sidebar Widgets
- slimbbs
- Smarty
- SmoothScroll
- strtotime()
- Symphony-CMS
- Tableless
- Tab Menu
- Tar
- Template
- Template Engine
- Template Tags
- time()
- TinyMCE
- token
- Tooltip
- Transparent
- Tutorial
- Tutoriarl
- Valid
- Validator
- vertical-align
- Web Browser
- Web Site
- Wiki
- window.open
- wordpress
- wp-custom
- wp-function
- wp-plugin
- wp-themes
- xampp
- XHTML
- XML
- Xserver
- YUI
- Zend Framework
- Zend_Form
- Zend_View
- zeromail

