HTML5+Canvasでパーティクルっぽいのを作ってみる
Posted: 2015.07.16 / Category: javascript / Tag: HTML5, アニメーション HTML5+Canvasを使用して簡単な横に流れるパーティクルを作成してみます。 パーティクルオブジェクトを作成して動かす 基本的な作りは下記記事をベースに作成します。 HTML5で作るCanvasアニメーションの基礎 上記の記事では一つの円を動かすだけだったので描画関数だけ作成しました。 function drawCircle(x, y, scale, color) { ctx.beginPath(); ctx.arc(x, y, scale, 0, 2*Math.PI, false); ctx.fillStyle = color; ctx.fill(); } パーティクルの場合、粒子一つ一つに位置情報や速度の設定をしたいので、少し拡張してオブジェクトとして作成
Styling SVG <use> Content with CSS | Codrops
An in-depth article on how to style the contents of the SVG <use> element and overcome some challenges it brings. One of the most common use cases for SVG graphics is icon systems, and one of the most commonly-used SVG spriting techniques is one that uses the SVG <use> element to “instantiate” the icons anywhere they are needed in a document. Instantiating icons or any other SVG element or image u
エクセル（Excel）で日曜日の行全体に自動で色付け - パソコントラブルＱ＆Ａ
エクセルで列に日付と曜日を並べた表で、特定曜日に該当する行の複数セルに自動で色付けできますか？ セルへの色付けは「条件付き書式」を使います。
日本の伝統色 伝統色大辞典 | 誕生色大辞典
See related links to what you are looking for.
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
売れるサイトやLP構築のために絶対抑えておくべき色彩心理学の基礎
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. ランディングページのデザインにおいて、サイトの色彩は非常に大きな要素だ。 例えば、見込み客の嗜好やブランドイメージと合わない色をメインカラーにすると、それだけでコンバージョンは大幅に下がる。 少し想像してみて欲しい。例えば、このブログの背景が黒一色で、あなたが今読んでいるこの文字がまっ黄色だったらどう思うだろうか？どれだけ役に立つことが書いてあっても、何となく嫌悪感を感じるはずだ。 また、例えば、Amazonのサイト内の購入ボタンが真っ黒だとしたらどうだろうか？購入意欲が下がることは間違いないだろう。 ここまで極端ではないにしろ、ランディングページやサイトの色彩の選択を間違えると、コンバージョンが下がるということは実感して頂けたと思う。
160以上のプログラムを見やすくHTML・TeXなどに変換するフリーソフト「Highlight」
一度に複数のプログラムのソースコードを見やすく色付けして、HTML・XHTML・RTF・TeX・LaTeX・SVG・BBCode・XML形式に変換でき、さまざまな設定も可能なソフトが「Highlight」です。インストールと操作方法は以下から。 Andre Simon - Startseite http://www.andre-simon.de/zip/download.html ◆インストール 上記サイトの「highlight-setup-3.9.exe」をクリック。 「highlight-setup-3.9.exe」をクリック。 「Next」をクリック。 「I accept the agreement」にチェックを入れて「Next」をクリック。 「Next」をクリック。 「Next」をクリック。 「Next」をクリック。 「Next」をクリック。 「Install」をクリック。 20秒
miyahan.com | 液晶ディスプレイとカラーマネージメント
液晶ディスプレイとカラーマネージメント 編 このページは、Apple MacBook Pro に関するトピックをまとめた「myLife with MacBook Pro」で、 大変反響を呼んだ WUXGA ワイド液晶ディスプレイに関するトピックを独立させたものです。 ◆ ページが正常に表示されていない可能性があります ◆ もしこのメッセージが表示されている場合、ページの表示に必要なファイルが読み込まれていないか、あなたがレガシーウェブブラウザを使用している可能性があります。 このウェブサイトは比較的新しいテクノロジーで制作されているため、Netscape 4、Internet Explorer 6 などの旧世代Webブラウザでは閲覧に支障を来すおそれがあります。 またこのようなブラウザは、セキュリティが不十分な可能性があります。当サイトでは、Firefox、Opera、Safari 等の安
色彩センスのいらない配色講座
3. 自己紹介 職業：デザイナー 物心ついたときには絵を描くのが好きだった そのままの勢いで某美大某デザイン科に進学 社会に出たらデザインの話が通じなさすぎて悶絶 そんな社会に対して、デザインの効果をりろんてきに説明して説得しようとしている marippe_
北米WEB屋なら誰でも知ってるんじゃないかって思うサイトをまとめてみた - バンクーバーのWEB屋
他人のブックマークって気になりませんか？特に同じ業界の人のブックマークってすごく気になりますよね。 興味本位でWEB屋友人のブックマークしてるサイトを教えてもらうことも多いですが、なんだか狙いすましたように、いろんな人が同じようなサイトをブックマークしていることに気がついて、「あぁー、このサイトはみんな良く見てるのかも」って思ったサイトがいくつかあったんですね。 そこで、WEB屋のブックマークをまとめて、北米WEB屋ならこれはたぶん皆みてるんだろうなってサイトをまとめてみましたので（独断と偏見で）ご紹介。 海外でWEB屋をやる方、いち早く海外のWEBデザイン情報をゲットしたい方、知っていて損はないと思います。 Smashing Magazine まずは王道？Smashing Magazine。このサイトは日本でも有名かなと思います。よくWEBまとめ記事とかで取り上げられてますよね。WEBの
マンセル表色系 - Wikipedia
マンセル表色系 (まんせるひょうしょくけい、英: Munsell color system) とは、色を正確に表示することを目的とした表色系（顕色系）[1]。 アメリカの画家・美術教育者であるアルバート・マンセル（1858-1918）によって作り出された表色系で[1]、1898年に研究を始め、1905年にその成果として『A Color Notation』（色彩の表記）という本を著して発表した[2]。ただしこれは個人が作成した色体系であったため使う上では整理が必要となり、1943年にアメリカ光学会が視感評価実験によって修正を加えた[1][2]。修正したものは「修正マンセル表色系」とも呼ばれるが、現在一般的に「マンセル表色系」と言った場合は修正したものを意味する[1]。なお、マンセルの後に著した新しい書籍『Munsell Book of Colors』は現在でも使用されている。 色を色の三属性
rgba()－CSS3リファレンス
rgba()は、RGBAカラーモデルで色を指定する際に使用します。 RGBAカラーモデルは、RGBカラーモデルのred・green・blueに、alphaが加わったものです。 alphaは色の透明度を表します。 RGBAカラーモデルで色を指定する際には、カンマ（ , ）区切りにした３つの数値でRGBの色を指定した後に、数値で透明度を指定します。 RGBの色は0-255、または、0%-100%で指定します。透明度は、0（完全に透明）～1（完全に不透明）の数値で指定します。 RGBA値の指定では、RGB値の指定とは異なり #FFFFFF のような16進表記を使用することはできません。 尚、RGBA値をサポートしていないブラウザでは、透明度だけが無視されて単なるRGB値として扱われるのではなく、色指定そのものが認識されずに無効となるので注意してください。 ■使用例 CSSソースは外部ファイル（s
ウェブ配色ツール Ver2.0
基本的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています（ただしフォントは変更出来ません）。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
