タグ

webとjqueryに関するpiro_sukeのブックマーク (3)

  • CSS、Javascriptを圧縮して読み込み速度を上げよう!「YUI Compressor」

    timelapse audio / Inha Leex Hale ブログの表示速度を少しでも速くするために、ブログ内で読み込んでいるJSファイルとCSSファイルを圧縮せんと、「YUI Compressor」というツールを試してみました。 使い方 使い方は非常に簡単。まずはOnline YUI Compressorへアクセスしませう。 続いては「Code」の部分にCSS or JSファイルをコピペ、「File Type」を適宜切り替えて、オプションを選択したら「Compress」ボタンをクリックしましょう。 しばらくすると余計な改行や空白部分が消去された圧縮コードが吐き出されますので、あとは煮るなり焼くなりはんなり。 圧縮されたコードはあとから編集しにくいので、しっかりバックアップをとっておきましょう。あと、デザインなどが崩れる事も考えられるので張り替え後は確認を!(当サイトでは特にデザイン

    CSS、Javascriptを圧縮して読み込み速度を上げよう!「YUI Compressor」
  • 7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座

    HOME>jQuery>7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。(っていうかそんな偉そうなこと言える程修めてない

    7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座
  • [はじめてのjQuery][css] jQueryを使用してhover時の画像にドロップシャドウがつくようにしてみた

    jQuery Summit Notes / Robert Banh 今日も今日とてjqueryのお勉強中、おつぱ( @OZPA )です。 「ページのトップに戻る」ボタンを実装してみたり、ブログの最上部に位置固定のソーシャルボタンとサイト内検索フォーム内蔵バーを配置してみたりしているわけですが、今回はjQueryを使用して、メインカラムの画像にカーソルを合わせた時にドロップシャドウをつけてみる挙動を仕込んでみました。 メインカラムの画像にhover時ドロップシャドウをつける たまに、背景が白いスクリーンショットや透明なpngなどを貼り付けた際に、これまたバックグラウンドが真っ白な当ブログではどこが境界線なのかわからないということがよくありまして。 こんな画像ですとどこが境界線がわからない。 でまぁ全ての白い背景画像にドロップシャドウを今から付けたりするのは面倒くさいので、jQueryを使用し

    [はじめてのjQuery][css] jQueryを使用してhover時の画像にドロップシャドウがつくようにしてみた
  • 1