[HTML5/画像] フリーのデザインテンプレートと写真素材配布サイト

フリーのデザインテンプレート配布サイト。
レスポンシブHTML5のものもあり。

[JS] 貼り付けたYouTube動画をレスポンシブにするjQuery「FitVids.JS」

「FitVids.js」は、YouTubeやVimeoなどの動画サイトから貼り付けコードで貼り付けた動画を、レスポンシブに対応させるjQueryプラグイン。

YouTubeなどの貼り付けコードはmax-widthを100%にしても横長になってしまうため、完全にレスポンシブとは言えず、ちゃんと表示させるにはこのjQueryライブラリを使用する。

「CSS Gradient Animator」は、CSS3のanimationプロパティとliner-gradientプロパティを使用して、色が変化していくグラデーションカラーを再現するCSSコードを生成できるジェネレーター。

Add colorからカラーを追加して、グラデーションやスクロールするアングル、カラーを変化させるスピードを指定してコード生成。カラーは複数追加可能となっています。

「あれ、何となく色が変化している？」というぐらいのスピードに設定すると、お上品で良い感じ。

マウスクリックした時に、ゼリーの様なアクションをするフォームやらドロップダウンメニューやらのJavaScript「Elastic SVG Elements」。

ソーシャルサービスやブックマークサービスへの登録ボタンをブログに掲載できる「AddThis」が新しくなり、導入がより簡単になりました。ボタンのデザインも新しくなっています。