Hamburger menu alternatives for mobile navigation
If you’re working on digital products, you have already read dozens of articles describing how and why the hamburger navigation on mobile (and desktop!) hurts UX metrics due of its low discoverability and efficiency. (You can read some of best articles on the topic here, here, here, and here.) Luckily, more and more sites and apps are experimenting with alternative, more efficient solutions for th
Responsive Navigation Patterns
Update: I’ve also written about complex navigation patterns for responsive design. Top and left navigations are typical on large screens, but lack of screen real estate on small screens makes for an interesting challenge. As responsive design becomes more popular, it’s worth looking at the various ways of handling navigation for small screen sizes. Mobile web navigation must strike a balance betwe
stickUp - a free jQuery Plugin
a jQuery plugin A simple plugin that "sticks" an element to the top of the browser window while scrolling past it, always keeping it in view. This plugin works on multi-page sites, but has additional features for one-pager layouts. Scroll down to see it in action. Visit GitHub Simple Integration stickUp is a jQuery plugin, which you can implement on any webpage alongside jQuery. You can easily mak
WordPressの任意のテーブルから情報を出す時のページネーション - Shinichi Nishikawa's
WP-PageNaviを利用することで、「前へ、次へ」リンクではなく、ページ数を指定して飛べる、下の図のようなページナビを出すことができます。 ですが、投稿ではない別のテーブルの場合にはこれが使えないので、下記のようにしてみました。 また、作成にあたってはゆりこさんの、WP-PageNavi を使わずにナビゲーション表示をとても参考にさせてもらいました。ありがとうございます。 今回はマルチサイトを運用中に、全サイトからの最新投稿をストックしている別テーブルwp_site_postsから、最新の記事を持ってくるページの場合です。 global $wpdb, $wp_rewrite; $posttype = 'post'; $totalPosts = $wpdb->get_var($wpdb->prepare("SELECT COUNT(*) FROM " . $wpdb->base_pref
hail2u.net - Weblog - floatで並べたリストのセンタリング
ページング・ナビゲーションなどでリスト項目をfloat: left;で横に並べるというのは割りと良く使われると思う。並べること自体は特に難しいわけではないが、その並べたリスト全体をセンタリングしようとするとちょっとややこしい。display: inline-block;を使う手法やdisplay: table;を使う手法という黒魔法的(私見)な手法で実現可能だが、position: relative;でもいける。 ややこしい理由は簡単で、センタリングでよく使われるtext-align: center;やmargin: 0 auto;といった手法が通用しないから。検索するとすぐ出てくる比較的メジャーなdisplayで頑張る方法もわかりやすいし悪くはないのだけど、同一セレクタ内で複数のdisplayを駆使する必要があることやzoomマジックなどを併用する必要があることからコードがややこしくなる
25 Modern Navigation Solutions: Unique Designs & Awesome Effects
25 Modern Navigation Solutions: Unique Designs & Awesome Effects Navigation is an important element of web design, and of any website. It is the one thing that allows the user to get around the website, and is often the element in web design that gets the most attention when it comes to organizing an effective user interface. We all know why navigation is important, and perhaps that’s why we tend
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
