画像に鏡面効果を与えるreflection.js[to-R]
画像に鏡面効果を与えるreflection.js reulection.jsは画像に鏡面効果を与えるjsライブラリになります。 このライブラリを使用すれば、画像を加工することなく画像の下に鏡に反射したようなエフェクトが追加されます。 設置方法 ダウンロードしたreulection.jsをhead要素などで読み込みます。 <script tyle="text/javascript" src="./reflection.js"><script> エフェクトを追加したい画像のclass名にreflectを設置します。 <img src="[画像]" alt="" class="reflect" /> これだけで鏡面効果が与えられます。 サンプル 初期段階で画像が作るのが困難な場合や、背景が設定されている場合はこのライブラリを使えば効率的に作業ができるでしょう。 rheight20～80のクラス名
![画像に鏡面効果を与えるreflection.js[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
HowToWriteAnEffectiveDesignDocument - 設計文書のうまい書き方
HowToWriteAnEffectiveDesignDocument - 設計文書のうまい書き方 目次 この文書について 設計文書のうまい書き方 なぜ設計文書を書くのか 良い設計とは何か 同僚の開発者に向けて書く 第 1 節に書くこと: プロジェクト/サブシステムの目的を示す 第 2 節に書くこと: 設計に使う高レベルなエンティティを定義する 第 3 節に書くこと: 個々のエンティティに関する低レベルの設計を書く 使い方 設定 モデル 相互作用 第 4 節に書くこと: 利点, 前提, リスク/懸念事項 マネージャ向けに書くこと 最後に 設計文書のうまい書き方 この文書について "How to Write an Effective Design Document" の日本語訳です. http://blog.slickedit.com/?p=43 推敲歓迎: 誤訳, タイポ, 訳語の不統一,
Atrise Golden Section - Golden Ratio Grid for Designers
This program is a unique design tool for artists, designers, programmers, photographers. It allows you to design using the golden section proportion over your preferred design software. Artists, architects and sculptors have been searching for the secrets of beauty throughout the centuries. To many of them it was given subconsciously, with talent. Others used previously obtained secrets. We happy
デザイン勉強会のまとめをするよ！ | Blog hamashun.com
追記 2007-09-11 まとめWikiへのリンクを追加 2007-09-11 cremaさんの資料追加 FrontPage - デザイン勉強会まとめサイト - livedoor Wiki（ウィキ） デザイナーでない人のデザイン入門 ベジェ曲線で行こう 簡単に名刺を作ろうぜ！ Webサイトのあり方と考え方 総括 Twitter繋がりのまめこが主催するデザイン勉強会に行ってきました。 という訳でまとめです。 この勉強会は、デザイナー向けではなく、デザイナー以外に向けたデザイン勉強会です。 会場は今回も株式会社ノッキングオン様に提供していただきました。 いつもありがとうございます！ なお、まだ資料とか公開されていないセッションもあると思うので、タイトルとか微妙に間違ってるかもしれません。 間違ってたらごめんなさい。 デザイナーでない人のデザイン入門 資料 トップバッターは先生もされているcr
Download Free Responsive Website Templates | StyleShout
We Craft Simple & Modern Free Responsive Website Templates. We offer a collection of modern and minimal website templates that can help you create simple and eye-catching websites quickly and easily. And best of all, they're completely free! Maillard Maillard is a free restaurant website template that is perfect for any modern restaurant, cafe, or patisserie. It is simple, elegant, and easy to use
FlexUG勉強会いったよ デザイナとデベロッパの連携 | fladdict
「デザイナとデベロッパの連携」というテーマで、FlexUG勉強会を聞きに行ってきました。 でね、なんかパネリストトーク聞いてたら、 序盤はスキンの話ばっかりで、「デザイナ＝スキン作る人」、「デザイナ＝アーティスト」って文脈で話が進んでくんよ。 な ん か 俺 、 ア ウ ェ イ に い る ん ？ ？ でとりあえず、デザイナとデベロッパの連携って話で質問したんよ。「Flexのスクロールバーとかカクカクしてありえないんすけど、あそこにスムーズスクロール実装したい、みたいなスキンで対応できないレベルのデザインはどう連携するのがいいんでしょうね？」みたいな質問を振ったら、 後でパネルセッションで「スクロールバーなんとかしろとか、Flexちゃんと理解してから提案しろ馬鹿」的な話が出てきたりして、(´・ω・`)ｼｮﾎﾞｰﾝ な ん か 俺 、 ア ウ ェ イ に い る よ ！ ！ と思ってたんです
ウノウラボ Unoh Labs: JavaScriptを使わないスターレイティングの作り方
こんにちわ、山下です。 Amazonなどで使われているような商品を☆の数で評価するスターレイティングというものがあります。今回は、CSS The Star Matrix Pre-loadedに紹介されている記事を参考に、その作り方を簡単に紹介しようと思います。 1.画像を用意する まず次のような1枚の画像を用意します。16×16ピクセルの☆が、横に5個、縦に11個並んでいて、下に向かうに従って色の付いている☆の数が増えているのがポイントです。 2.HTMLを書く HTMLはとてもシンプルで、ULリストを使います。 <ul class="rating onestar"> <li class="one"><a href="#" title="1 Star">1</a></li> <li class="two"><a href="#" title="2 Stars">2</a></li> <l
モバイルサイトのデザイン : LINE Corporation ディレクターブログ
こんにちは、『livedoor 歌詞』や『livedoor グリーティング』を担当している吉沢です。 今回は、モバイルサイトのデザインの決め方、デザイナーとの仕事の進め方をご紹介したいと思います。 モバイルサイトのデザインというと、画面が小さいし容量制限も厳しいし、デザインのやりようがないのでは？ と思うかもしれません。 確かに 1 年程前まではそんな状況だったのですが、世間的に 3G 端末が普及し、容量制限の緩和、通信速度の向上とモバイルサイトを華やかに魅せる環境が整いつつあります。 そこで『ケータイ livedoor』も昨年後半あたりから少しずつ 3G 端末をメインとした開発を行っており、今ではモバイルサイトの“こったデザイン”が必須となっています。 これまで、サイト開発時にディレクターがデザイナーにお仕事を依頼するタイミングは、サイトのリリース直前という場合がほとんどでした。最後の仕
GoogleのMatt Cutts氏がWordCamp 2007で語ったこと
GoogleのMatt Cutts氏がWordCamp 2007で語ったこと 2007-07-26-2 [SEO] 米GoogleウェブスパムチームのMatt Cutts氏がWordCamp 2007で語ったこと。 へー、そうだったのかー、と興味深い。 「動的URLも静的URLと同様に扱う」 http://www.sem-r.com/0702/20070725093219.html 「URL中の"-（ハイフン）"も"_（アンダースコア）も同列に扱う」 http://www.sem-r.com/0702/20070725092702.html 「Google Newsに掲載されるためにブログが複数人で運営されている必要がある」 http://www.sem-r.com/0702/20070725092654.html 「ディレクトリ階層の深さとランキングは関係ない」 http://www.s
スタイルシートによる崩れない 2カラム 3カラム・レイアウト
このウェブサイトは販売用です！ desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています！
MOONGIFT: » デザインもオープンソース化「Open Designs」:オープンソースを毎日紹介
技術者にとって、デザインは鬼門だ。システムはどんどん作れても、デザインが乏しいと急速にやる気をなくしたり、プロジェクト自体が頓挫してしまう。 そこで私自身はデザインは極力外部から持ってくる事にした（または手伝ってもらう）。そうした時に役立つのがこのサイトだ。 今回紹介するのはOpen Designs、オープンソースのデザインテンプレート配布サイトだ。 Open Designsでは600種類を越えるWebページデザインがアップロードされている。ライセンスはCreative Commons、GPL、Public Domainになる。非常に様々なクールなデザインテンプレートが数多く存在している。 特にブログ向けなどのカテゴライズはないので、Webサイト全般で利用できるだろう。カラム数や色合い、バリデーションを指定しての検索も可能だ。 システムがいくら素晴らしくとも、デザインがさえないサイトはそれ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ページが見つかりませんでした – 男子厨房になるべからず！
オリジナル地図記号 :: デイリーポータルZ
Gimpで角丸四角形を作る - ヒマをみつけてWeb開発
Background Image Maker
h-master.net
Web2.0っぽいデザイン | i d e a * i d e a
ドット絵講座
http://07l.oops.jp/2007/08/002/
デザイン初心者の方が気をつけると良いポイントあれこれ - DesignWalker
