FC2は3月19日、ブログサービス「FC2ブログ」のソースコードをMITライセンスで公開したと発表した。GitHubからダウンロードできる。 FC2ブログのテンプレートを利用したり、1つの記事に複数カテゴリーを設定したり、複数ブログを作成したりといったことが可能。独自のカテゴライズを行ったブログや情報サイトの構築などに利用できるとしている。
![「FC2ブログ」ソースコードがオープンソースに](https://cdn-ak-scissors.b.st-hatena.com/image/square/a8896f8ff3489bbbcbbc8cfd0206b3ad4067f64e/height=288;version=1;width=512/https%3A%2F%2Fimage.itmedia.co.jp%2Fimages%2Flogo%2F1200x630_500x500_news.gif)
日本のAmazonでも採用されているメガドロップダウンメニューについて、なぜAmazonのメニューはユーザーが使いやすくできているのかという秘密が明らかになりました。ユーザビリティを改善することが至上命題のネットショッピング系サイトにとっては非常に有益な知識となっています。 Breaking down Amazon’s mega dropdown - Ben Kamens http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown まずこれがAmazonの左上にあるカテゴリーを一覧化したメガドロップダウンメニュー。日本のAmazonにも同様のメニューが採用されており、マウスカーソルを上に持っていくと実にスムーズに動きます。 通常のメニューの場合、以下のようにして少し遅れてサブメニューが開くようになっています。 な
Amazonのメガドロップダウンメニューはこちらの記事で紹介されている通り、 Javascriptを使用することによってスムーズな操作性を実現しています。 今回はこの記事の最後で紹介されている、 Amazonのメガドロップダウンメニューと同様の動きを実現するプラグイン 「jQuery-menu-aim.js」の使い方を解説いたします。 プラグインは、GitHubからzipファイルをダウンロードします。 zipファイルには、プラグイン本体(jquery.menu-aim.js)の他にサンプルファイル(exampleフォルダ)が同梱されています。 以降ではこのサンプルファイルを元に実装方法を解説いたします。 他のプラグインと同様jQuery本体を読み込んだ後に、先ほどダウンロードしたプラグインのjsファイルを読み込みます。 プラグインを実行するための記述は下記の通りです。 $menu.menu
Author:↑未散 ※当サイトは著作権の違反を助長しているものではありません。著作物のダウンロードは行わないで下さい。リンクは全て海外サイトのものです。リンク先の問題の全てに対して一切の責任を負いかねます。また、アップロード&ダウンロードに関して管理人は一切関わっておりません。
問題 Bootstrapを使っているのですが、日付選択UIはやっぱりjqueryuiのdatepickerを使うしかないでしょうか…… jqueriy.ui.datepicker はいいと思うんだけど、読み込まないといけないファイルが増えたり、見た目の統一感が問題だったり…… こんなのがいい! けど、こうなっちゃう 答え jquery.ui.datepicker.jsをちょっといじくると、BootstrapのCSSを適用できて、Bootstrapっぽいdatepickerができる。 jquery.ui.datepickerのJavaScriptは完成度が高いので、そのまま使うとして、見た目はjqueryuiのCSSに頼らないようにする。 jquery.ui.datepicker.jsではカレンダー部分のHTMLを作っている_generateHTMLというメソッドや、作ったHTMLを適用・調
マウスオーバー(hover)は、いわゆるタッチインターフェースでは原理上できないからUIとしては旧式という見方があるようだ。 でも、なんだかんだでクリックのコストって大きい。モバイルデバイスはともかく、PCでは開かせてもらいたい。 StackOverflowに回答があった。 css - How to make twitter bootstrap menu dropdown on hover rather than click - Stack Overflow css ul.nav li.dropdown:hover ul.dropdown-menu{ display: block; } a.menu:after, .dropdown-toggle:after { content: none; } ただし、これをそのまま書くとすべてのドロップダウンがぴゅんぴゅん開いてしまうのでクラスに au
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く