(jQuery) select 要素の選択結果で別の select 要素の選択肢を絞り込む jQuery プラグイン "Select Narrowing Plugin" - モンモンブログ
ある select の選択結果で、別の select の選択肢を絞り込む jQuery プラグインを作りました。 こういうの、「Hierselect」（hierarchy + select, 階層select）っていうらしいです。 ググると同じ目的のライブラリはいくつか見つかるけども、 HTML_QuickForm_hierselect クラス概要 symfony+Ajaxでhierselectを実現！ | ななうぇぶのブログ HierSelect JQuery Plugin by robotis などなど サーバサイドの言語に依存してたり、階層の数が限定されてたり、単純な階層関係しか定義できなかったり、ちょっと不便。 なので新しく作りました。 このプラグインのウリ↓ サーバサイドの実装なしに、JS と HTML だけで動作します。サーバサイドが PHP だろうが Ruby だろうが Ja
テクノに合わせてうどんをこねる コシのある謎イベント「テクノうどん」に行って踏んでみた
テクノのリズムに合わせて、足でうどんをこねる――そんな謎のイベント「テクノうどん」がこのほど東京・青山のライブハウスで開催された。そもそもどんなイベントなのか？ 主催者がイベントに込めた狙いとは――。会場に潜入して実際にうどんをこね、不思議イベントの誕生秘話も聞いてきた。 開演はまさかの「朝8時」 テクノイベントといえば、夜のクラブでお酒を楽しみながら音楽に合わせて踊る様子をイメージする人が大半だろう。だが、テクノうどんの開演時間はなんと朝8時。「うどんを踏むのは絶対朝だ」という主催者のこだわりによる時間設定だという。
個人年金保険 | 保険ソクラテス
節税効果の高い個人年金＆確定拠出年金・小規模企業共済などの個人型年金などを比較・解説しています。老後の貯蓄が可能な積み立て型の商品には、所得控除や低金利の融資などさまざまなメリットや特徴があります。そちらを一覧にして比較しています。
Gruntのtaskの実行にかかる時間を劇的に短縮する方法 - Qiita
最近ではGrunt無しでのフロントエンド開発は考えられなくなってきた気がしますが、大抵taskを実行した際に結構時間がかかってしまいます。 Gruntの実行にかかる時間を減らすにはどうすれば良いのか調べてみたら、loadTasks as they are needed to speed up Grunt load time · Issue #975 · gruntjs/gruntのissueに方法がありました。 何に時間がかかっているか taskを走らせた際、何で時間がかかっているのかをtime-gruntで確認してみると、実行しているtask自体ではなくnpmタスク(適切な表現かは分かりませんがGruntプラグインの事です。)の読み込みの方に時間がかかっている事が分かります。 loadNpmTasks()で2秒はかかっている状態 npmタスクの読み込みに何故時間がかかるかというと、Gru
Web開発・テスト環境に有用な browser-sync を試してみた
モダンなWeb開発に有用と思ったので、記事しておこうと思います。 browser-sync はその名前の通り複数デバイスのブラウザを同期してテストすることができる MIT ライセンスで提供されているオープンソースのコマンドラインツールです。 Adobe Edge Inspect や GhostLab と同等のツールです。 上記に挙げたツールは有料で OS も選びますが、browser-sync は無料で Mac、Windows、Linux と OS を選ばず使えます。 Mac だけだった GhostLab に Windows 版が出たみたいなので、OS は選ばない。 browser-sync の特長 Scroll スクロールの同期 Forms 入力したフォームの値の同期 Links リンクのクリックを監視して、同期したすべてのブラウザで追従 CSS injecting CSSファイルを監視
browser-syncを使ったクロスブラウザ同期を試してみた
フロントエンド開発時にファイルの変更と同時にブラウザをリロードするlivereloadは便利ですが、Browser ExtensionsにIEがサポートされてなかったりするので残念。 そこでbrowser-syncを使って、livereloadと同じようにブラウザ同期を行えるっぽいので試した。 browser-syncは スクロールをブラウザ間で同期 フォームの入力をブラウザ間で同期 リンクでのページの遷移をブラウザ間で同期 cssファイルの変更をリロードしないで適用する(cssインジェクション) livereload ビルドインウェブサーバーを使用することで静的ファイルにも対応できる という特徴があります。 がある。 ファイルの変更はsocket.ioを使用してブラウザに通知され、IEでも問題なく利用できた。(VM環境のIE) gruntを利用している場合、 grunt-browser-
ヌルヌルの秘訣はCSS！Googleスマホ版で採用されている使い心地のよいスライドメニューを再現した『jSlideMenu』
以前『スマホサイトにおすすめ。jQueryプラグイン『PageSlide』を使ってFacebook風メニューを再現してみました 』という記事を書きましたが、今回は『Qiita [キータ] – プログラマの技術情報共有サービス 』にてGoogleでも採用されているCSS3のアニメーションを使ったスライドメニューというものを発見したのでご紹介します。 jQueryプラグイン『jSlideMenu』 なんでも作者の方はGoogle先生のソースコードを調査し、あのヌルヌル動くスライド部分のアニメーションがJSではなく実はCSS3のtranslateで行われていることを突き止めたんだとか。 CSS – Googleから学ぶ ヌルヌルサクサクなスライドメニュー – Qiita [キータ] スマートフォンのブラウザではjavascriptでのアニメーションはどうしてもガタガタになってしまうし、ちらつきや
Photoshopをより便利に利用できる無料プラグインいろいろ
2013年12月17日 Photoshop, 便利ツール デザイナーにはかかせないツール、Adobe Photoshop。Creative Cloudになってどんどん便利になってきましたね！そんなPhotoshopをさらに使いやすくしてくれる無料プラグインが多数配布されています。私はPhotoshop CC ver. 14を使用しており、そのバージョンで使えるプラグインを中心に紹介していきます！ ↑私が10年以上利用している会計ソフト！ Photoshopプラグインの使い方 最新版のAdobe Extension Managerをダウンロード＆インストール ダウンロードしたPhotoshopプラグイン（.zxpファイル）をダブルクリック 自動的にAdobe Extension Managerが起動するので、そのままプラグインをインストール。自動的に起動しない場合はAdobe Extensi
GoogleMapの簡単な埋め込み方法。アイコンやデザインのカスタマイズも！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもです、はやちです(◞‸◟) いきなりですがみなさん、せっかくデザインされたWebサイトの中にデフォルトのGoogleマップがあるとなんだかもったいなく感じませんか？(◞‸◟) どーにかこれをうまくデザインできないだろうか(◞‸◟) ということで、今回は簡単にGoogleマップのデザインをカスタマイズできる方法をご紹介したいと思います٩( ᐛ )و Googleマップを表示させよう まずはじめに基本から。Googleマップを設置しましょう( ˘ω˘)☝ Googleマップの設置 <script src="http://maps.google.com/maps/api/js?key=ここにAPIキーを入れます&language=ja"> </script> headerタグAPIを取得するスクリプトをつけます。 APIの取得はこちらをご参照ください <div id="js-map-tae
とあるソシャゲのHTML/CSS設計話
【Frontendアドベントカレンダー19日目】 Xboxに釣られて転職してから２年半…あっという間だった…。 関与したもの： スマホ版ピグ（リニューアルして面影無し） ピグファンタジア（11月末クローズ） 新規ゲーム ←今ここ 今は新規ゲームでコーディングの人としてjoinしてます。 新しいサービスを立ち上げる時に必要なHTMLとCSSの土台作りを全部やるということが、 「HTML/CSS設計」という言葉で装飾されることを知ったのは割と最近です。 マークアップだけで一人据えるのは珍しいと思うので、今やってることなど含めてつらつら書きます。 ここが変だよソシャゲ開発 依頼を受けてサイトを作る場合は次のようなフローだと思います： クライアントと打ち合わせ 仕様が決まる デザイン決まる 値切られる 価格が……決ま…る コーディング クライアントチェック 突然の無理難題に戦慄走る テスト・修正
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
