第一回プログラマ向けデザイン勉強会を開催しました - satococoa's blog
10/27(土)に 第一回プログラマ向けデザイン勉強会 を開催しました。 この勉強会は毎月やっている デザイナー向けプログラム部 (P4D) の逆バージョンで、デザイナさんにプログラマがデザインを教わるという趣旨で開催しました。 そして講師役として、いつもP4Dの方でもお世話になっている @machida さん、@ken_c_lo さん、@saucerjp さんの3人にお願いしました。 もっともこの3人をはじめ、P4Dに参加されているデザイナさんは普通にJSやFlash、ObjCなんか書いていたりして単にデザイナと呼んでいいのかどうかは怪しいところですが。 RailsエンジニアのためのTwitter Bootstrapカスタマイズ例 まずは@machidaさんのTwitter Bootstrapのカスタマイズ例の話からでした。 このテーマはP4D参加のプログラマからしきりにリクエストの
WEBデザイナーを目指す人へお勧めしたい記事・サイトまとめ ｜https://wp.yat-net.com/name
最近僕の周りでWEBデザインの勉強やコーディングの勉強を始める人が多く、そんな方々向けに読んで欲しい、見て欲しいサイトをまとめる機会があったのでブログにポストします。 ブログに置いておけばこれから先また誰かに伝える機会があってもURL一つで教えれるので便利ですよね。 Index 1.WEBデザイン全般 2.色彩・配色 3.レイアウト 4.ユーザビリティ 5.文字・文章 6.フォント 7.コーディング 8.著作権 9.グラフィックツール関係 10.チュートリアル等 1.WEBデザイン全般 [連載]Webデザイン入門（1日目）：Stocker.jp [連載]Webデザイン入門（2:スケッチしよう）：Stocker.jp [連載]Webデザイン入門（3:光とボタン）：Stocker.jp サンプルデザインでわかりやすく見る。プロデザイナーが使うセオリー10のこと。：MAKA-VELI.COM W
デザインの力で未来を考える 伝わるインフォグラフィックス「ツタグラ」: DesignWorks Archive
【フリー壁紙】A CANDLE LOSES NOTHING by モンクレールウンアウトレット (12/20) 【フリー壁紙】A CANDLE LOSES NOTHING by ルイヴィトンコピー (01/04) 【フリー壁紙】A CANDLE LOSES NOTHING by コピーブランド (11/11) 【フリー壁紙】A CANDLE LOSES NOTHING by バーバリー 財布 メンズ (08/17) 無料で使える2010年カレンダーのまとめ by 浅見 晴美 (11/29) 不況や原発事故など、現在の日本に不安を感じている方も多いはず。今回は、そんな日本の未来に対する不安をデザインの力を利用して考えるプロジェクト、伝わるインフォグラフィクス「ツタグラ」が公開されていましたので、紹介したいと思います。 見やすく伝わりやすいインフォグラフィックスを使って、日本の現状を誰にでも分
面白法人カヤックの漫画名刺
面白い名刺を訪ねて いつも元気な barimi です。 名刺といえば、いわば会社の顔。 このコーナーは、世の中にある面白い名刺を紹介したいと思います。 第一回はいきなり手前味噌で恐縮ですが、面白法人カヤックの漫画名刺。 実はこの名刺、私がつくっているので、今日はデザイナー視点から、どうしてこの名刺をつくったか、ウラ話などなど紹介しちゃいます。 弊社代表の名刺 この名刺のポイント！ 歴代のカヤック名刺は、7つ道具がある名刺、ピラミッド形に折れる名刺、トレーディングカード風名刺、など毎回工夫を入れています。 今回4代目になるこの漫画名刺は、最初に配ったときに会社の雰囲気を伝えられるもの、また配った人に喜んでもらえるもの、そして他の社員にも会いたい！と思ってもらえるもの、そして、そして、もちろんオリジナリティのあるもの！ これらを軸に、どんな名刺がいいのかを考えてつくりました。 漫画に込められた
画像に美しい角丸やボックスシャドウ、グラデーション、アニメーションを適用する
CSS3を使って、画像に美しい角丸やボックスシャドウ、グラデーション、アニメーションなどを適用するさまざまなテクニックを紹介します。 また、Chrome, Safari, Firefoxなど、最近のブラウザで期待通りに表示されないのを回避する方法もあわせて紹介します。 CSS3 Image Styles [ad#ad-2] 最近のブラウザで生じる問題点 画像に角丸やドロップシャドウを適用すると期待通りにならないことがあります。これはChrome, Safari, Firefoxなど、最近のブラウザでも生じます。 Chromeでの表示 デモでは「border-radius」と内側に「box-shadow」を適用していますが、Chrome, Safariではキャプチャのように欠けて表示されてしまいます。 また、Firefoxでは「border-radius」は期待通りですが、「box-shad
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
