WebDesign Dackel

jQueryを使って相対パスをhttpから始まる絶対パスに変換

jQueryを使って相対パスをhttpから始まる絶対パスに変換

ちょっと忘れないようにメモです。 この前、色々とプラグインの中身を見ていたら相対パスを絶対パスに変換する面白いコードがありました。 タイトルにある様なことをする時に、前だったら現在のURLを取得してそ...

SassのGUIツール、koalaでコンパイルエラー

Sassのコンパイルツールで有名なkoalaは使い勝手がよく、最近ずーっと使っています。 ところが、WordPressのテーマを作っているとき、エラーが出てしまってコンパイル出来ないことがありました。...

ChromeでCSS3のレンダリングがおかしい…

jQueryのanimate()を使って、CSS3のtransform、rotate、scaleプロパティを操作しながら拡大表示する、みたいなアニメーションを作ったのですが、Chromeだけレンダリン...

jQueryを使って一定のスクロール位置に来たら、フッターを固定・解除する

よくあるUIで、サンプルや実装方法は他のサイト様でもよく紹介されていたのですが、フッターを固定・解除するものを実装している時に見事にハマったので、ハマった箇所、実装方法を合わせてメモしておこうと思いま...

今更ながら、sublimetext2のショートカットを設定・カスタマイズする

今更感がありますが、ずっと使っていたSublimetext2のショートカットを自分用にカスタマイズする方法を最近知ったので、メモを兼ねてブログに書いておこうと思います。 ユーザ定義のキーバインドの設定...

Mavericksアップデート後、Xtrafinderの調子が悪い!

Mavericksへアップデートして、ちょっと時間が経ちましたがいつも使っている「Xtrafinder」の調子が悪いですね〜。   全体的には普通に動くのですが、ちらほらと小さなバグがあるっ...

jQueryでプラグインを使わずに、マウス位置によるスクロールアニメーションを実装してみる

jQueryでプラグインを使わずに、マウス位置によるスクロールアニメーションを実装してみる

今回は、よくFlashサイトで見られた演出でマウスの位置によってスクロールするUIをプラグインを使わずに実装してみようかと思います。 こういったUIを作るためのUIはすでに出ていていますので、無理に自...

jqueryでレスポンシブサイトへ対応。PCとスマートフォンでCSSを切り替えるプラグインjquery.switchview.jsを作った

jqueryでレスポンシブサイトへ対応。PCとスマートフォンでCSSを切り替えるプラグインjquery.switchview.jsを作った

最近、PCサイトをそのままワンソースでスマホ対応させる、いわゆるレスポンシブサイトに携わる事が多く、サーバーサイドは使えない、、Mediaqueryも禁止、なのでJSでCSSを動的に切り替えるという手...

JSで変数定義をちょっとだけ短く書く方法を覚えた

最近、仕事が忙しくてなかなかブログが書けず…。 出来るだけ多く書きたいなぁなんて思っていたのにぃ〜。無念。。 仕事ではスマホサイトの対応が多くて、HTMLはワンソースでCSSを切り替える、...

OSX Mavericksリリース! アップデートしようか迷う。。

OSX Mavericksがリリースされましたね! 今回は、MountainLionと違って無料なので気軽にアップデートできます。 Pro2011を使っている時に、MoutainLionへアップデート...