Journal Pixelbuddha Design Blog We publish tutorials and articles intended to improve your professional skills and help you not to miss anything important from the design industry. Browse All Posts
$ npm install slideout $ bower install https://github.com/mango/slideout.git $ component install mango/slideout 1. First of all, you'll need to have a menu ("#menu") and a main content ("#panel") into your body. <nav id="menu"> <header> <h2>Menu</h2> </header> </nav> <main id="panel"> <header> <h2>Panel</h2> </header> </main> 2. Add the Slideout.js styles (index.css) in your web application. body
animatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3 transitions. You can use the transitions from animate.css or create your own transitions. DOWNLOAD VERSION 1.0
Browse Themes by Tag Preview all themes Resources for Bootstrap Useful links for additional Bootstrap themes, extras and code snippetsOfficial Bootstrap Bootply Playground Bootstrap 4 Upgrade BootstrapBay WrapBootstrap HTML5 Zero StartBootsrap Why Bootstrap? It's no surprise that Bootstrap is the most popular frontend framework. Web designers and developers can leverage Bootstrap to build responsi
2013-06-24 2012年4月23日にテキサスの Austin で行われた RailsConf 2012 での Rich Hickey (@richhickey) さんによる基調講演、Simplicity Matters を書き起こして翻訳しました。 Rich Hickey さんは Clojure や Datomic の作者です。 この翻訳は Creative Commons Attribution ShareAlike 3.0 ライセンスに基いて公開します。 Rich Hickey 講演 e.e d3si9n 訳 談: こんにちは。ご招待いただきありがとうございます。 聞く所によると RailsConf はいつもコミュニティーからかなり外れた人を選ぶらしく、今回は僕ということになりました。 僕の電話ボックスは外に駐車してあります。(会場、笑) だけど、今日は言語の壁を越える話題を持
今回はAssetStoreに2D素材についてです。 知らないのか使い方が分からないのかは判断出来ませんが、活用せず適当なGUIを使用している人が結構居る気がするので、今回はそのアセットの探し方について紹介します。 「それなりのゲーム」に見える指標の一つに間違いなく「GUI」があるので*1、この項目はAssetStoreなりフリー素材なりを使ってしっかり作った方が良いです。 GUI系素材 AssetStoreのGUI系素材は、「テクスチャ&マテリアル」カテゴリの「GUIスキン」や「アイコン&UI」から見つける事ができます。 GUI系は(大抵NGUIを前提としてますが)UIの組み方サンプルもあるので、組み方を覚えようと思った人にも役に立つ場合があると思います。 また、フォントも「テクスチャ&マテリアル」の「フォント」から見つけることが出来ます。大体英語のみとなりますが、割とクールな物が多いので
Ready-to-use foundational React components, free forever.
受託のUXデザインを進めていく中で作業の流れと自分が心掛けていることを記載しています。 基本的なプロセスはHCDやデザイン思考とあまり変わりませんが、ウォータフォールのような受諾型のためドキュメント指向のコミュニケーティングデザインを行いやすいように独自に実践している内容になります。ここでのUXは受託開発で多い問題解決型のUXを扱うため、最近ではむしろ主流とされている顧客開発型のUXとは多少異なります。 問題解決型UXのデザインプロセス 理解 アイディア ストーリー UI ビジュアルデザイン 開発 フィードバック 参考手法 ゴールダイレクテッドデザイン About Face 3 インタラクションデザインの極意 http://hart.herokuapp.com/public/user/yk/book/39 コミュニケーティングデザイン Webサイト設計のためのデザイン&プランニング htt
Menu Group Text+ by Contrast https://appsto.re/us/ohdu3.i apptutorial ios iphone Apr 01, 2015 Periscope https://appsto.re/kr/TXw_5.i apptutorial twitter periscope Mar 28, 2015 Layout from Instagram https://appsto.re/kr/X3jQ5.i layout instagram apptutorial Mar 23, 2015 Layout from Instagram https://appsto.re/kr/X3jQ5.i instagram apptutorial Mar 23, 2015 LINE ios line apotutorial Mar 12, 2015 Timeli
Edge is a super web UI kit with tons of user interface elements to get started with designing your website. Thanks to the team at UI8 that has provide this amazing kit as a freebie. Using the components, you can create beautiful interfaces for blog, ecommerce, website and more. Go, grab the kit! Format: PSD (Vector Shapes) Size: 46.9 Mb Visit UI Kit Download Page
Introducing Sessions: the latest product from Waldo!
PhoneGapをはじめとするハイブリッドアプリは人気があります。HTML5/JavaScriptでアプリが開発できるのは魅力的ですが、問題はUIではないでしょうか。HTMLのままではUI/UXが優れているとはとても言えません。そこでHTMLをネイティブアプリ並のUIにしてくれるフレームワークを使ってみましょう。これらを使えばまるでネイティブのUIと変わらないかのようなUI/UXが得られるようになるでしょう。PhoneGapをはじめとするハイブリッドアプリは人気があります。HTML5/JavaScriptでアプリが開発できるのは魅力的ですが、問題はUIではないでしょうか。HTMLのままではUI/UXが優れているとはとても言えません。 そこでHTMLをネイティブアプリ並のUIにしてくれるフレームワークを使ってみましょう。これらを使えばまるでネイティブのUIと変わらないかのようなUI/UXが得
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く