【JS】要素をランダムに並び替えるのを福岡一わかりやすく解説します
ページを読み込んだ時に要素をランダムに並び替えるJavascriptの記述を紹介します。 HTML javascript その1 sort関数を使ってランダムに並び替えます。 その2 まとめ javascriptに関して […]
コーディング 
【JS】Animate.cssとwow.jsでサイトにアニメーションをつけるのが脳死レベルで簡単だったので福岡一わかりやすく解説します
初めて表示された時やスクロールしてコンテンツが表示された時に、回転したり左右から現れるなどのアニメーションをサイトに付与してユーザの興味を引きたい場合があるかと思います。 そんなときに、Animate.cssとwow.j […]
コーディング
「コピペOK」答えが隠れているシンプルなFAQをCSSとjqueryで作ったので福岡一わかりやすく解説します
企業や大学の研究室のホームページでは、たまにFAQを設置したいという要望があると思が、FAQの数が多すぎるとページが冗長してしまうことがあります。そんな時にコピペで簡単実装できる、最初は非表示だけど質問をクリックすると回 […]
コーディング
[2016年版]本当に制作現場で使われているjquery/jsで作られた画像スライドショー・スライダー 4選
2016年でも多くのサイトでトップページには、複数の画像をスライドショー形式で表示する表現が取り入れられていると思いますが。ですが、Webの進化ともにレスポンシブ対応であったり、様々な表示方法が求められるようになりました […]
コーディング Jqueryを使ったカレンダープログラム（3色色付け）を福岡一わかりやすく解説します。(自分なりに)
ECサイトや実店舗のWebサイトにおいて、カレンダーを表示して店休やそのほか、日付を色付けしてなにかしら伝えたい時があるかと思います。 そんなとき、Jqueryを使ったカレンダープログラムを使って簡単に実装できる方法をご […]
コーディング Jqueryのfilter関数を使って特定の子要素の場合に処理を実行するコード公開
Jqueryのfilter関数を使って特定の子要素の場合に処理を実行するコードです。filter関数はif分岐と似たような感じで使えますが、メソッドチェーン出来るという点があります。 今回はimgタグがaタグの中にあった […]
コーディング Jqueryオブジェクトを関数の引数に指定して関数内で実行できるパターンのコード公開
Jqueryオブジェクトを関数の引数に指定して関数内で実行できるパターンがあいまいだったので調べてみました。 下記のようなHTMLを用意します。 実験用のjavascriptは下記のような感じ 色んな指定方法がありますね […]
コーディング 【Javascript】JSONとはテキストベースのデータフォーマットらしいよ
Twitter api とかでJSON触る機会が増えてきたのでJSONってなに？って思ったので調べてみました。 JSONとは何か? JSONとはJavaScript Object Notationの略で、XMLなどと同様 […]
コーディング
jQueryオブジェクトのインスタンスかどうかを調べる jQuery判定メソッド
jQueryオブジェクト(object Object)のインスタンスかどうかを調べるコードです。あると便利かなーと思って作りました。
コーディング javascriptを使ってユーザーエージェント(userAgent)を判別する(iphone,ipad,android等)
javascriptを使ってユーザーエージェント(userAgent)を使ってブラウザやデバイスごとに分岐させるとき用のコピペです。 けど、ときにはPCかスマホか判別できれ倍いやーって場合っておいと思います。そのたびにい […]
コーディング ドラッグ＆ドロップやスワイプで動かせるjQueryプラグイン「Panorama Viewer」のUI＆UXがパねぇ！一回、体感してみ！
サイト内にパノラマ画像を読み込みドラッグ＆ドロップやスワイプで動かせるjQueryプラグイン「Panorama Viewer」。 スワイプできるのでUX的にもいいかんじですが、パノラマ画像の解像度が大きくないといけないの […]
コーディング 3ステップ導入できる手軽さとWEBレスポンシブ対応がすんごくいい！jquery スライダーのbxSliderがすげぇ！
トップページ等でスライダーを導入したいとき検索してもいろいろ出てきて、どれがいいと？ってなると思います。 最近、導入してみてこれはよかやんって思ったんでひとつご紹介します。 jquery bxSlider 元サイト：bx […]
コーディング