Webサイトに華やかな表現を！ HTML5用パーティクルライブラリ「ParticleJS」を公開 - ICS MEDIA
JavaScriptライブラリー「ParticleJS」を公開しました。「ParticleJS」は大量の粒子（パーティクル）の表現を行うためのライブラリーで、ゲームの演出やスペシャルコンテンツなどの表現制作に役立ちます。HTML Canvasとして動作するので、デスクトップ・モバイルを問わずどのブラウザーでも動作します。 また、「Particle Develop」という専用のデザインツールも用意しています。このツールを使うと直感的な操作でデザインでき、出力したパラメーターを「ParticleJS」にコピペで読み込めます。デザイナーが作成したパーティクル演出をエンジニアが利用するといった連携を想定してます。 MITライセンスで公開していますので、商用利用問わずどなたでも自由に利用が可能です。ソースコードやドキュメントはすべてGitHubにて公開していますので参照ください。 ParticleJ
CSS & JavaScript】HLS(カラーコード)を活用して美しくアニメーションするグラデーションカラーを作ってみる
この他にも CSS3 からは HSL という形式の色指定が出来るようになりました。あまり普及していない印象を受けますが、これはこれで中々のポテンシャルを持った機能なので、ひとつ調べてみることにしました。 - CSS | MDN HSL - CSS3から導入された色指定方法 色相 ( Hue )、彩度 ( Saturation )、輝度 ( Luminance / Lightness )の3つの要素1)色の三属性といいます。からなる指定方法のことです。写真やイラストなどグラフィック分野に明るい人であればご存知かもしれませんね。Photoshop や Illustrator にもこの指定方法があります。CSS ではこのように記述します。 .demo { background: hsl(色相, 彩度, 輝度); } // アルファ値 (透明度) を含めた hsla というのもあります .demo
Glen Maddern: Internet Pro
In the last few days of 2014, I resurrected my long-neglected GIF-beatmatching project DJGif to throw a New Year’s party on my rooftop: Ʌbelard playing his first set of 2015 A DJ using Ableton Live, a huge bundle of MaxMSP emitting a UDP stream of beat information (courtesy of the immensely pro Cade), a UDP ➝ WebSockets server, and DJGif pulling hundreds of GIFs off various Tumblrs to beatmatch <x
Creating Animations and Interactions with Physical Models
Physics-based animations and interactions are becoming more common in UI. This page goes through some basic physical models and the kinds of interactions and animations that can be constructed from them. Scrolling on iOS is an excellent example of a physics-based interaction. When you drag your finger across the screen, the content tracks along with it, thereby scrolling, but when you lift your fi
CSS and jQuery Image Comparison Slider | CodyHouse
Image Comparison Slider A handy draggable slider to quickly compare 2 images, powered by CSS3 and jQuery. When you create a product page, there are some effective UX solutions that can be used to make the user 'feel' the product. A comparison image slider is one of those. If you look at the Sony Ultra HD TV product page, they use this approach to emphasize the difference between their display res
Responsive Components Using Context Queries
Author: Ed Merritt Date: 22 August 2014 Category: Interface Design, Development, Mobile Reading Time: Media queries make a website respond to the viewport. But what if we could make site components respond to their container? I’ve been having a play with the idea of determining the context of a piece of content within a page rather than simply querying the media (device) itself. Media queries intr
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
NavNav+