http://www.skyward-design.net/ 『Skyward Design』は、日々の出来事などを綴った日記や、沖縄旅日記「Shimalog（島ログ）」を掲載した個人的なウェブサイトです。 ja Hideki Abe 2012-05-14T19:13:33+09:00 http://www.skyward-design.net/blog/archives/000134.html html5shivの導入方法について、以前はGoogle Code内のソースコードを読み込むように指定されていましたが、現在はまずzipファイルをダウンロードし、自分のサーバーにホストした上で条件分岐コメントを利用してホストしたファイルを読み込むようにと、使用法の解説が変更されています。最新の利用方法と、利用方法が変わった理由や注意点についてまとめました。 Skyward Design Blog Hideki Abe 2012-05-14T13:00:00+09:00 http://www.skyward-design.net/blog/archives/000133.html 2012年5月8日に勧告案となった仕様「RDFa Lite 1.1」に沿ってOGPのマークアップを行ったところ、Validator(Nu Markup Validation Service)でエラーがないValidな文書が作成できたのでメモしておきます。 Skyward Design Blog Hideki Abe 2012-05-10T20:30:00+09:00 http://www.skyward-design.net/blog/archives/000132.html 3月末にプランリニューアルが行われてパワーアップした「さくらのVPS」を4月初めに契約。GW前半で計画していた作業が終了したこともあり、以前より興味を持っていたNode.jsをVPS上で環境構築して遊んでみることにしました。 Skyward Design Blog Hideki Abe 2012-05-06T11:35:36+09:00 http://www.skyward-design.net/blog/archives/000131.html Movable Typeの投稿設定画面にある「表示される記事数」を取得するファンクションタグを利用可能にする「GetEntriesOnIndexプラグイン」を作成しました。非常に簡単なプラグインなので公開します。 Skyward Design Blog Hideki Abe 2012-03-29T22:12:47+09:00 http://www.skyward-design.net/blog/archives/000130.html CKEditor for Movable Typeを使ってdiv要素で囲んだりする必要のあるレイアウトを簡単に実現する方法がないか探っていたところ、テンプレート（雛形）機能を利用するとわりと簡単に実現できることが分かりました。 Skyward Design Blog Hideki Abe 2012-03-15T21:53:09+09:00 http://www.skyward-design.net/blog/archives/000129.html Movable Typeにおいて、CKEditorを適用したリッチテキストエディタ内にMTタグ（テンプレートタグ）を書くと、デフォルトではエンティティ化されてしまいMTタグとして機能しません。そこでフォーマットを「なし」にせず、「リッチテキスト」のままでMTタグとして扱う方法をご紹介します。 Skyward Design Blog Hideki Abe 2012-02-02T21:47:30+09:00 http://www.skyward-design.net/blog/archives/000128.html 昨日からの「Ruby初心者が作るカスタムSass関数」シリーズ第2回。今日は文字列を置換するカスタムSass関数を作ってみました。単純な文字列置換と正規表現を利用した文字列置換が可能です。 Skyward Design Blog Hideki Abe 2012-01-25T20:54:14+09:00 http://www.skyward-design.net/blog/archives/000127.html Twitterで「Sassを書いている時にゼロパディング（ゼロ埋め）したいんだけど...」という趣旨のツイートを見たのがきっかけで、ゼロパディングするカスタムSassファンクションを考えてみました。 Skyward Design Blog Hideki Abe 2012-01-24T21:05:41+09:00 http://www.skyward-design.net/blog/archives/000126.html CSSのみでグラデーションが生成できるlinear-gradient関数は便利ですが、実際に利用しようとするとビジュアルデザイン上で設定されたグラデーション設定（カラー・位置）を、色の数だけコピ＆ペーストしなければならないなど、CSSを記述する際の負担が増えます。そこで、SassとPhotoshopのスクリプトを利用して、クロスブラウザなCSS3グラデーションを簡単に実現する方法をご紹介します。 Skyward Design Blog Hideki Abe 2012-01-21T18:50:24+09:00 http://www.skyward-design.net/blog/archives/000125.html 「[β版] Photoshopのグラデーションオーバーレイ設定を取得するスクリプト」を更新する際、CSSグラデーション（linear-gradient()）の構文変更が最新のブラウザではどう扱われているのか気になり、実装状況の確認を行いましたのでまとめてみました。 Skyward Design Blog Hideki Abe 2012-01-20T21:02:21+09:00 http://www.skyward-design.net/blog/archives/000124.html DreamweaverでSassを使う（SCSSを書く）時、Zen Codingを利用しようとしてもデフォルトでは上手く動作しません。そこで、Zen Codingのコアファイルをカスタマイズし、SCSSを書く際もZen Codingが利用できるようにする方法をご紹介します。 Skyward Design Blog Hideki Abe 2012-01-14T12:55:11+09:00 http://www.skyward-design.net/blog/archives/000123.html U-notez Blogの記事「Easy Color Customization for Embedded Google Calendars」で配布されているプログラムを利用し、Google カレンダーのカレンダー表示部分の配色を変更してWebページに埋め込む方法をご紹介します。 Skyward Design Blog Hideki Abe 2012-01-13T21:19:09+09:00 http://www.skyward-design.net/blog/archives/000122.html CSSでフォントサイズを相対値（em・rem・%）で指定する時に発生する計算は意外と手間なものです。本記事では、その作業をSassで簡略化する方法をご紹介します。 Skyward Design Blog Hideki Abe 2012-01-07T13:13:51+09:00 http://www.skyward-design.net/blog/archives/000121.html Sassを利用する際、Sassで出力するCSSを自社のCSS記述ルールに合わせた出力にする簡単な方法はないでしょうか？　本記事では、Sassの「expanded」スタイルのカスタマイズを行い、自社のCSS記述ルールでCSSを出力する方法をご紹介します。 Skyward Design Blog Hideki Abe 2011-12-17T13:00:00+09:00 http://www.skyward-design.net/blog/archives/000120.html 最近では専らCodaを利用して(X)HTML/(S)CSS/JavaScriptをコーディングするようになりました。CodaのZen Coding -- TEA for Codaでもdiv要素の終了タグにコメントを自動追加できるようにカスタマイズしてみたのでご紹介します。 Skyward Design Blog Hideki Abe 2011-12-10T14:24:05+09:00