http://www.skyward-design.net/ 『Skyward Design』は、日々の出来事などを綴った日記や、沖縄旅日記「Shimalog（島ログ）」を掲載した個人的なウェブサイトです。 ja Hideki Abe 2012-02-05T12:27:04+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 http://www.skyward-design.net/blog/archives/000118.html Sassを使っていて1つ面倒なことと言えば、CSSを生成するのに必要なコマンドが長いことではないでしょうか。そこで「Compass」を利用して、SassのCSS出力を手軽にする方法をご紹介します。 Skyward Design Blog Hideki Abe 2011-12-08T21:36:22+09:00 http://www.skyward-design.net/blog/archives/000117.html 画面のスクロールに伴って画面左（もしくは右）に配置したメニューが追従してくる「フローティングメニュー（エレベーターメニュー）」の実装を検討しました。スムーズな動作を実現するため、スクロールが完了（停止）した際に発生するカスタムイベント「scrollFinish」を作成しました。 Skyward Design Blog Hideki Abe 2011-11-25T20:00:00+09:00 http://www.skyward-design.net/blog/archives/000116.html 昨日6日、博多総合車両所岡山支所で開催された「山陽新幹線ふれあいデー」に行ってきました。お目当ては最近かなりお気に入りのN700系。あこがれの運転台はもう何とも言いようのない感動でした。こんな素敵な空間は他にはないなとか、これが運転できたら...などと、いろいろな思いを浮かべていました。 Skyward Design Blog Hideki Abe 2011-11-07T21:30:45+09:00 http://www.skyward-design.net/blog/archives/000115.html 一昨日ANAのボーイング787特設サイトを見たら、乗員慣熟飛行スケジュールが公開されており、787が岡山・広島空港に飛来するとの情報を発見。SROVの時は平日なので見に行けなかったけど、今回は土・日にも飛来するとのことで広島空港に出かけました。 Skyward Design Blog Hideki Abe 2011-10-15T22:34:24+09:00 http://www.skyward-design.net/blog/archives/000114.html Facebook開発者ブログの記事「Platform Updates: Operation Developer Love」にて、iframeの高さ調整に関するJavaScriptの仕様変更がアナウンスされています。現在iframeの自動高さ調整（スクロールバー消去）機能として「FB.Canvas.setAutoResize」が提供されていますが、機能名が「FB.Canvas.setAutoGrow」に変更される事になったようです。 Skyward Design Blog Hideki Abe 2011-10-08T11:40:19+09:00