[B! JavaScript][css] takun71のブックマーク

GitHub - kawasima/jagrid: Japanese-styled grid framework.

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

takun71 2014/04/22

リンク

jQuery不要でスクロールにあわせて要素をアニメーションで表示するスクリプト -WOW.js | コリス

ページ下部にもたくさんのアニメーションが！アニメーションはAnimate.cssを使用しているので、さまざまなものが利用できます。どのようなアニメーションががあるのか、実装方法など、当ブログで以前紹介した記事をご覧ください。 classを加えるだけで多彩なアニメーションが簡単に使用できるスタイルシート -Animate.css WOW.jsはデモ以外にも、他のサイトで実際に使用されているさまざまな例があります。どのサイトもアニメーションが楽しく、とても印象的です。 Stream Line Icons WOW.jsのつかいかた Step 1: 外部ファイル当スクリプトを</body>の上、Animate.cssをhead内に外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="css/libs/animate.css"> </

takun71 2014/02/12

リンク

コードの圧縮や外部ファイル化とページの読み込み速度について

なぜ、ごちゃごちゃしてるのか？ぱっと気づくのがこの2点です。改行やスペースがほとんど使われていない CSSやJavascriptが外部化ファイル化されていない Googleとしてはソースがきれいなことよりも、読み込み速度を速くすることでユーザーのストレスを軽減したり、ファイルサイズ小さくすることでサーバーへの負荷を減らしたりすることの方が重要だと思います。もちろんアップする前にこのような状態にしているだけで、それまではきれいに書かれているはずですが。ということで、「コードの軽量化」と「外部ファイル化」の2点について考えてみます。コードの軽量化について HTML、CSS、JavaScriptなどのコードは、改行やスペースを使わずサイズを小さくした方が読み込みは速くなります。これは当然ですね。コードの見やすさよりも読み込み速度やサーバーの負担軽減を優先するなら、できるだけファイルを

takun71 2012/05/29

やっぱりやったほうがいいのかなあ

リンク

HTML5 花火大会

HTML5の花火大会が始まりました。 JavaScriptやCSS3で書かれたコードが美しい花火となって夏の夜空を鮮やかに彩ります。 START

takun71 2011/07/07

リンク

たったワンクリックであらゆるサイトのJavaScriptやCSSを圧縮＆最適化してくれる『zbugs』 | 100SHIKI

これはすんごく便利・・・。 zbugsを使えば、ワンクリックであらゆるサイトのCSSおよびJavaScriptを圧縮してくれるようだ。もちろん何パーセント圧縮されたかとか、どのファイルがどれだけ小さくなったかといったことの詳細も教えてくれる。さらに圧縮したファイル群をまとめてダウンロードすることも可能だ。サイトをつくったあとに、さらなるスピードアップを図るのにいいだろう。インターフェースも素敵でシンプルなので一度試してみるといいですよ。

takun71 2011/05/02

リンク

CSS/JavaScriptのサイズ縮小、結合ライブラリ·Juicer MOONGIFT

JuicerはRuby製のオープンソース・ソフトウェア。jQueryやPrototype.jsなどJavaScriptでリッチなインタフェース、操作を可能にするライブラリは多い。特に本体は軽量に、多彩なプラグインが提供されるjQueryは人気が高い。ヘルプだが多数のプラグインを使うとスクリプトタグがたくさん並び、コネクション数が増えることになってしまう。そこで使ってみたいのがJuicerだ。Juicerは複数のJavaScript/CSSファイルを結合したり、サイズを縮小してくれるライブラリだ。 Juicerの引数に複数のファイルを渡すと、一つのファイルに結合して出力する。YUI CompressorまたはGoogle Closure Compilerを使って余計な改行や空白を消してサイズを縮小してくれる機能もある。さらにJsLintを使って縮小結果が正しいかどうか検証する機能もある。