JavaScript

スクラップリスト(2013年11月23日)

jQueryを利用する際に便利なライブラリを3つ載せておきます。 今回は画像の見せ方をいじるったりするものが中心です。   画像に対して様々なエフェクトをかけられる! 単純なポップアップやグレースケールからのフルカラーへのエフェクトなど、ライブラリだけで画像の見せ方を変えることができます。 […]

スクラップリスト(2013年10月11日)

jQueryを利用する際に便利なライブラリを3つ載せておきます。 HTMLを直接編集できるものを中心に紹介します。   テーブルの行や列の追加や編集ができるライブラリ ページ上のテーブル(table)の箇所を直接編集が可能になるライブラリです。行 / 列の追加や値の入力などが簡単にできます […]

CSS

Foundation4のセレクトボックス問題の対応

CSSフレームワークのFoundation4を利用して、Webアプリケーションの作成を行っていました。 簡単に使えるのはいいのですが、融通が利かない部分もあり、微妙な感覚を覚えました。   その中でも、モーダルを利用した場合にモーダル内のセレクトボックスへFoundationのセレクトボッ […]

sidrを使って、イケてるメニューを設置する!

先日、記事としてもあげていたスライダーメニューの「sidr」ですが、さっそく使ってみました。 予想よりも簡単に利用することができてしまい、「こ、これだけ?」と呆気にとられてしまいました。   では、今回も3分?でサクっと実装してみたいと思います。   作業開始! まずは、下記のU […]

Facebookの様なメニューを実装する!

スマホサイトを作る際に、メニューボタンを右上に設置と言うのはよくあるパターンですが、ちょっと人と違う部分でFacebookのようにサイドからでてくるメニューなんてカッコよくないですか?   今回は、サイドから出てくるメニューを取り上げてみたいと思います。 Snap.js フリック操作のみで […]

スクラップリスト(2013年7月13日)

JSやCSSだけでも今はアニメーションができるんですね! 利用できるブラウザも限られてしまいますが、今後どんどん使える環境が増えるはずなので覚えておきたい内容です。   アニメーションや変形が簡単にできるライブラリ アニメーション、変形などが簡単にできるライブラリです。少ない記述で出来るの […]

セレクトボックスを100倍使い易くする!!

社内のツールを空き時間で作成しているのですが、セレクトボックスで選択する項目の中身(option)が、ものすごい数になっており絞り込むにも絞り込めない状態でした。 少し調べて見たところ、とても素晴らしい物がありましのたで早速使って見ました。   Select2 – Select […]

スクラップリスト(2013年6月1日)

JavaScriptを書くことが多いですが、ライブラリの使い方を覚える方が多いこの頃です。 自分で書いた方が良いこともありますが、「時間 < 作業」なことがほとんどなので、凝ったものはなかなか作るタイミングがありません。 そんなときに便利なライブラリをピックアップしておきます。   ブラウ […]

jQueryを利用したスライダーを3分で設置する

このブログでも利用させてもらっている、「Flexslider」が簡単に設置出来すぎる・・・と言う事で記事にします。 ほんとにあっけないほど簡単に出来すぎて、楽させてもらっちゃいました。   作業開始! まずは、下記のURLから必要なファイルをダウンロードしてきましょう。   Fl […]

JavaScriptを利用して、スマートフォンを判別する

他の方の業務で必要となりサクッと作ったので、物忘れのひどい自分へのメモとして記載しておきます。 やりたかったことは、スマフォページの中でアプリのダウンロードを行う際に、端末がAndroidなのかiPhoneなのかを判別した上で「Google Play」または「AppStore」へ遷移する様にしたいと […]

スクラップリスト(2013年2月11日)

会社の仕事で、画材となる写真がないため、作業服&ヘルメットをかぶって撮影会が実施されたようですが、現場作業員よりもおいしそうにオニギリを食べている写真には圧巻でした。 前置きはこれくらいで、今日のスクラップリストです。   スマートフォン最適化診断レポート こちらのサイトでURLを入力し、 […]