知っておいてよかった！Web制作時に効率上げる「便利」なCSSテクニック - コムテブログ
TL;DR 少し前にサイト制作でさりげなく使われている CSS テクニックをまとめましたが、今回はそれを補足する形で、これから増えそうなもの、使っていきたいものを今後忘れないようにメモしておきます。 Photoshop ののように、乗算・オーバーレイなど背景色と背景画像を混ぜあわせたり、写真に色々な効果を付与することができるbackground-blend-modeプロパティ。シンプルな例では、以下のように背景写真と背景色を合成することが可能です。 .blended { background-image: url(face.jpg); background-color: red; background-blend-mode: multiply; } 効果一覧：multiply／screen／overlay／darken／lighten／color-dodge／color-burn／hard
無料でモリサワフォント18書体やレイアウト・素材を使ってプロ並みデザインができる「Picky-Pics」 - GIGAZINE
5万点以上のこだわり素材と美しいフォントなどを、専門知識がなくても美しい配置が行える「スマートガイド」に従って配置していくことで、プロ並みのデザインのA4書類・名刺・はがき・Facebookカバー・プレゼン資料を作れるようになるネットサービスが「Picky-Pics」です。一体どんな感じでデザインができるのか、実際にサービスを使ってみました。 Picky-Pics（ピッキーピックス） https://picky-pics.com/ Picky-Picsを使って作れるデザインの作例は以下のような感じ。これらの中には、本来はデザイナーではないというフェンリルのスタッフがサクサクっと作ったものも含まれています。Picky-Picsのコンセプトとしては「自分たちの親でもできる」が掲げられており、基本的に操作はドラッグ&ドロップのみ。カンタンにレイアウトやデザインが行えるツールと、豊富な素材集とを一
【インタビュー】『神獄のヴァルハラゲート』開発者に聞くUI改善の取り組み | gamebiz
グラニのリアルタイムバトルRPG『神獄のヴァルハラゲート（以下、ヴァルハラゲート）』が好調だ。すでに170万人（2014年5月現在）を超える会員を獲得しているだけでなく、リリースから1年以上経過した現在でも「GREE」の人気ゲームランキングでもたびたび首位を獲得するなど、「GREE」はもちろん、国内でも代表的なソーシャルゲームの一つとなっている。 ゲームがヒットした要因を考える際、企画やプロモーションといった施策に注目が集まりがちだが、今回は「UIデザイン」に着目した。「UIデザイン」は、ユーザーが快適に遊べるようにするための重要な要素だが、模範解答が存在せず、不断の見直しと改善が必要になる。そこで、グラニのUIデザイナーの清水愛子氏、フロントエンドエンジニアの吉野友人氏、久保田翔太氏の3名にインタビューを行い、『ヴァルハラゲート』の開発チームにおけるUIデザインの改善に関する取り組みにつ
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
3flab inc.
フジテレビ / めざましテレビ 2013-2015 Logo Type, Corner Logo & Telop Design SUZUKI / Tokyo Motor Show 2011 Monitor Motion Graphics Design Cybozu / kintone 2012 Logo, Web Application UI Design 株式会社三階ラボ 3flab inc. 沿革 2008/4 株式会社スリーフローを設立 2012/4 株式会社三階ラボに社名変更 資本金 3,000,000円（2014/8現在） 取引銀行 東京三菱UFJ銀行 〒151-0073 東京都渋谷区笹塚2-2-3 エヴァーグリーン笹塚503 Evergreen Sasazuka #503, 2-2-3 Sasazuka, Shibuya-ku, Tokyo 151-0073, Japan
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
そううつだもの 「GIMP 2」で画像をシルエット化・ちゃんとやります編
「GIMP 2」で画像をシルエット加工してみる、ちゃんと版。 ちゃんと版といっても、画像それぞれによってシルエット化する方法は全然違ってくると思うので、これは一例だと思って頂ければ・・・ とりあえず、画像の「シルエット化したい部分」と「いらない部分」を切り離していくという感覚でやってみた。 この画像を こうシルエット化してみる。 元画像を見てみると、シルエット化したい部分のコスモスの色が「赤」「ピンク」「白」と３色あるので、これをなるべくまとめていきたい。 「いらない部分」の空も、青一色なら話が早いのだが、雲があるので、これをまとめて消してやりたい。 手順は「続きを見る」のあとで。（画像が多いから） １ 「GIMP 2」を開き、加工したい画像も開く。 ツールバーの【色】→【明るさ・コントラスト】をクリックする。（画像がはっきりしている場合は必要ない手順） ２ 【明るさ・コントラストの調整】
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tumblr
【GDC 2014】ヨコオタロウ氏が語るゲームシナリオの書き方。変わった人のための変わったゲーム | インサイド