とまとまきゅっきゅ2016年5月14日jquery.colorboxのスマホの挙動が変iframeでcolorboxを使ってみてるんだけど、内容が長くなった場合、下の方に入れた画像をタップするとページの上に戻るとかいうよく分からない現象が...。Tweet一応ちょっとブログのデザインをいじろうと思います。見てる人はいないとおもうけど、一応報告しておきますよっと。chrome-extension-resource.Chromeではセキュリティ上の都合でローカルファイルへのAjaxリクエストはできないようになっているらしい。--allow-file-access-from-filesでいけるらしい。今使ってる掲示板はセキュリティー的に不安なので、movabletypeのコミュニティ掲示板をつかってみようとさわってみたが、サインインのところに不具合があるようで、→キャッシュにやられてサインインできない?デバッグするのも面倒なので、やめました。movabletypeはすたれ気味だし、ましてや掲示板なんてさっぱりメンテされないのね。Tweet2016年3月28日モーダルウィンドウのリサイズウィンドウサイズによって、モーダルウィンドウがリサイズするようにした。モバイルサイズまでは90%でそれ以上は固定値。リサイズ中何度も処理がよばれないようにしている。予期したとおりに動いたからきっとこれでいい。なんか間違ってる気もするけどこれでいい。今回はモーダルウィンドウで開かせるようにしたいと思います。モーダルウィンドウできるプラグインがいっぱいあるようで色々まよったんですが、まぁ、使ってみないとわかんないので、colorboxっての使ってみることにします。photoswipeとか。みんな、画像をクリックしたら拡大表示されたりギャラリー表示されたりするプラグインなんだけど、やりたいのは、画像クリックしたら軽い説明分と画像を表示させること。colorboxでできるよね・・?はずれじゃないといいな。Tweet2016年3月20日へそクリックでスムーズスクロールちまたでは1ページもののスクロールページがはやっているようなので、それにのっかて新しいサイトを作成しています。うにょぺそといったらやっぱりへそクリックでINだよね!ということで、TOPにへそ画像をおいて、へそクリックしたら次のセクションにスムーズスクロールするようにすることに。FLASHでちょっとした動きをつけることにした。Canvasでパブリッシュ。SVGアニメを使いたかったんだけど、どうもうまく動かなかったよ・・。へそクリックINでスムーズスクロールできるようにjavascriptをちょこっといじった。jquery.jsよみこんできてうごかしたのがこれ。"swing");event.preventDefault();};動きがちょっと悪いので、jquery.easing.min.js追加でうごかしたのがこれ。'easeInOutExpo');event.preventDefault();};とまぁ、自分のために覚書。Javascriptいじったことないから色々つらいよね。それはそうと、ソースコードのせるなら、なんかMTにプラグイン導入したほうがいいね。画像のレスポンシブ対応SVGだとwidthとheightを消すだけで、レスポンシブ対応できる。ちなみにSVGを最適化・軽量化できるWebアプリを使っとくとステキ。GUI」SVG対応してないブラウザのために、インラインSVGの代替テキスト代わりとしてhogeも埋めとくとやさしい。pngとかはBootstrapの場合、下記のように書くだけでいけるらしい。Tweet2016年3月15日FONTメモ手持ちのfontをwebフォントにして使える。下記サイトなどで変換できるよう。http://www.fontsquirrel.com/tools/webfont-generatorSCSS(Sass)とLESSCSSを拡張したメタ言語の一つ。入れ子表記できるので、CSSを効率よく記述できる。9日ホームページ大工事FLASHでホームページを作り直して、当時はそれなりに満足していたんだけど、iphoneからじゃページみれなかったり、時代おくれもはなはだしくなってしまっているので、手直しする決意表明。調べたことをメモっていきます。protocol」の略称。FacebookやTwitter、Google+、mixiなどのSNSでシェアされた際に、そのページのタイトル・URL・概要・アイキャッチ画像(サムネイル)を意図した通りに正しく表示させる仕組みです。