ず、随分間が空いてしまった・・・何て言う現実。 気付けば冬間近ですね。 久々の更新が、特別目新しくもなんともないんですが、自分なりのページ送りサンプルを作ってみました。 ホントは最初のだけ有れば事足りてるんですけど、ボリューム感を出す為に4種類+2にしてみました。 サンプルサイトを見る サンプルをダウンロード 地味にサンプル作ってたら時間取られたので、解説は軽めですが続きにて。 今回作っておきたかったのは、センタリングさせたページ送りっす。 とても似たようなエントリーが有るので、下記も参考にしてみるといいかと。 ページ送りナビゲーションには display:inline-block が超便利 | バシャログ。 不特定の数の横に並ぶブロック要素をセンタリングさせる | CSS-EBLOG 各サンプル共通で以下のスタイルが当たってます。 #main ul, #main ul li { marg
22 Comments The Mega Drop-Down Menu with jQuery looks great due to the clean code it produces. Nice list of drop down menus, am i right in assuming that some of these are free and some you have to pay for? amazing listing. Not a big fan of drop downs but people still want them. Still some nice menus there, thanks These could be very useful for an Ecom site to quickly filter down to a product or su
「写真素材 足成」は、全国のアマチュアカメラマンが撮影した写真を、写真素材として無料で提供しています。個人、商用を問わず全て無料でお使い頂け、その上、煩わしいクレジットやリンクの表記、ユーザー登録は一切不要。Web、紙、動画他、あらゆる媒体で写真素材としてのご利用が可能です。更新も365日毎日行っております!
Slickmap CSS is a simple stylesheet for displaying finished site maps directly from HTML unordered list navigation. It's suitable for most web sites – accommodating up to four levels of page navigation and additional utility links – and can easily be customized to meet your own individual needs, branding, or style preferences. Features and Benefits Eliminates the need for additional softwarePlan s
MobvableType プラグイン『新聞ブログ』をリリースしました。 『新聞ブログ』は、MovableTypeで管理されているブログ記事を新聞の体裁でアウトプットすることを実現するものです。 『新聞ブログ』をインストールすると、新聞ブログ内の各記事に、同じMTで作成されたブログ記事のURL(パーマリンク) を指定するだけで新聞を作ることができます。記事ブログには自由に記事が書け、これまでに書いた記事も新聞記事として利用できます。わかりやすいインターフェースで、簡単に記事の割り付け方の選択(15パターン)、記事選択(最大5つ)が可能です。 また、記事本文は自動的に二段組で表示され、美しいレイアウトを実現します。また、新聞ブログの記事に掲載される写真は、引用元ブログ記事の一枚目の写真が自動的にサイズ調整され、新聞記事内に表示されます。面倒な画像サイズ調整の手間がかからず、写真や文章は自由に書
「パンくずリスト」とは、現在表示しているページ位置を、上位(通常トップページ)からの階層構造で表わすもので、童話「ヘンゼルとグレーテル」で、森の中で迷わないよう目印としてパンくずを落としながら歩いたということから命名されたようです。当サイトでもトップページを除いた全てのページの中央カラム上部に表示しています。 ということで、Movable Typeでのカスタマイズ方法をご紹介します。 1.仕様 ここで紹介するパンくずリストは下記の仕様となっています(大袈裟ですが)。 トップページをリンク表示します 現在のページタイトルをテキストで表示します 階層途中のカテゴリーにエントリーが存在する場合、該当のカテゴリーをリンク表示にします 階層途中のカテゴリーにエントリーが存在しない場合、該当のカテゴリーをテキスト表示にします また、個別エントリーアーカイブは必ずあるひとつのカテゴリーに属していることが
日本最大のポータルサイト「Yahoo! JAPAN」のトップページがリニューアルしたのは、2008年1月のこと。従来の2カラムから3カラムのレイアウトに変わり、世界各国のYahoo!に合わせる形でデザインも一新されました。同時に行なわれたのが、ユーザーインターフェイス(UI)のリッチ化です。新しいYahoo! JAPANのページには、タブ/アコーディオンパネル/フローティングウィンドウなど、ここ数年のトレンドであるAjaxを使ったUIが随所に盛り込まれています。 こうした流れは、トップページだけではありません。リニューアルと前後して、Yahoo! JAPANではさまざまなサービスのUIの改善が実施されています。今回はその中のひとつ、「Yahoo!知恵袋」に注目してみましょう。今年2月にリニューアルされたばかりのこのQ&Aサービスの新しいトップページが、今回のお手本です。 今回のお手本サイト
国内外を問わず、多くのECサイトがお手本とする「Amazon.co.jp」。この連載でも以前、Amazonが採用する「カルーセル」(回転表示するスライドパネル)の作り方を紹介しましたが(関連記事)、Amazonは優れたユーザーインターフェイス(UI)の宝庫でもあります。 中でも、過去の閲覧履歴などからページの大半が動的に生成されるAmazon.co.jpのトップページは、ユーザーを商品購入へと導くさまざまな仕掛けが組み込まれています。今回は、このAmazon.co.jpのトップページに注目します。 今回のお手本サイト:『Amazon.co.jp』 米アマゾン・ドットコムの日本法人アマゾンジャパンが2000年から運営するECサイト。書籍販売から始まり、現在ではペットボトル飲料水や紙おむつ、キッチン家電まで1000万点超の膨大な商品を扱っている。取扱商品の拡大に合わせて、2008年4月に大規模
使い易いユーザーインタフェースとは何かを勉強しています。 そこで、質問です。 - 使い易いユーザーインタフェースを持ったウェブサイトやソフトウェアを教えてください - また、それが使い易いと感じた理由を教えてください 条件は以下、 - 一般的なパソコンのディスプレイ、マウス、キーボードで触れるインタフェース - あなたが実際に体験したインタフェース よろしくお願いいたします。
Don’t miss a thing! Sign up for our Today In Entertainment Newsletter. SIGN UP
モダンで幅広い業務に対応できる 拡張性の高いカスタム App を作成。 Claris FileMaker 2023 なら、高性能なカスタム App を作成し、現在お使いの他の技術スタックと統合できます。 FileMaker を試す Claris FileMaker はローコードでありながら非常に高性能なので、まさに理想的なソフトウェアです。とてもハイレベルなパワーを持つデジタルソリューションを迅速に作成できます。 Claris パートナー、Kyo Logic, LLC 社長、John Mathewson 氏 ソリューションに自分の業務を合わせる必要はありません。FileMaker には柔軟性があり、あなたのやり方で長期的な目標を達成できます。 Travis Co. Fire Rescue チーフ、Ken Bailey 氏
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く