Materialize - マテリアルデザインのためのCSSフレームワーク MOONGIFT

2014/11/29 252 users Materialize レスポンシブ アニメーション 時代

レスポンシブでWebデザインを組むのは当たり前、今のトレンドはマテリアルデザインにあるという時代になってきました。フラットUIを踏襲しつつ、アニメーションを効果的に使うことでさらにユーザビリティ高いデザインを可能にします。 主にモバイルアプリ用に使われていますが、Webデザインにおいても十分利用が可能です。今回はマテリアルデザインを実現するスタイルシートフレームワーク、Materializeを紹介... 続きを読む

Material Icons - マテリアルデザイン向けに作られたGoogle製アイコン集 MOONGIFT

2014/11/06 61 users アニメーション マウスオーバー アイコン マテリアルデザイン

Googleが提唱しているフラットUIを発展させたデザインがマテリアルデザインです。アイコンを単純化して情報構造を明確にするだけでなく、さらにマウスオーバーやタップ時のアニメーション、色の変化をつけることでシステムがどういう状態にいるかが明確になります。 そんなマテリアルデザインにフォーカスして作られたアイコン集がMaterial Iconsです。 Material Iconsの使い方 Mater... 続きを読む

OS X Yosemiteの見た目に締まりがないと感じたら設定変更を！ ｜ ライフハッカー［日本版］

2014/10/20 36 users ライフハッカー 見た目 OS X Yosemite iMac

傍島康雄  - MacOS,OS  12:00 PM OS X Yosemiteの見た目に締まりがないと感じたら設定変更を！ みなさん、OS X Yosemiteにはアップデートしましたか？ 私は、自宅で使っているiMacと仕事で使っているMacBook Proを早速アップデートしました。このOS X Yosemiteで、フラットUIが採用されています。これが使いづらいワケではないのですが、これま... 続きを読む

Polymer - フラットUIの進化版！？なMaterial Designを実現するUIフレームワーク MOONGIFT

2014/07/09 22 users Polymer MOONGIFT フレームワーク ステータス

Material Designという新しいコンセプトがAndroid Lより採用されます。より直感的にステータスが分かるようになったり、選択しているオブジェクトが判断できるようになります。フラットによって情報構造がシンプルになったからこそ実現できるデザインでしょう。 そんなMaterial DesignをWeb上で実現できるフレームワークがPolymerです。Google製の格好いいフレームワーク... 続きを読む

Hierapolis·フラットUIを活かしたBootstrap管理画面テーマ MOONGIFT

2014/05/06 69 users MOONGIFT Bootstrap ログイン画面 管理画面

管理画面であれば社内の人くらいしか使いませんので、あまりデザインにこだわる必要がないのでベタなBootstrapを使ってもそんなに嫌がられることはないでしょう。とは言えちょっとは格好よく見せたい場合もありますよね。 そんな時に使ってみたいBootstrapテーマがHierapolisです。フラットなデザインで格好いい管理画面用テーマとなっています。 Hierapolisの使い方 まずはログイン画面... 続きを読む

Bootflat - フラットUIで格好いいBootstrapテーマ！ MOONGIFT

2014/03/17 77 users MOONGIFT Bootflat スクリー 創造意欲 流行

創造意欲がかき立てられますよ！ Boostrap臭を嫌って導入に踏み切れないという方は多いですが、それもあって多彩なテーマが開発されています。それらと入れ替えると、イメージががらっと変わって見えるはずです。 今回は最近流行のフラットUIを取り入れたBootflatを紹介します。フラット＝角張っているというイメージも壊してくれる素敵なテーマです。 Bootflatのスクリーンショット 今回はスクリー... 続きを読む

フラットUIなカレンダー「CLNDR.js」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/10/04 23 users jQuery MIT License エンジニア デモ 日付

CLNDR.jsはjQuery/JavaScript製のオープンソース・ソフトウェア（MIT License）です。カレンダー機能は意外とよく使われます。イベント系はもちろん、ブログのサイドバーにつけることもあります。そんなカレンダー表示をjQueryで提供するのがCLNDR.jsです。 デモ。左側にカレンダー、右側にイベントの一覧が表示されています。 別なデモ。カレンダーのみ表示して日付をクリッ... 続きを読む

jQuery Mobileを使ったサイトでフラットUIを実現「jQuery Mobile Flat UI Theme」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/04/15 32 users jQuery Mobile エンジニア ソフトウェア 見出し

jQuery Mobile Flat UI ThemeはjQuery Mobile用のフラットUIテーマです。スマートフォン向けのWebサイトをjQuery Mobileで構築しているなら試したいのがjQuery Mobile Flat UI Themeです。最近流行のフラットなUIをサポートしたテーマです。 ボタン類。アイコンも使えていい感じです。 リストと見出し付きコンテンツ。見出しをクリック... 続きを読む

フラットUIで使えるアイコン集まとめ | IDEA*IDEA

2013/04/15 57 users IDEA

カテゴリー別 Apple (166) CakePHP (52) Facebook (40) Google (228) GTD（仕事術） (18) HTML5/CSS3 (65) iPhone (62) PR記事 (16) Twitter (175) WordPress (39) おもしろネタ (1795) おもしろ動画 (1040) その他 (250) ひとりStartMac (49) アート・デ... 続きを読む

jQueryモバイルで使えるフラットUIのテーマ | IDEA*IDEA

2013/04/08 163 users IDEA jQueryモバイル テーマ

カテゴリー別 Apple (166) CakePHP (52) Facebook (40) Google (228) GTD（仕事術） (18) HTML5/CSS3 (64) iPhone (62) PR記事 (16) Twitter (175) WordPress (38) おもしろネタ (1794) おもしろ動画 (1037) その他 (249) ひとりStartMac (49) アート・デ... 続きを読む