サイトをMovable Typeへ移行中
先日、ブログをMovable Type 5.13へアップデートしましたが、本日ウェブサイトを設定いたしました。
トップページはテンプレート、「テーマとテンプレート」以外ページをウェブサイトのウェブページで作成しました。

今後、「テーマとテンプレート」をブログで構築する予定です。
アットスタイルのWebmasterがHTML・CSS・アクセシビリティ・Movable Type 等、気になる事について色々と・・・
先日、ブログをMovable Type 5.13へアップデートしましたが、本日ウェブサイトを設定いたしました。
トップページはテンプレート、「テーマとテンプレート」以外ページをウェブサイトのウェブページで作成しました。

今後、「テーマとテンプレート」をブログで構築する予定です。
Movable Type 5.13へのアップグレードに伴いサイトのテンプレート情報とブログで個別に配信しておりましたFeedをhttp://atstyle.biz/atom.xmlに統一いたしました。
RSSリーダーのご登録変更をお願いします。
お手数をおかけいたしますが、よろしくお願いします。
昨日、このブログをMT5.13にアップグレードした。
まずはMTの便利な機能、「ブログの完全バックアップ」と「バックアップしたブログの復元」を利用してデータベースをSQLiteからMySQLに変更。
その後、MT5へのアップグレード。これまでMTOS4.38を使っていたのでMTOS5.13にアップグレードするつもりだったが、なぜだかエラー。MTOSではなくMT5.13を試すとすんなりアップグレードできた。(原因は調べていません)
MT5のライセンスが一つ余っていたので、このままMT5.13を使うことにした。
ウェブサイトは全く利用しておらず、構成やテンプレートをどうするかが悩みどころです。

SoftBank 007Zのメイン回線がBS放送による電波干渉で全く使えなくなった。
田舎なのでイー・モバイルのサブ回線もなかなか繋がらないことが多いのに...これじゃ、全く使い物になりません。
「対策に何年もかかるでしょ」と腹を立ててもしょうがない。あっさりと解約(契約解除料・割賦残債も免除)
WiMaxが使えるau Wi-Fi WALKER DATA08Wを導入した。

家の中ではWiMaxをつかめないけど、外に出ると、快適。早く替えておけばよかった。
簡単にシンタックスハイライトが導入できるgoogle-code-prettifyを使ってみた。
ダウンロードはGoogleからでもよいが、以下のページの解説がわかりやすいかもしれない。
Quick Tip: How to Add Syntax Highlighting to Any Project
ダウンロードしたファイルの中からprettify.cssとprettify.jsだけを使う。

prettify.jsをサーバーへアップロード、prettify.cssは内容を既存のCSSに追加した。
HTMLファイルに以下を記述する
<script src="/js/prettify.js"></script>
<script>prettyPrint();</script>
preでマークアップ
<pre class="prettyprint"><code>ここにコードを記述する</code></pre>
12月22日、個人向け無償版のzenbackからzenback BIZにアップグレードいたしました。
zenback BIZでは「関連リンク」やクラシファイドも非表示に出来るため他サイトへの流出を心配しなくてよくなります。またGoogle アナリティクスも設定可能ですので企業・法人でのご利用におすすめです。
*個人向け無償版のzenbackからzenback BIZへのアップグレードの際には、必ず個人向け無償版で利用した以外のメールアドレスを用意して新たにアカウントを作成する必要があります。ヘルプをよく読んで設定してください。(間違えて無料アカウントにライセンスコードを設定してしまいましたとさ...)

東北地方太平洋沖地震の被害に遭われた方におかれましては、心よりお見舞い申し上げると共に、一日も早い復興をお祈り申し上げます。
今年もアットスタイルをどうぞご利用下さいますようお願い申し上げます。
平成二十四年元旦
アットスタイル 柳 泰久
先日「当ウェブサイトでのInternet Explorer 6 対応終了」をご案内した後にInternet Explorer 6からのアップデートを促すようie6alert-jsを組み込みましたが、IE6で閲覧した場合にはグローバルナビゲーションにアラートが重なり使いにくくなっておりました。
現状CSSにはIE6とIE7用のclearfixも記述しておりますが、対応しない方向なのでIE7にもアラートを表示させるようにいたしました。
スクリプトは少しのコードで実装可能な20のjQuery小技集 | Webクリエイターボックスの中の「9. IE6以下ユーザーにメッセージを表示」を使用させて頂きました。
<script>
$(function () {
if ( $.browser.msie && $.browser.version <= 7 ) {
$('body').prepend('<div class="error">このウェブサイトは<span>Internet Explorer 6<\/span>や<span>Internet Explorer 7<\/span>では<span>正常に表示されない<\/span>可能性があります。ご了承ください。<\/div>');
}
});
</script>
.error {
background:#84b8c7;
text-align:center;
font-size: 87.5%;
color: #fff;
padding: 8px 10px;
}
.error span {
font-weight: bold;
}

なお、販売および配布のテーマ(テンプレート)につきましては、引き続きInternet Explorer 6及び7で大幅にレイアウトが崩れていないことを確認後に公開いたします。
当ウェブサイトおよびブログにてInternet Explorer 6への対応を終了させて頂きます。
最新のブラウザにアップデートしてご覧ください。Internet Explorer 6を利用して閲覧される場合には意図しない動作・デザインで表示されることがございますことをご了承ください。
なお、販売および配布のテーマ(テンプレート)につきましては、引き続きInternet Explorer 6で大幅にレイアウトが崩れていないことを確認後に公開いたします。
よろしくお願いします。
7月にお問い合わせフォームを編集したが、今回はブログのコメントも一緒にいじってみた。
シンプルな印象を崩さないようにグレーのボーダー
ボタンも同様に極めてシンプル。CSSはこんな感じ。
.submit-button {
padding: 3px 10px;
border: solid 3px #d5d5d5;
background-color: #f3f3f3;
color: #000;
text-shadow: 1px 1px 0 #fff;
margin-right: 20px;
}
.submit-button:hover {
border-color: #999;
background-color: #e6e6e6;
color: #000;
}
.submit-button:active {
border-color: #333;
background-color: #e6e6e6;
color: #000;
}
