Quantcast
Channel: Staff BLOG –ホームページ制作やリニューアル制作と印刷物デザインのWPC大阪
Browsing latest articles
Browse All 22 View Live

Image may be NSFW.
Clik here to view.

レスポンシブデザインでクリッカブルマップ(イメージマップ)対応にするjQueryプラグイン

レスポンシブにすると画像の大きさが変わってしまって、クリッカブルマップ(イメージマップ)の座標がズレるってことになりますよね。 少し古いプラグインですが、そんな時に使えるレスポンシブに対応するクリッカブルマップjQueryプラグインをご紹介します。 capture Responsive Image Maps jQuery Plugin まず、stowball/jQuery-rwdImageMaps...

View Article


Image may be NSFW.
Clik here to view.

セキュリティ強化のため、WordPressのadminユーザー名を変更する覚書

WordPressのadminユーザーへの攻撃が激化している今日この頃、早く管理者をadminから変更しませんと・・・ でも、「adminユーザー名の削除できねーよ」「adminユーザー名の変更できませーん」って時の覚書です。 capture 1.何はともあれバックアップを取る ミスをすると記事が消えてしまう恐れがあるため、念のためバックアップを取ります。...

View Article


Image may be NSFW.
Clik here to view.

WordPressでウィジェットのタイトルを非表示にするプラグイン「Remove Widget Titles」

WordPressでウィジェットのタイトルを表示したくない時があると思います。 この記事を書いた時点でHide Widget Titleというプラグインが、WordPressのバージョン3.5では動かなかったので、 「Remove Widget Titles」というプラグインをご紹介します。 タイトルの前に「!」を付けるだけですので、一度使ってみてはいかがでしょうか。 capture...

View Article

Image may be NSFW.
Clik here to view.

スマートフォンにも使える、クリックで開くアコーディオンメニューjQuery

スマートフォン等、限られたスペースで複数のコンテンツを設置できるアコーディオンメニュー。 シンプルなコードで動作しますので、実装してみてはいかがでしょうか。 capture デモページ DEMO 説明 今回は2種類のアコーディオンを紹介します。 1つは「ul」で組むリスト、もう1つは「dl」で組むリストです。...

View Article

Image may be NSFW.
Clik here to view.

Webデザイン制作で参考になるサイトリンク集15個+2個

Webデザイン制作で参考になるサイトリンク集15個と、ランディングページ、ロゴの参考サイトを集めてみました。 ご存知のものも多数あるかと思いますが、HTML5やレスポンシブサイトを集めたものもありますので、カッコイイ、オシャレなサイトを作る参考にしてみてはいかがでしょうか。 capture WEBデザインのリンク いけてるサイトドットコム...

View Article


Image may be NSFW.
Clik here to view.

画面幅いっぱいの横スライダー内に、更にスライダーを配置できるjQuery

横スクロールのスライダー内に、縦方向or横方向のスライダーが設置出来るプラグインを見つけたのでご紹介します。 制作者の方は「機会は少ない」と書いておられますが、十分使いドコロはあるのではないでしょうか。 capture 参照サイト:Stronghold – jQuery slideinslide ダウンロード まずは上記サイトにアクセスします。 本文中に「DEMO &...

View Article

Image may be NSFW.
Clik here to view.

Webデザイン制作を楽にするCSS3コード生成ジェネレーターのまとめ10個+1個

Webデザイン制作を楽にする、CSS3コードを生成してくれるジェネレーター10個と、CSSコードを綺麗に並べてくれるサイトを紹介します。 紹介され尽くした感がありますが、参考にして頂ければと思います。 capture CSS3コード生成ジェネレーター {CSS}Porterl グローバルナビにある「CSS Generators」から、...

View Article

Image may be NSFW.
Clik here to view.

jQuery本体のダウンロードと1.X系2.X系の違いと1.9系以降の注意点など

jQueryで作られたスライダー等プラグインを導入する時、 jQuery本体がないとプラグインが動作しません。 その際、jQuery本体をダウンロードしてフォルダに入れて使用(サーバにアップロード)する方法と、 GoogleやMicrosoftなどが配布(CDN(Content Delivery Network))しているjQuery本体ファイルを読み込んで使用する方法がありますが、...

View Article


Image may be NSFW.
Clik here to view.

ブラウザ幅(ブレイクポイント)でタブメニューからアコーディオンメニューに切り替えるjQuery

スマートフォン等で閲覧した時、タブメニューからアコーディオンメニューへ、レスポンシブに変わってくれると使いやすくなりますよね。 シンプルなコードで動作しますので、備忘録を兼ねてご紹介します。 capture 参照サイト:Easy Responsive Tabs to Accordion ダウンロード:Download デモページ DEMO ダウンロード 上記ダウンロードから「Easy...

View Article


Image may be NSFW.
Clik here to view.

スライダーの上に、扉が開く動作(animate)を付けるjQuery

クロスフェードのスライダー上に、扉が開く動きを付けるjQueryです。 オンマウスやクリックで開くタイプではなく、読み込めば開くタイプです。 コードはとても簡単・シンプルですので、使える部分があれば参考にしてみてください。 capture 参照サイト-スライド:最も短いコードで実装出来るイメージスライドショー 参照サイト-アニメーション:Crafting an Animated...

View Article
Browsing latest articles
Browse All 22 View Live