つくりてのざれごと

思うところあって、拙サイトにmetaタグを追加することに。そしてBlogger2つとTumblr2つを独自ドメインに変更した。 拙サイトにmetaタグを追加 追加したのは、 <meta name="format-detection" content="telephone=no" /> <meta name="copyright" content="©2012–2013 eszett design, Osaka Japan" /> <link rel="canonical" href="http://eszett-design.com/" /> の3つ。 1番目は、iPhone上で数字の羅列が勝手に電話番号と解釈されてリンクにならないようにする設定、とのことで、念のために導入（XHTMLに使って良いかはっきり判らないが、 Another HTML-lint 5 でチェックしてもエラーにならなかったので良しとする）。（※参照：「 iPhoneのSafariでこのblogを見たときに数字の列が電話番号扱いされないようにした | コーヒーサーバは香炉である 」深謝！） 2番目は、著作権表記metaタグ。元々フッターに表記しているが、これも念のため。 3番目は、「URL正規化タグ」なるもの。拙サイトの場合、http://www.eszett-design.com/の他にhttp://eszett-design.com/もあって重複しているが、これを指定した方へ統一して、もう一方へアクセスした場合もリダイレクトしてくれる、らしい。（※参照：「 link rel="canonical"（カノニカルタグ）の使い方。URLを正規化させて重複コンテンツの発生を防ぐ方法 | SEOのホワイトハットジャパン 」深謝！） BloggerとTumblrを独自ドメインに変更 Tumblrに独自ドメインを設定するのは簡単で、契約しているレンタルサーバーでサブドメインを設定してそれをTumblrのカスタムドメイン設定に導入すれば良いだけ。 大変だったのはBloggerの方。 これに先立ってこのNE...

本日はワタクシの管理しているWIKIの1つと、拙websiteやblogger、tumblrで使用中のwebフォントの微調整をば。 WIKIの見た目変更 先日拙websiteやblogger、tumblrのマイナーチェンジを施したので、 WIKI の方も同じような見た目にしてみたく。 別段特別なことをしたわけでもなく、単純にWIKIの設定項目の「CSSカスタマイズ」にてCSSを設定したのみ。 デフォルトの見た目 CSS設定後 因みにこのWIKIは、 @WIKI を利用している。 webフォントの微調整 拙websiteやblogger、tumblrでは、 SNS アイコンやページ右下の「scroll to top」ボタンやサイドメニューの「dropdown」マークをwebフォント Ligature Symbols にて表現している。しかしこのLigature Symbols、 IE 未対応（IEがLigature機能に未対応というべきか）ゆえ、IEでは「scroll to top」ボタンや「dropdown」マークがそのまま文字として表示されてしまったので、読込ませ方を変更して、IEでは現れないようにした。 具体的には、 CSS にて .lsf-icon:after { content: 'dropdown' ; （以下略） } と指定していたものを .lsf-icon:after { content: attr(title) ; （以下略） } と変更し、「dropdown」マークを表示したい箇所のタグに <span class="lsf-icon" title="dropdown" >works</span> と、title属性にて指定すると、未対応のIEでは現れないようになる。 詳細は、 Ligature Symbols ページ下部の例示をご覧あれ。

NEWSページを、管理しやすいようにblog形式に刷新。NEWSだけでなく業務のことなども書く予定。折角自分のドメインを持っているので、bloggerのアドレスも独自ドメインにすることに。その際参考にしたサイトは以下の通り（ありがとうございます）。 Bloggerを独自ドメインで運用する。 - Serendipity blog. blogger.comをサブドメインで運用する方法(さくらインターネット) : わいきゅー Google Blogger にブログを開設して、独自ドメインのサブドメインを設定する（さくらインターネット編） - おそえの日誌2 Just changed NEWS page into NEWS “blog”. I will write articles of my site news and my works. I have my domain, and I switched from blogger's domain to my domain.

HOMEページに、 文字るブログ と 活字の小箱ブログ の最新フィードを追加。 Google Feed API を利用してRSSを取得・表示しています。 参考にしたサイトは以下の通り（ありがとうございます）。 Google AJAX Feed API入門 Google AJAX Feed APIの使い方メモ | GNJYOブログ Google AJAX Feed APIでRSSフィードの日付も表示｜Webpark 誰でも簡単に外部RSSをサイトに表示できる「Google Feed API」の使い方！ - ウェブソク I have added MOJIRU and TYPE CASKET blog feeds on HOME page. I use “ Google Feed API ”.

HOMEページを改装し、新たにイベントカレンダー（文字・活版関連）を追加。googleカレンダーを、jQueryベースのAjax対応カレンダープラグイン「 FullCalendar 」を使用して読み込ませてみました。見た目はCSSとFullCalendar内のjQueryをカスタマイズしてこのサイトに合うようにしています。また、Tumblr APIで「線の博物館」と「文字の雑貨店」の画像を読み込み表示できるように改良。それに伴い、NEWSを新設した NEWSページ に移動しました。 Tumblr APIについては以下を参考にしました（ありがとうございます）。 Tumblr API – JSON 形式で Javascript で読み込み表示する | gutarin API | Tumblr ブログのフッター等にjQueryでTumblrに投稿した画像を表示する - かちびと.net I have added a event calendar of letters and letterpress on HOME page. I use the “ FullCalendar ” that is a jQuery plugin and uses AJAX to fetch events provided by Google Calendar on-the-fly. I customize the calendar style by modifying its CSS and FullCalendar's jQuery. And I have added Tumblr API to show images of “The Museum of Lines” and “The Moji Shop”. In addition to this, I have separated NEWS page from HOME page.

eszett design（エスツェット・デザイン）のポータルサイトを全面改装しました。 I have finished up the second redesigned website explaining my business contents and activities briefly.

LINKSページ に印刷・書店・雑誌のリンク集を追加。日頃お世話になっている、もしくは定期的に購読しているものです。 I've added LINKS of printing companies that help me in my printing works, bookstores that I often use, and magazines that I subscribe to.

業務内容や活動をまとめて簡潔に説明したeszett design（エスツェット・デザイン）のポータルサイト、独自ドメインを取得し全面改装。 I have finished up a redesigned website explaining my business contents and activities briefly.