共栄デザイン サウンドプロデューサー、プロダクトデザイナーである岡本光市氏により2006年設立。 同年 静岡県立美術館にて個展“TWO DAYS & FOUR PRODUCTS”を開催。 NYで開かれたICFF(NY)にイタリアの「designboom」より参加など、共栄デザインのプロダクトはDroog、アトランタデザインミュージアム、ロンドンデザインミュージアム、 colette など、世界30 カ国以上のデザインブランド、 ショップ、美術館などで扱われています。
共栄デザイン サウンドプロデューサー、プロダクトデザイナーである岡本光市氏により2006年設立。 同年 静岡県立美術館にて個展“TWO DAYS & FOUR PRODUCTS”を開催。 NYで開かれたICFF(NY)にイタリアの「designboom」より参加など、共栄デザインのプロダクトはDroog、アトランタデザインミュージアム、ロンドンデザインミュージアム、 colette など、世界30 カ国以上のデザインブランド、 ショップ、美術館などで扱われています。
Togetter - 「ライトノベルの表紙によくある「白背景+人物単体」について」 このまとめを読んでいたときに、「白背景+人物単体」のラノベ表紙についてまとめ内容と全く関係なく突然の閃きがやってきたのですよ。 単独の女優を前面に押し出したタイプのAVのパッケージと、ラノベの表紙ってデザイン的にかなり近いところがある気がしてきた 2010-06-09 20:58:34 via TwitterIrcGateway いったん気づいてしまうと「白背景+人物単体」のラノベ表紙、中でも特に制服の女の子がまっすぐこちらを向いて直立しているようなのがAVにしか見えなくなってしまいました。同時に、制服姿の女優が立っているようなAVのパッケージが全てラノベの表紙にしか思えなくなり。 見れば見るほど似ているので当然俺の前に誰か話題にしていると思って検索してみると全く同種の言及がなく、せっかくなので「AVのパッ
CSS3の角丸、テキストシャドウ、ボックスシャドウ、RGBA、グラデーションなどを効果的に使用したサイトをSix Revisionsから紹介します。
CSSや画像などを使用して、透過性をウェブデザインに取り入れる方法をCSS-Tricksから紹介します。 Spectrum Theme どんなウェブデザインでも最終形では基本的に目の錯覚を巧みに利用しています。Photoshopをはじめ他のグラフィック用のアプリケーションで透過性のエフェクトを作成し、フラットな画像として書き出すことができます。 Photoshopで透過性のある画像を作成するには、レイヤーの不透明度、塗りの度合い、ブレンドモードなどで可能です。 Opacity <textarea name="code" class="css" cols="60" rows="5"> transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } </te
HTML5版の新規でサイトを作るのに使えそうな一式です。 今までの新規で使えそうな一式のVer3からも有る程度流用はしていますが、結構いじってます。 今までみたいに、社内のマークアップエンジニアとかそういう人がもう居ない環境なので、何処かで使われていた訳ではありませんが、まー最初の準備って地味に面倒なのでちゃちゃっと始めるには良いんじゃないでしょうか。 【HTML5】新規でサイトを作るのに使えそうな一式。Ver 1をDL(zip:12kb) HTML5版のVer 1を見る 社内のマークアップエンジニアとかって書いたら、これどうなのよ?とか話してた頃がちょっと懐かしくなった。 コーダー飲みとか、CSS Niteなんかで、マークアップエンジニアやコーダーさんと会う機会は結構有るのに、そういう具体的な?話まではしないからなぁ・・・ それはさておき、中身のご説明などを続きにて。 中身のご説明 zi
2019年5月17日 CSS CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください! ↑私が10年以上利用している会計ソフト! コードはサンプル内の「HTML」や「CSS」タブをクリックしてくださいね! 少しのコードで実装可能なCSS小技集 シリーズ 【第2弾】少しのコードで実装可能な20のCSS小技集 【第3弾】少しのコードで実装可能な15のCSS小技集 まずはCSS基礎編 1. divを中央揃えにする ほとんどのサイトが基準となるdivを画面の中央揃えに設定しています。左右のmarginをautoにして中央揃えに。 See the Pen Center Div by Mana (@manabox
<textarea name="code" class="html" cols="60" rows="5"> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>CSS Shapes</title> <!--[if IE]> <style> .arrow { top: 100%; } </style> <![endif]--> </head> <body> <div id="container"> <h1> My Heading <span class="arrow"></span> </h1> </div> </body> </html> </textarea>
CSS3で何ができるのかという「CSS3で何ができるの? という時にみておきたいサイト集」という記事をとりあげました。 今回は、そのCSS3を実際どのように使うのか? ウェブページに効果的に使用した例、陥りやすいワナとその対処方法をWeb Design Wallから紹介します。 CSS3 Examples and Best Practices 下記は各ポイントを意訳したものです。 はじめに テキストのエンボス効果 繊細な角丸とシャドウ アニメーションで回転するDVD 半透明のバー 角丸 微妙なテキストのシャドウ 陥りやすいワナと対処方法 はじめに CSS3の人気はいっそう高くなっています。実際CSS3の新しい機能はウェブに多くの新しい可能性をもたらします。 しかしながら、CSS3はまだ完全にすべてのブラウザにサポートされていないので、あまり興奮しないでください。 だからといって、CSS3を
シンプルなWordPressのテーマを探している。 そんなときにおすすめなのが、『40 More Stylish, Minimal and Clean Free WordPress Themes』。シンプルでかっこいいWordPressのテーマ集です。 かっこいものが揃っていますね。 New York New York 余白をおおきく取って、サイドバーを右寄せにしたクールなレイアウト Nameless こちらもシンプルなデザインで、ブログを書きたくなるようなUI Clear Tumblrを思わせるような、モノトーンが際立つデザイン Fifty Fifth Street 吹き出しのアイコンがかわいいテーマ The Standard これはかっこいい。クールなスライドショーのついたテーマ WordPressのテーマを探している方は、一度見てみてください。インストールして、設計を見てみるのもいい
<textarea name="code" class="css" cols="60" rows="5"> <!--[if IE]> <style type="text/css"> .container {padding-left:14px;} .frame {left:4px; top:4px;} .shadow {background:#000; margin:-4px -4px; filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5', MakeShadow='true', ShadowOpacity='0.60');} </style> <![endif]--> </textarea>
ここ最近、覚えてよかったなーと思ったCSSテクニックをまとめてみる CSSテクニックは時代とともに変わっていくけれど、ここ1年ほどスタメンレベルで使うCSSテクニックが絞られてきたので、ここらでちょっと個人的にもまとめておこうかと。 liボックス 幅:190px マージン:15px liボックス ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。 liボックス ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。 <li>にはクラスを指定せずに、左右にぴったりくっ付くように配置が可能。 <style type="text/css"> #box1{ width: 600px; } ul{ width: 615px; margin: 0 -15px 0 0; overflow: hidden; _zoom: 1; font-size:7
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く