BehanceUpgrade to Behance Pro today: Get advanced analytics, a custom portfolio website, and more features to grow your creative career.
洗練されたUIのギャラリーサイト「Ui Parade」:phpspot開発日誌
Ui Parade ? User Interface Inspiration 洗練されたUIのギャラリーサイト「Ui Parade」 ナビゲーションやUIのデザインに迷った時に眺めてみるとよいアイデアが浮かぶかもしれないというサイトのご紹介です。 アイテムごとにカテゴライズされていて、検索ボックス、スライダーといった感じにたどることができます HTMLになっているわけではなく、数自体もそれほど多くないようですが、今後の発展に期待したいサイトですね 関連エントリ スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ CSS3な背景パターンのギャラリーサイト「CSS3 Patterns Gallery」
JavaScriptで作られた、見たことないUIデザインのWebサイト
株式会社サイゾー（Cyzo inc.） / Raffael Stüken / La Moulade - Creative St...他...全11件
Simple | Transitioning to BBVA USA in 2021
Simple Accounts will automatically transition to BBVA USA May 8, 2021 Your bank account, routing number and debit card will stay the same—there’s nothing you need to do at this time. Here’s your guide to the transition; we’ll continually update this page with new info. When your Simple Account servicing automatically transitions to BBVA USA, you won’t lose access to your money. You can continue to
これは超カッコいい!CSS3を使ったアニメーションするボタン実装サンプル集:phpspot開発日誌
Animated Buttons with CSS3 これは超カッコいい!CSS3を使ったアニメーションするボタン実装サンプル集 ボタンといえば、マウスオーバーした時に色が変わって、押した時に凹みエフェクトが付くようなものが一般的ですがCSS3によってその自由度は大きく上がるようです 使わずとも一度はかならず見ておきたいボタン集となってます アイコン付きのボタン カーソルを合わせるとアイコンが拡大しながらフェードアウトしてプライスが表示されます アイコンからプライスへの変更に併せて右側の矢印色もアニメーションさせながら変更するサンプル アニメーションさせないなら画像のすり替えだけですがアニメーションさせているところがポイントですね 登録ボタンみたいなものにカーソルを合わせるとボタンが徐々に大きくなり矢印の角度なんかもアニメーションされる例 ボタンが大きくなり、更に文言を追加する例。色の変更
[CSS]ボタンのクリックを楽しくするCSS3アニメーションのテクニックいろいろ
ボタンをCSS3で美しくスタイルするだけでなく、ホバー・アクティブ時にもかっこいいCSS3アニメーションを使った7種類のテクニックを紹介します。 ちょっと前まではこういったアニメーションはFlashかJavaScriptを使用しないとでしたが、今ではもうCSS3でとなってきましたね。 Demo 1 ボタン内のテキストや画像は、span要素やimg要素で配置されており、それらをa要素で内包して実装します。 <a href="#" class="a-btn"> <span class="a-btn-slide-text">$29</span> <img src="images/icons/1.png" alt="Photos" /> <span class="a-btn-text"><small>Available on the Apple</small> App Store</span> <
UI-patterns.com
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer. Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplify the expertise of you and your team.
Jacob Nielsen の「ユーザビリティに関する10のヒューリスティクス (問題解決に役立つ知見) / Ten Usability Heuristics」 | Accessible & Usable
Jacob Nielsen の「ユーザビリティに関する10のヒューリスティクス (問題解決に役立つ知見) / Ten Usability Heuristics」 公開日 : 2009年9月8日 (2018年1月20日 更新) カテゴリー : ユーザビリティ Web ユーザビリティの評価手法のひとつとして、「ヒューリスティック評価」があります。ユーザビリティの専門家が、評価対象のサイトを見て様々な問題点を指摘する手法ですが、専門家の主観的な観点だけでなく、あらかじめ用意されている評価項目に基づいて、客観的な観点での評価も併せて行なうのが一般的です。 今回は、ヒューリスティック評価における具体的な評価項目を検討する際のベースとして使える、Jacob Nielsen (ヤコブ・ニールセン) の有名な「ユーザビリティに関する10のヒューリスティクス (問題解決に役立つ知見) / Ten Usabi
IBM のデザイン原則 | Accessible & Usable
公開日 : 2011年10月20日 (2018年4月2日 更新) カテゴリー : ユーザビリティ IBM が公開しているデザイン原則をご紹介します。ソフトウェア全般のデザインを対象にしたものですが、Web サイトの設計においても参考になる内容です。原文 (Design principles checklist - IBM Design) は英語で、公式な日本語訳は公開されていないようなので、意訳してみました。 分量が多く読み応えがありますが、内容的にはユーザビリティやアクセシビリティに関する原則論だけでなく、それを実現するためのユーザー中心設計 (UCD) の手法や、より大きな、ユーザーエクスペリエンス的な視点も盛り込まれているので、一読することで多くの気付きを得られることと思います。 1. Concepts from the product's subject domain (for e
Creating a Toggle CSS3 Bottom Navigation BarScript Tutorials - Web Development Tutorials
CSS3 Bottom navigation menu tutorial. Today I prepared nice CSS3 bottom navigation menu for you. This is will sliding drop down menu with fixed position in bottom of screen. Also, I going to use jQuery for sliding effects. Here are final result (what we will creating): Here are samples and downloadable package: Live Demo [sociallocker] download in package [/sociallocker] Ok, download the example f
ページ下部で折りたためるメニュー実装サンプル:phpspot開発日誌
Creating a Toggle CSS3 Bottom Navigation Bar ? Script Tutorials ページ下部で折りたためるメニュー実装サンプル。 次のように、クリックで開閉して折りたためるメニューを実装するCSS3+jQueryなサンプルが公開されています サンプルのダウンロードも出来るので実装は簡単にできます。 スタイルもCSSで変えられるということで独自デザイン調整は簡単ですね。 サイトに収まり切らないようなメニューを入れておくと使いようによってユーザビリティ向上に繋げられそうです。 関連エントリ CSSのナビゲーションメニューサンプル５５ ミニマムで場所を取らないCSSメニューの実装例
ユーザビリティ実践メモ
スマートフォンとともにタブレット端末の普及率はますます上昇し、最近では街中や電車などでタブレット端末を利用している人を多く見かけるようになりました。 この記事の続きを読む
Google Workspace を拡張する「rakumo ワークフロー」｜使いやすい電子決裁・承認システム
機能一覧 事例 コラム 料金 資料請求 無料トライアル rakumo 製品 rakumo for Google Workspace rakumo ワークフロー rakumo カレンダー rakumo ボード rakumo キンタイ rakumo コンタクト rakumo ケイヒ Google Workspace Google Workspace とは もっと知るコラム 導入メリット 導入方法・手順 料金プラン・種類 rakumo でさらに便利に Microsoft 365との比較 アプリ別 活用のヒント 知識を深めるコラム コラム TOP ワークフロー スケジュール管理 社内掲示板 勤怠管理 連絡先管理 経費精算 業界別 DX コラム デジタルオフィスの新常識 テレワーク特集 導入事例 料金・購入方法 料金一覧 オプション 導入支援サービス Google Workspace 関連 購入方法
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマートフォンアプリデザインに役立つ 基礎のまとめ！
ウェブデザインのセンスを磨こう、素敵なUIデザインのまとめ
Animated Buttons with CSS3
Yahoo Developer Network
サイボウズLive、画面を見やすく刷新～ToDoや共有フォルダなども機能強化
CSS3 Bottom navigation menu | Script Tutorials
ソシオメディア | UIデザインパターン