Webページに雪や紙ふぶきを降らせたい！ | DESIGN PAPA
ネットサーフィンをしていると、たまにページ上で雪が降ってたり紙ふぶきが 舞ってたり、流星が流れていたりというサイトを見かけることがあります。 こういうのって実際自分で作ろうとすると、かなりの知識とテクニックが 必要ですが、そういった知識がなくてもちょっとソースとファイルを加える だけで、誰でも簡単に自分のサイトに取り入れることが出来ます。 色々な方法があるとは思いますが、私が利用させていただいたのは 以下のサイトです。 参考：http://www.schillmania.com/projects/snowstorm/ 設置方法は以下になります。 http://www.schillmania.com/projects/snowstorm/script/ より「snowstorm.js」をダウンロードし、雪を降らせたいページと 同階層に「script」フォルダを作成後、設置。 雪を降らせたいペ
Web Designer Wall - Design Trends and Tutorials
This is an example of a detailed registration form with validation, designed using CSS, HTML, JavaScript, and Bootstrap framework 4. The body of the form is given a background color as RGB(252, 228, 236). The form consists of input text fields, radio buttons, drop-down lists, and a submit button. The banner section of the form is given a background color as RGB(233, 30, 99). The JavaScript methods
HugeDomains.com
Captcha security check squaregirl.com is for sale Please prove you're not a robot View Price Processing
デザインの引き出しを増やそう！細部にまでこだわった美しいウェブUIエレメントのPSD素材のまとめ
細部まで作り込まれた美しいデザインのウェブ用のUIエレメントのPSD素材を紹介します。 そのまま制作に使ってもよし、インスピレーションをもらってもよし、PSDなのでエフェクトの勉強をしてもよし、などいろいろ活用できると思います。 ※一部のファイルはPNGフォーマットです。
Foundation for Sites | The most advanced responsive front-end frameworks in the world.
Responsive design gets a whole lot faster A Framework for any device, medium, and accessibility. Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and emails that look amazing on any device. Foundation is semantic, readable, flexible, and completely customizable. We’re constantly adding new resources and code snippets, includi
ウェブデザインのマンネリ化から抜け出したい人のためのリンク集
ウェブサイトでよく使用されるエレメントやデザインのアイデアをコレクションしている、インスピレーションを与えるサイトを紹介します。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
結婚式曲ガイド - ウェディングソング.com
Ne-Yo - Miss Independent みんな大好きなニーヨによるアップテンポでメロディアスなナンバー。 仕事をバリバリ... 2012.02.02 () - (4) - 9454 回
アイコンデザインにおける10の間違い | CREAMU
アイコンデザインで注意するポイントが知りたい。 そんなときにおすすめなのが、『10 Mistakes in Icon Design』。アイコンデザインにおける10の間違いだ。 以下にご紹介。 アイコンのデザインの差があまりない アイコンをセットで作る場合、見分けられないデザインはよくない。↓はMac OS Xのユーティティーアイコン。見分けがつきづらく、間違って起動してしまう。 一つのアイコンに要素が多すぎる アイコンの中の要素は少なければ少ないほどよい。要素が多いと、小さくしたときに判別しにくい。 不要な要素を含んでいる 要素を少なくし、メッセージがストレートに伝わる要素だけを置きたい。↓はDBアイコンの例。DBであることがわかっているなら、後者の例にした方がわかりやすい。 アイコンセットに統一性がない アイコンセットは、カラースキーム、遠近感、サイズ、描画技術を統一すべき。 小さいアイ
Fireworks texture gallery
Fireworksで使えるテクスチャファイル300種類を無料で配布しています。商用利用も可能です。ライセンス Fireworks texture galleryで配布してるテクスチャ画像（png形式）は、以下のルールを守ってダウンロードをしてください。 商用利用も問題ありません。Webサイトだけではなく、印刷物などに利用していただいても構いません。 Fireworksなどの画像加工ソフトで加工していただいても構いません。 著作権は放棄してません。許可なく素材として再配布することは禁止してます。 更新履歴 2009年5月21日 Fireworks texture galleryをリリースしました。 「水平線」「垂直線」「円」「斜線」「星」「和風」「チェック」「花」「ハート」「ダイヤモンド」「モザイク」「雪」からなる12のカテゴリ、300種類のテクスチャを公開しました。
『Illustratorによるイラスト制作の基本操作』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして！デザイナーのマチダです。2012年４月に新卒入社し、現在はスマートフォンゲームのイラストを制作しています。 はじめに-Illustratorの仕組み-多機能によってグラフィックだけでなく文書作成などマルチに活躍できるIllustratorですが、機能の多さに最初は何をどのように使ったらいいのか戸惑うかと思います。 ＜illustratorでイラストを描く際に心がけていただきたいこと＞ 普通絵を描く時は線画を描いて着彩すると思いますがIllustratorは少々違い、"様々な形をした図形を配置"して絵を描きます。図形を上に重ねていくことで
色カラー | 色彩とデザインのホームページ
色と色が組み合わさることによって様々な変化が起きます。また、色と何かが組み合わさると新たな出会いや発見が生まれます。色カラーは色と関わりのある情報をお届けするサイトです。色の組み合わせを楽しみましょう。 今のオススメ 配色検索！キーワードから作る配色 季節の色彩！10月のイメージ配色 季節で変わる好きな色と嫌いな色 この色が好きな人はこの色が嫌い 男性と女性で異なる色彩嗜好 迷いを解決！効率的な色の選び方 カラー講座 色の知識を広げよう！色の影響力の考察 色カラーで学ぶ色彩のこと。何気ない日常に変化を与えてくれるのが色です。色が持っている性格や色の印象が与える影響などを知っていると、日々が楽しくなります。 色彩感覚：色と心の関係 いま笑顔は何色に見えますか？ 色のイメージは経験や体調、性格、天気、流行、文化など様々な要因によって左右されます。また、同じ色でもその時々によって感じる感覚は違っ
【CSS】ページ送りナビゲーションには display:inline-block が超便利 | バシャログ。
こんばんは、ishidaです。 CSS2.1 で定義されている displayプロパティの値、inline-blockの使いどころを探してみたところ、ページ送りにかなり使えそうです。 まずは以下のサンプルをご覧下さい。Yahoo 検索結果のページ送りデザインをまねています。 ページ送りのサンプル 1 2 3 4 5 6 7 8 9 10 次へ> XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li><strong>1</strong></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li><a href="#">
あなたが作ったサイトのフッターの役割は？12のフッター活用方法！
昔はさっぱり注目されていなかったフッターエリアですが、今では多くのクリエイターがフッターに関心を持つようになりました。フッターデザインだけを集めたサイトなんて過去にほとんどありませんでしたが、ここ2、3年でいくつもそういったサイト・ページを見るようになりました。また特に海外サイトで言えることですが、最近では「これがフッターなのか！」と思う、すごいクオリティーのフッターも見る機会が多くなりました。 皆さんは大きく関心を集めるようになったこのフッターエリアを上手に活用できていますか？ ユーザーの起こすアクションを絞る(誘導する) 皆さんはブログの記事を読み終わった後、次にどんなアクションを起こしますか？ スクロールしてトップに戻る 元々いたサイトに戻る(はてブとか) タブを閉じる ツイートしてみる なんとなくコーヒーを飲む 上記のようにユーザーは、記事を読み終わると必ず何らかのアクションを起こ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ノンデザイナーのための配色理論
シルエットデザイン
cmmntr.com
光を表現するPhotoshopチュートリアル まとめ - DesignWalker
IDEA * IDEA
Loading...