マテリアルデザインのUIコンポーネントを構築する為のCSSフレームワーク・「material ui」material uiはGoogleの提唱したマテリアルデザインを導入したCSSフレームワークです。各UIコンポーネントも用意されています。Reactとセットになっているみたい。まだよく調べていませんがなかなか良さそうです。年末に触れ・・たらいいなぁ。ライセンスはMITとの事。 material ui
スクールガールストライカーズの 内製クライアントエンジン
近年、ハイスペックなスマートフォン、高品質なネットワークが普及し、それによりモバイルゲームの制作手法やそれを取り巻く環境も変化してきました。スクウェア・エニックスでは、そのような環境の変化に対して、日々新たなチャレンジをし続けています。そして、このようなスピード感溢れる業界の流れには、会社の枠を超えた技術情報の共有、交流が欠かせないと感じております。 そこでこの夏、社内のエンジニア・テクニカルディレクターによる最新のモバイル開発の技術情報や社内モバイルエンジン、開発秘話によるセッションをメインに、スクウェア・エニックス モバイル オープンカンファレンスを開催する運びとなりました。また、セッションの後は登壇する弊社スタッフと直接ディスカッションやフリートークができる場を設けております。この機会にスクウェア・エニックスという会社についても、より詳しく知って頂ければ幸いです。 マネージャー・テク
スタートアップにおけるデザイナーの存在意義とは？「Design dot BEENOS vol1」レポート #BEENOS - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
スタートアップに関わる人々のためのイベント「Design dot BEENOS」が新しくスタートした。筆者は6月27日（金）に開催された初回のイベント「スタートアップにおけるデザイナーの存在意義」に参加した。 「Design dot BEENOS」はBEENOSが主催するイベントだ。アマゾンデータサービスとの共催となっており、コンセントのUXアーキテクトにして書籍「Lean UX」の監訳者でもある坂田一倫氏と共に開催するイベント。 初回には、スタートアップの創業者であり、経営者であり、デザイナーでもあるQiitaの小西智也氏が登壇し、自身の経験を語った。 小西智也氏は、Increments取締役、創業者兼デザイナーとして、これまで「Kobito」「Qiita」「Qiita:Team」の3つのプロダクトの開発に携わってきた。スタートアップは、限られたリソースで、何が当たるかわからない中プロダ
デザイナー必見！ナビゲーションがユニークなサイト15選 | coromos
この記事ではユニークなナビゲーションバーを用いた15のWebサイトを紹介していきます。 ナビゲーションバーはWebサイトの最も重要な要素の一つです。 「今自分が何を見ているのか？」「どのコンテンツに今のページからアクセスすることができる のか？」といったことがすぐに理解できる、適切にデザインされたナビゲーションバーがなけれ ば、思い通りにコンテンツを見ることはできません。 私たちは上または左右にナビゲーションバーがあるということに慣れてしまっています。 この手法はWebサイトが作られ始めたころからあったものです! しかし、ここ最近状況は変わってきています。 デザイナーたちはそのような常識を覆すような解決策に挑戦し始めました。 これらの例として、下部ナビゲーションバーの実装はWebサイトをより便利にしましたが、キー ボードを用いたWebサイト内の移動の実装は失敗に終わって
【DevLOVE甲子園2013】UIと画面遷移を設計するときに 破綻しないようにするための、 ひと手間
【DevLOVE甲子園2013】UIと画面遷移を設計するときに 破綻しないようにするための、 ひと手間
オンマウスでふんわり現れる！CSS3を使った吹き出しサンプル5つ
タイトルの通りですが、アイコンの上にマウスを乗せると吹き出しが現れるサンプルを紹介します。今回は現れる動きが違うサンプルを5つ用意しましたので、気に入ったものがあればうれしいです。 Chrome、Firefoxの最新バージョンやIE10だとすべてのサンプルが動きます。CSS3のtransitionやrotateが使えないブラウザでも機能的には問題はないと思います。opacityが使えないIE8以下はちょっと厳しいですが、最後に少し対応法を紹介します。 では、一番上のサンプルを解説します。 HTML まずはHTMLから。 Home Twitter Facebook RSS Setting a要素がアイコンで、span要素が吹き出しです。アイコンはWebフォントで表示します。 続いてCSSです。いつも通りまずは全部載せます。 @font-face { font-family: 'typicon
Home - Pencil Project
An open-source GUI prototyping tool that's available for ALL platforms. Pencil is built for the purpose of providing a free and open-source GUI prototyping tool that people can easily install and use to create mockups in popular desktop platforms. The latest stable version of Pencil is 3.1.1 which contains stability fixes and many new features. More details can be found in the release notes. Proje
自己主張ファーストなコンテンツを排除しよう
私はよく「コンテンツがない。壊れている。」と主張していますが、人によっては「既に自分たちには素晴らしいコンテンツがある。アピールするための素材もたくさん用意されている。」と考える方もいると思います。しかし、それは利用者からの視点からすればコンテンツでも何でもないノイズということもあります。 昨年末から全国で開催しているマルチデバイスを見据えたコンテンツ設計講座で、企業は的外れなコンテンツを出していることを事例を挙げながら紹介しています。クオリティの高い写真、映像、文章が使われているものの、中身は利用者のことを優先していない自己中心なメッセージばかりということがあります。残念ながら企業 Web サイトの大半はそんなところが多かったりします。 上記は Break Up という、広告主と消費者の関係を人間関係に見立てて表現した 2007 年のビデオです。以下、簡単にやりとりを抜粋しておきますが、
まるでネイティブのようなUIを実現できる高機能JavaScript UIライブラリ·w2ui MOONGIFT
w2uiはデスクトップ、スマートフォン、タブレットに対応したJavaScript UIライブラリです。 新しいJavaScript UIライブラリの紹介です。名前はw2ui、多数のウィジェットを搭載したUIライブラリとなっています。 レイアウト。 グリッド。 詳細検索対応。 ツールバー。 サイドバー。階層表示に対応しています。 タブ。 フォーム。 ポップアップ。 ツールチップ。 その他ユーティリティ。 w2uiのサイズは37KB（ミニファイ&Gzip）で、これはExtJSの1/12、Kendo UIの1/6となっています。また、jQueryベースという特徴、全てのウィジェットをまとめて提供、IE9、Firefox7、Google Chrome、Safari5に対応となっています。デスクトップはもちろん、タブレットやスマートフォンにも対応しています。 w2uiはJavaScript製、MIT
無料でダウンロード可能なPhotoshopをパワーアップさせるブラシセット「BRUSH SET」
デジタル・アーティストJonas De RoさんがPhotoshopで使用しているブラシ37種類をセットにした「BRUSH SET」がdeviantARTから無料でダウンロード可能となっています。ブラシは使用の用途に合わせて5つのカテゴリーがあり、Photoshopでの作業をさらにパワーアップさせることが可能です。 BRUSH SET - Photoshop Painting Brushes by *JonasDeRo on deviantART http://jonasdero.deviantart.com/art/BRUSH-SET-Photoshop-Painting-Brushes-348274576 ブラシのカテゴリーは「BASIC」「PAINT」「ADVANCED」「NATURE」「GUIDE」の5つがあります。 まず「BASIC」はシンプルかつ効果的なブラシ。スピーディーに仕
cron力をつけよう！全てのcrontab入門者に贈る9個のテクニック · DQNEO日記
なお、時間設定方法や書式についてはここでは解説しません。 拙作「くろんメーカ」をお使いください。 くろんメーカ - crontab用のコマンドを自動で生成します。 そのままコピペしてお使いください。 crontab -e で直接編集しない 有名な話ですが、crontab -r とやってしまうと全てが一瞬で消え去ります。 まさにバルス！ 間違えて crontab -r してしまい、crontab をふっとばしてしまった。つか、隣同士にある -e と -r で編集と削除とか、酷いよ＞＜。。。 crontab -r を安全にする - antipop 必ずローカルファイルに設定を書いたうえで、それを反映させるようにしましょう。 $ crontab -l > ~/crontab # 現在の設定をバックアップ $ vi ~/crontab # ローカルファイルを編集 $ crontab < ~/cro
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
美しいグラデーションカラーをまとめている・「uiGradients」
http://blog.livedoor.jp/tabetabe22/archives/1687496.html