Script一覧

Masonryの再配置をjQueryのウィンドウリサイズトリガーで発生させる。

動的なコンテンツを配置して、(高さが変わるようなもの)Masonryでグリッドの配置をやり直す際、上手くいかなか...

記事を読む

ウインドウのリサイズ終了後に画面をリロードする方法。スマホの場合はユーザーエージェントを判定してリロードしない処理を追加。

レスポンシブ・デザインのランディングページで、jQueryプラグイン「slider.js」を使って、フル画面の画...

記事を読む

オリジナルスクロールバーを設置するjQueryライブラリ「jScrollPane」の初期設定タイミング

jScrollPaneはオリジナルなスクロールバーを作ることができるjQueryライブラリです。 参照 jSc...

記事を読む

マルチデバイス対応HPをPCとスマートフォン2種類の固定デザインCSSで制作可能にする手法

スマホ対応といえばレスポンシブWEBデザインと考えられがちです。 当社も最初はレスポンシブWEBデザインを推奨...

記事を読む

jQueryプラグイン「Slider Pro」スライド領域の高さをフルレスポンシブに対応させる

ホームページデザインでトップページにスライダーを設置することが定番となりました。 そんなよくあるスライダーなの...

記事を読む

トップページ動画をランダムに表示させる

このホームページのトップに動画を配置することを決めてから、とても苦労することになりました。 動画の圧縮を行って...

記事を読む

jQueryプラグイン「Vegas」の動画設定について

モニター全面のスライドショーを実現する際に便利なjQueryプラグインが「Vegas」です。 このプラグインは...

記事を読む

レスポンシブWEBデザインの画面制御スクリプト

レスポンシブWEBデザインを採用するときは変化する画面にどう対応させるか、制御が大変です。 はじめてレスポンシ...

記事を読む

STINGER6が公開されて、STINGER5のブログをどうしようか迷いました。結局STINGER5のまま、SNSシェアボタンをカスタマイズすることに。

WordPressの無料テーマ「STINGER6」が公開されました。 私のブログは「STINGER5」...

記事を読む

Google Feed APIが廃止に!? PHPでクロスドメイン対策する。

昨日2015年12月2日、クライアントから「ブログの記事ニュースがトップページのインフォメーションに表示...

記事を読む

ブログにGoogleカスタム検索を追加してみました。

このブログにGoogleカスタム検索を追加してみました。 少し紆余曲折がありましたので、掲載しておきます。 ...

記事を読む

ブログのサイドバーへ、2つ目のウィジェット領域を追加。自由自在のサイドバーへ。

以前このブログのテーマは「Stinger5」でした。 この記事は、その際に書いたものです。 今で...

記事を読む

汎用性の高いスライドショーを実現するjQueryプラグイン「SlidesJS」

今年に入って何ヶ月も費やしたHPの制作がやっと終わったので、少しホッとしたところです。 そのHPで使っ...

記事を読む

CSSで悩みたくない。アートディレクターの独白。背景が途中で終わってしまう現象に悩まされるなんて…

最近、アートディレクターやデザイナーという言葉がニュースを賑わすことが多いですが、おそらく本当のところは経験者で...

記事を読む

等間隔時間でのループ処理をarguments.calleeとsetIntervalでやってみる

jCarouselでカルーセルスライダーを作ったのですが、スライダーを自動でスライドさせ続けたいという要望があり...

記事を読む

Firefoxのマウスオーバーが揺れる(ピクセルずれ)場合のCSS設定

10年も前なら、ホームページデザインが出来れば、仕事は完了したも同然でした。 しかし、今はHTMLを組みあげる...

記事を読む

スポンサーリンク