UIデザインの引き出しを増やしたいときや悩んだときに参考になるデザインギャラリー 20 - NxWorld
webサイトやアプリなどのUIデザインに悩んだときに参考になるデザインギャラリーを全20サイト紹介します。 よくあるコンポーネントのデザインや配置の仕方、カラーの組み合わせ方を眺めるだけでなく、ギャラリーによってはクールなものからユニークなものまである様々なアニメーションをまとめているところもあるので、デザイン以外の部分でも参考になるギャラリーもいくつかあります。 また、悩んだ・困ったときに見るだけでなく、お気に入りのギャラリーがあればブックマークやフィード登録などして普段から空いた時間に目を通すことでデザインの引き出しも増やせますね。 Calltoidea 細かいコンポーネントからページ全体のレベルまで様々なデザインがまとめられています。 カテゴリーを表すアイコンもわかりやすく参考デザインのキャプチャも大きくて見やすいので、個人的によく見るギャラリーサイトのひとつです。 Collect
パララックスをデザインに上手く取り入れているサイトまとめ
Webサイトのデザインで近年主流なのは「パララックス」を用いたデザインです。縦長のサイトでスクロールするに従って様々な要素が移動するようなサイトを見たことはありませんか？ パララックスは立体的で動きのある表現としてポピュラーなデザイン手法です。 今回は、そんなパララックスの説明と、うまく取り入れているサイト例をいくつかご紹介します。 パララックスとは？ パララックスとは、視差効果のことです。 複数のレイヤー（層）を作り、それぞれをスクロールに応じて違う速度で動かすことで、奥行き・立体感・遠近感を演出することができます。ひとつひとつの要素自体は二次元でも、簡単に立体的でリッチな演出が可能なため、特にビジュアル重視のWebサイトではポピュラーな手法となっています。 ※サイトによってはモバイルではパララックスではない場合がありますので、PCでご確認下さい iPhone 6S iPhone 6Sの
【デザインまとめ】綺麗なデザインの管理画面 30選
以前記事にした「【デザインまとめ】綺麗なデザインの管理画面 40種類 」、時間が経ってリンク先が消えていたりしますね。 また綺麗なデザインの管理画面も追加したいと思います。 サムネイルだけで見ると、全部似たようなものに見えてきますが、デモサイトを見てみると細かな部分でデザイナーさんの個性が出ていて面白いです。 ご参考になれば幸いです。 左に紺か黒のナビがあるやつ ◆Material Admin デモサイト ◆Edumix 黄緑がきれい デモサイト ◆Make デモサイト ◆Con デモサイト メガネのロゴがかわいい ◆Mega デモサイト 黒でメリハリ ◆Admin box デモサイト ちょっとレトロ感ある色遣いが印象的。 ◆Singular デモサイト やわらかな色遣い。 ◆Azan デモサイト ◆Brio Web App デモサイト 丸みの強い要素がかわいい ◆HeyMetro デモサ
40 CSS3 Animated Button Tutorials And Experiments
In this post, we have compiled a useful set of CSS3 animated button tutorials and different experiment that may fascinate you. As we all know that CSS3 is the most important and crucial aspect of the web designing that can make your website even more appealing and interactive for your visitors. Since the world of internet is changing and people tend to like those sites that have more interactive e
レスポンシブWebデザインのグローバルナビゲーションパターン（参考サイトのご紹介）
今回は、RWDのグローバルナビゲーションのパターンをよくまとめた参考サイトをご紹介させて頂こうと思います。”Adventures in Responsive Navigation”という海外のサイトです。※菊池崇さんが運営されているfacebookページ「レスポンシブWebデザイン」で紹介されていたものです。とても参考になるfacebookページですので、ぜひRWDに興味をお持ちの方は「いいね！」されるとよいと思います。 こちらのサイトでは、8つのナビゲーションパターンを紹介しています。 パターン１．”Do Nothing”アプローチ ブレークポイントまでくるとナビゲーションが真ん中寄せになり、余白が広くなるのみで特別なことは何もしていない簡単なパターンです。メニューの数が少ない場合に使えそうです。 パターン２．フッターナビゲーション グローバルナビが「MENU」というボタン一つになって、
50 Weather App UI Design For Your Inspiration
Beyond a doubt, mobile applications are really popular these days, some of them, indispensable. Aside from a good idea or a really easy to use interface, an attractive app design is also very important. When it comes to weather apps in particular, that design has to both be visually well-presented, and accurate. Unfortunately, a lot of weather applications show too much detailed information and un
Effeckt.css
Modals # Source: Codrops From Below From Above Slide In (right) Slide In (bottom) Newspaper Side Fall Sticky Up 3D Flip (horizontal) 3D Flip (vertical) 3D Sign Just Me 3D Slit 3D Rotate Bottom 3D Rotate In Left Blur Let Me In Make Way! Slip From Top From Top, Tilt Fall From Top to Bottom From Bottom to Bottom From Top to Top
ERRP | Expired Registration Recovery Policy
Please notice: This domain name registration has expired and renewal or deletion are pending. If you are the registrant and want to renew the domain name, please contact your registration service provider. Bitte beachten Sie: Diese Domainregistrierung ist abgelaufen und die Verlängerung oder Löschung der Domain stehen an. Wenn Sie der Registrant sind und die Domainregistrierung verlängern möchten,
フロントエンドなサイト / アプリケーション・アセンブラまとめ | Pen
はじめに 最近非常に活発に開発されている、サイト/アプリケーション・アセンブラ(スタティック・サイトジェネレータと表現するものもあるようです)、ファイル・ジェネレータなどをまとめました。 これらのツールは、ファイル監視、Liveリロード、ビルドインサーバ、画像軽量化、パッケージマネージメントなど、サイトやアプリケーション開発に必要とするものをパッケージングしたものになります。 各ツール、もっている機能もバラバラであったり、用途も微妙に違うものがあったりしますので、ほんとは同じエントリー内でまとめるのも適切なのか悩ましいところだったのですが、大きなくくりでフロントエンド開発におけるジェネレータ系のツールという解釈のもとに行いました。 また、ほとんどのツールの説明はデフォルト値のもので、設定によって、例えばテンプレートエンジンの種類の変更や、ディレクトリパス、サーバのポート番号などを変更できた
『JavaScriptの開発効率を高める7つのライブラリ』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。
IM-Creator: Build awesome HTML5 sites for free
A few years ago, it was tough to create a professional-looking website without designing and coding something from scratch. There were free templates and website builders, sure, but the results from most were less than professional. Not exactly how you want to represent yourself or your work to the world. That's all changed in more recent years. Now, if you need a simple site for yourself or your
25 Examples of Websites with Transparent Backgrounds - Dezign Matterz
As designers try to become more creative with their web sites there have been a few inspiring trends appearing in web design. The use of a large photographic background within a web site is a common design being used currently. Using a transparency effect allows for the photograph to be seen fully but all vital information needed can be placed over the top. This creates a stunning visual effect wh
Don't Delay! Responsive Web Design now! 10 Great Examples of Adaptive Websites
Don't Delay! Responsive Web Design now! 10 Great Examples of Adaptive Websites Adaptive design has evolved from being a strong trend to become a reality of the web today. In a world that has been conquered by mobile devices over the past two decades, no one now understands a website that cannot be viewed on different screen resolutions, or at the very least the minimum provided on smartphones and
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
spyrestudios.com| 502: Bad gateway
spyrestudios.com| 502: Bad gateway
Loading...
Nothing found for Bootstrap Tools And Generators
17 Useful & Fresh Tools for Web Designers | SmashingApps.com
23 Useful HTML5 Tools For Web Developers
15 iPhone App Web Design for Inspiration